/* Compact, full-width research chapters with continuous prose and focused diagrams. */
.research-article{max-width:none;width:100%;margin:0;color:#303640}
.article-header{padding:0 0 20px;margin-bottom:23px;border-bottom:1px solid var(--line)}
.article-header h2{font-size:31px;line-height:1.45;letter-spacing:-.02em;font-weight:600;margin:0 0 17px;text-wrap:balance}
.article-header p{font-size:14px;line-height:1.65;color:#606c7c;margin:7px 0 0}.article-header strong{font-weight:500;color:#46515f}
body[data-active-panel="research"] .portfolio-tabs{margin-bottom:32px}
.article-section{margin:26px 0 0;padding:24px 26px;border:1px solid #dce2eb;border-top:3px solid #9baecb;border-radius:6px;background:#fff;scroll-margin-top:0}
.article-section h3{display:flex;align-items:baseline;gap:15px;font-size:23px;line-height:1.5;font-weight:600;margin:0 0 19px;padding-bottom:15px;border-bottom:1px solid #e1e6ed;letter-spacing:0}
.article-chapter-number{font:italic 23px Georgia,serif;color:#5d79a3;flex:0 0 auto}
.article-section h4{font-size:18px;line-height:1.55;font-weight:600;margin:22px 0 10px}
.article-section p,.article-section li{font-size:15px;line-height:1.58;color:#414a57;font-weight:400}
.article-section p{margin:10px 0;max-width:none}.article-section strong{font-weight:600;color:#273447}
.article-section ul,.article-section ol{padding-left:1.5em;margin:13px 0 16px}.article-section li{padding-left:.15em;margin:6px 0}.article-section li::marker{color:#7187a6}
.article-section em{font-style:normal;color:#697583;font-size:13px;line-height:1.65}.article-section p:last-child{margin-bottom:0}
.research-article #research-conclusions{margin-top:0;border-top-color:#5b7bab}
.research-article #research-summary{margin:26px 0 0;padding:24px 26px;border:1px solid #dce2eb;border-top:3px solid #9baecb;border-radius:6px;background:#fff}
.research-article #research-summary>h3{font-size:23px;margin:0 0 19px}.research-article #research-summary p{font-size:15px;max-width:none;line-height:1.58}
.research-article #research-summary p:last-of-type{border:0;padding:0;margin-top:15px}.research-article #research-summary strong{color:#273447;font-weight:600}
.article-table{margin:17px 0 20px;overflow-x:auto;overscroll-behavior-x:contain;border:1px solid #dce1e8;border-radius:4px;background:#fff}
.article-table table{width:100%;border-collapse:collapse;table-layout:fixed;text-align:left;font-size:14px;line-height:1.6}
.article-table th,.article-table td{padding:8px 13px;vertical-align:top;border-bottom:1px solid #e1e5eb;overflow-wrap:anywhere;font-weight:400;color:#46505e}
.article-table thead th{background:#eef2f7;color:#3e4e65;font-weight:500}.article-table tr:last-child>th,.article-table tr:last-child>td{border-bottom:0}
.article-table tbody th{font-weight:500;color:#303f55}.article-table tbody tr:nth-child(even){background:#fbfcfe}.article-table strong{font-weight:600}
.article-table tr>:first-child{width:17%}.article-table[data-columns="2"] tr>:first-child{width:23%}.article-table[data-columns="4"] tr>:first-child{width:18%}
.article-section .cell-list{list-style:disc;margin:0;padding:0 0 0 1.1em}.article-section .cell-list li{font-size:13.5px;line-height:1.45;margin:1px 0;padding:0}.article-section .cell-list li:first-child{margin-top:0}.article-section .cell-list li:last-child{margin-bottom:0}.article-section .cell-list li::marker{color:#8a9bb2;font-size:.75em}.cell-list-pairs{display:block}
.article-table.article-matrix tr>:first-child{width:17%}.article-matrix tbody th{background:#f3f5f9;vertical-align:middle}.article-matrix thead th{text-align:center}.article-matrix td{padding:16px 19px;background:#fbfcff}.article-matrix td+td{border-left:1px solid #dce3ed}.article-matrix strong{display:block;font-size:16px;color:#34557f;margin-bottom:6px}.article-matrix .matrix-scenario{display:block;line-height:1.6}.article-matrix .matrix-need{display:block;margin-top:9px;padding-top:8px;border-top:1px solid #e1e7f0;color:#526b8e;line-height:1.6}
.mode-sequence{display:grid;grid-template-columns:1fr 18px 1fr 18px 1fr 18px 1fr;gap:8px;align-items:center;margin:16px 0;padding:16px;background:#f0f3f8;border:1px solid #e0e6ef;border-radius:4px}
.mode-sequence-step{font-size:14px;line-height:1.6;color:#3d567b}.mode-sequence>span{color:#7d91af;text-align:center}
.creation-flow{margin:17px 0 20px;padding:17px;background:#f1f4f9;border:1px solid #dfe6f0;border-radius:4px}
.creation-flow figcaption{font-size:12px;color:#607697;margin-bottom:13px}
.article-section .creation-stages{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:17px;padding:0;margin:0;list-style:none}
.article-section .creation-stage{position:relative;margin:0;padding:14px 13px 12px;border:1px solid #d6dfed;background:white;border-radius:4px;display:flex;flex-direction:column;min-width:0}
.creation-stage h5{font-size:15px;line-height:1.5;font-weight:600;color:#2f4d78;margin:0}.article-section .creation-stage p{font-size:14px;line-height:1.6;margin:10px 0 13px;color:#526075}
.stage-action{font-size:13px;line-height:1.55;color:#315c95;padding-top:10px;border-top:1px solid #e1e7f1;margin-top:auto}
.stage-arrow{position:absolute;right:-16px;top:50%;transform:translateY(-50%);font-size:14px;color:#8a9db9}
.article-toc{display:none}

@media(max-width:1390px){.article-toc{display:block;margin-top:15px}.article-toc summary{font-size:13px;color:var(--brand-dark);cursor:pointer;padding:7px 0;min-height:36px}.article-toc nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px 20px;padding-top:7px}.article-toc a{font-size:13px;display:flex;align-items:center;min-height:36px;color:#626f81}.article-toc a:hover{color:var(--brand-dark)}}
@media(max-width:1000px){.article-section,.research-article #research-summary{padding:21px}.article-section .creation-stages{display:block}.article-section .creation-stage{display:grid;grid-template-columns:145px minmax(0,1fr) 155px;gap:15px;align-items:center;padding:12px 14px;margin-bottom:15px}.article-section .creation-stage:last-child{margin-bottom:0}.article-section .creation-stage p{margin:0}.stage-action{margin:0;padding:0 0 0 14px;border-top:0;border-left:1px solid #dce4ef}.stage-arrow{top:auto;bottom:-18px;left:22px;right:auto;transform:rotate(90deg)}}
@media(max-width:767px){
 .research-article{max-width:100%}.article-header{padding-bottom:17px;margin-bottom:20px}.article-header h2{font-size:26px;line-height:1.5;margin-bottom:15px;text-wrap:initial}.article-header p{font-size:14px;line-height:1.65;margin-top:9px}
 body[data-active-panel="research"] .portfolio-tabs{margin-bottom:25px}
 .article-section,.research-article #research-summary{margin:20px -5px 0;padding:18px 15px;border-radius:5px}.article-section h3,.research-article #research-summary>h3{font-size:21px;line-height:1.5;margin-bottom:16px;padding-bottom:12px;gap:10px}.article-chapter-number{font-size:21px}.article-section h4{font-size:17px;margin-top:19px;margin-bottom:9px}
 .article-section p,.article-section li,.research-article #research-summary p{font-size:14.5px;line-height:1.6}.article-section p{margin:10px 0}.article-section ul,.article-section ol{padding-left:1.25em;margin:12px 0}.article-section li{margin:7px 0;padding-left:.1em}
 .article-table{margin:15px 0 17px}.article-table table{min-width:620px;font-size:14px;line-height:1.6}.article-table[data-columns="4"] table{min-width:700px}.article-table[data-columns="2"] table{min-width:0}.article-table th,.article-table td{padding:8px 10px}.article-table[data-columns="2"] tr>:first-child{width:26%}
 .article-table:not([data-columns="2"]):not(.article-matrix):before{content:"表格可左右滑动";display:block;position:sticky;left:0;width:100%;padding:7px 11px;border-bottom:1px solid #e1e5eb;color:#6a7789;font-size:12px;box-sizing:border-box;background:#f7f9fc}
 .article-table.article-matrix table{min-width:0}.article-table.article-matrix tr>:first-child{width:18%}.article-matrix th,.article-matrix td{font-size:12px;padding:10px 8px}.article-matrix strong{font-size:13px;line-height:1.55;margin-bottom:6px}.article-matrix .matrix-scenario,.article-matrix .matrix-need{font-size:13px;line-height:1.6}.article-matrix .matrix-need{margin-top:7px;padding-top:7px}
 .mode-sequence{display:flex;flex-direction:column;gap:8px;align-items:stretch;padding:13px;margin:14px 0}.mode-sequence-step{font-size:14px}.mode-sequence>span{transform:rotate(90deg);line-height:1}
 .creation-flow{padding:12px}.article-section .creation-stage{grid-template-columns:1fr;gap:8px;padding:12px;margin-bottom:17px}.creation-stage h5{font-size:15px}.article-section .creation-stage p{font-size:14px;line-height:1.6;margin:0}.stage-action{border-left:0;border-top:1px solid #dce4ef;padding:8px 0 0;font-size:13px}.stage-arrow{bottom:-20px}
 .article-section em{font-size:12px}.article-toc{margin-top:12px}.article-toc nav{grid-template-columns:1fr 1fr;gap:2px 15px}.article-toc a{font-size:13px}
}
/* Reading hierarchy: chapter > subsection > indented content. */
.article-header h2{font-size:30px;line-height:1.4;margin-bottom:6px;text-wrap:initial}
.article-header .article-subtitle{font-size:18px;line-height:1.5;color:#657287;margin:0 0 17px}
.article-subsection{margin:21px 0 0}.article-subsection>h4{margin:0 0 9px;padding-left:10px;border-left:3px solid #9aacc8;font-size:17px;line-height:1.5}
.article-subsection-content{margin-left:12px;padding-left:14px;border-left:1px solid #e7ebf1}
.article-subsection-content>p:first-child{margin-top:0}.article-subsection-content h5{font-size:15px;line-height:1.5;margin:15px 0 7px;font-weight:600}
.article-section .article-bullets{padding-left:1.25em;margin:9px 0 12px}.article-section .article-bullets li{margin:5px 0;line-height:1.58}
.article-section .cell-list{display:block;columns:auto}.article-section .cell-list li{font-size:13.5px;line-height:1.45;margin:1px 0}
.article-table table{font-size:13.5px;line-height:1.5}
/* Matrix: stable axes on desktop; fully labelled stacked states on mobile. */
.cognition-matrix{margin:14px 0 17px;background:#f5f7fa;border:1px solid #dce3ed;border-radius:5px;padding:13px}
.cognition-matrix figcaption{text-align:center;font-size:12px;color:#64748c;margin:0 0 10px;padding-left:95px}
.cognition-grid{display:grid;grid-template-columns:95px repeat(2,minmax(0,1fr));gap:9px}
.matrix-axis,.matrix-method,.matrix-goal{font-size:13px;line-height:1.5;color:#536782;padding:7px}.matrix-method{text-align:center}.matrix-goal{align-self:center;font-weight:500}
.cognition-cell{padding:13px 15px;background:#fff;border:1px solid #dce3ee;border-radius:4px;min-width:0}
.cognition-cell h5{font-size:15px;line-height:1.5;color:#2e4e7a;margin:0 0 7px}.article-section .cognition-cell p{font-size:14px;line-height:1.5;margin:0}
.article-section .cognition-cell .cognition-support{margin-top:9px;padding-top:8px;border-top:1px solid #edf0f5;color:#556c8e}
/* A connected route with individual nodes, not a continuous header strip. */
.article-section .mode-route{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:27px;list-style:none;padding:0;margin:16px 0 20px}
.article-section .mode-route>li{position:relative;padding:15px 13px 12px;margin:0;border:1px solid #cfdaeb;border-radius:5px;background:#f9fbfe;display:block}
.route-number{display:block;font:italic 13px Georgia,serif;color:#627da4;margin-bottom:9px}.mode-route>li>strong{display:block;font-size:15px;color:#2d4c77}
.article-section .mode-route p{font-size:14px;line-height:1.5;margin:6px 0 0}.route-arrow{position:absolute;right:-22px;top:50%;transform:translateY(-50%);font-size:19px;color:#8498b6}
@media(max-width:767px){
 .article-header h2{font-size:25px}.article-header .article-subtitle{font-size:16px;margin-bottom:15px}
 .article-subsection{margin-top:18px}.article-subsection>h4{font-size:16px;padding-left:8px;margin-bottom:8px}.article-subsection-content{margin-left:9px;padding-left:9px}.article-subsection-content h5{font-size:14.5px;margin-top:13px}
 .article-section .article-bullets li{line-height:1.6}.article-section .cell-list li{font-size:13px;line-height:1.45;margin:1px 0}
 .cognition-matrix{padding:11px;margin:13px 0 16px}.cognition-matrix figcaption{padding-left:0;text-align:left;font-size:12px;margin-bottom:6px}
 .cognition-grid{display:block}.matrix-axis,.matrix-method{display:none}.matrix-goal{font-size:13px;padding:9px 0 6px;font-weight:600;color:#4c617f}
 .cognition-cell{padding:12px;margin-bottom:9px}.cognition-cell:before{content:attr(data-method);display:block;font-size:11px;color:#718097;margin-bottom:6px}.cognition-cell h5{font-size:15px}.article-section .cognition-cell p{font-size:14px;line-height:1.55}.article-section .cognition-cell .cognition-support{margin-top:7px;padding-top:7px}
 .article-section .mode-route{grid-template-columns:1fr;gap:20px;margin:14px 0 17px}.article-section .mode-route>li{padding:12px 13px 12px 46px}.route-number{position:absolute;left:13px;top:14px;margin:0}.article-section .mode-route p{font-size:14px;margin-top:4px}.route-arrow{left:18px;right:auto;top:auto;bottom:-23px;transform:rotate(90deg)}
}