/* =========================================================
   WAVE 05 — CONTENT-DRIVEN FULL SITE FEATURE
   confirmed shell: 820px / centered hero / white paper / related ul
   ========================================================= */
html:not([data-theme="dark"]) body{background:#fff!important}
html:not([data-theme="dark"]) .comparison-page,
html:not([data-theme="dark"]) .comparison-page .section,
html:not([data-theme="dark"]) .comparison-page [class*="section-tint-"]{background:#fff!important}
.comparison-page .section{border-radius:0!important;box-shadow:none!important}
@media(min-width:901px){
 .comparison-page .feature-heading{max-width:820px!important;margin:0 0 34px!important;text-align:left!important}
 .comparison-page .feature-heading h2,.comparison-page .feature-heading p{text-align:left!important;margin-left:0!important;margin-right:0!important}
 .comparison-page .feature-heading>p:not(.section-kicker){max-width:720px!important}
}
.jp-focus{margin:0!important;color:#15201d!important;font-size:21px!important;line-height:2!important;font-weight:720!important}
.feature-note{width:min(700px,100%);margin:24px 0 0 auto;padding:13px 0 0 16px;border-left:2px solid #c7d1cd}
.feature-note>span{display:block;color:#83908a;font-size:9px;font-weight:900;letter-spacing:.12em}
.feature-note p{margin:5px 0 0!important;color:#5d6964!important;font-size:13.5px!important;line-height:1.85!important}
.section-footnote{width:min(700px,100%);margin:20px 0 0 auto!important;padding-top:11px;border-top:1px solid #dfe5e2;color:#5d6964!important;font-size:13.5px!important;line-height:1.85!important}
.summary-lines{width:100%;border-top:2px solid #21302b}
.summary-lines>div{display:grid;grid-template-columns:220px minmax(0,1fr);gap:18px;padding:18px 0;border-bottom:1px solid #dfe5e2;align-items:baseline}
.summary-lines b{font-size:18px}.summary-lines p{margin:0!important;color:#606c67!important;font-size:13px!important}
.myth-list{width:100%;border-top:2px solid #21302b}
.myth-list article{display:grid;grid-template-columns:44px minmax(0,1fr);gap:14px;padding:20px 0;border-bottom:1px solid #dfe5e2}
.myth-list article>span{color:#96a19c;font:400 13px/1 Georgia,serif}.myth-list h3{margin:0 0 5px;font-size:17px}.myth-list p{margin:0!important;color:#5e6a65!important;font-size:13.5px!important;line-height:1.85!important}
.token-a{color:#3f7481!important}.token-b{color:#745f8c!important}.token-c{color:#8a6458!important}

/* shared two-column comparison */
.progress-map,.role-map,.pressure-map,.silent-scene,.status-logic,.register-map,.contrast-map{
 display:grid;grid-template-columns:1fr 1fr;gap:34px
}
.progress-map article,.role-map article,.pressure-map article,.silent-scene article,.status-logic article,.register-map article,.contrast-map article{
 padding-top:18px;border-top:2px solid #21302b
}
.progress-map span,.role-map span,.pressure-map span,.silent-scene span,.status-logic span,.register-map span,.contrast-map span{
 color:#87938e;font-size:9px;font-weight:900;letter-spacing:.1em
}
.progress-map b,.role-map b,.pressure-map b,.silent-scene b,.status-logic b,.register-map b,.contrast-map b{
 display:block;margin-top:7px;font-size:21px
}
.progress-map p,.role-map p,.pressure-map p,.silent-scene p,.status-logic p,.register-map p,.contrast-map p{
 margin:6px 0 0!important;color:#63706a!important;font-size:13px!important
}

/* sequence flows */
.permission-flow,.obligation-flow,.quote-action,.expectation-drop,.premise-map,.uewa-flow,.twist-flow,.regret-structure{
 display:grid;grid-template-columns:1fr 30px 1fr 30px 1fr;gap:8px;align-items:stretch
}
.permission-flow>div,.obligation-flow>div,.quote-action>div,.expectation-drop>div,.premise-map>div,.uewa-flow>div,.twist-flow>div,.regret-structure>div{
 padding:17px 0;border-top:2px solid #21302b
}
.permission-flow>i,.obligation-flow>i,.quote-action>i,.expectation-drop>i,.premise-map>i,.uewa-flow>i,.twist-flow>i,.regret-structure>i{
 align-self:center;text-align:center;color:#99a49f;font-style:normal
}
.permission-flow span,.obligation-flow span,.quote-action span,.expectation-drop span,.premise-map span,.uewa-flow span,.twist-flow span,.regret-structure span{
 color:#87938e;font-size:9px;font-weight:900
}
.permission-flow p,.obligation-flow p,.quote-action p,.expectation-drop p,.premise-map p,.uewa-flow p,.twist-flow p,.regret-structure p{
 margin:5px 0 0!important;color:#65716c!important;font-size:13px!important
}

/* row systems */
.change-rail,.compare-rows,.form-decode,.formal-eval,.overlap-rows,.signal-rows,.nuance-rows{
 border-top:2px solid #21302b
}
.change-rail>div,.compare-rows>div,.form-decode>div,.formal-eval>div,.overlap-rows>div,.signal-rows>div,.nuance-rows>div{
 display:grid;grid-template-columns:280px minmax(0,1fr);gap:20px;padding:18px 0;border-bottom:1px solid #dfe5e2;align-items:baseline
}
.change-rail span,.compare-rows p,.form-decode p,.formal-eval p,.overlap-rows p,.signal-rows p,.nuance-rows p{
 margin:0!important;color:#65716c!important;font-size:13px!important
}

/* paired examples */
.dual-reading,.appropriateness,.urge-examples,.limit-examples,.form-contrast,.emotion-examples{
 display:grid;grid-template-columns:1fr 1fr;gap:34px
}
.dual-reading article,.appropriateness>div,.urge-examples>div,.limit-examples>div,.form-contrast>div,.emotion-examples>div{
 padding-top:18px;border-top:2px solid #21302b
}
.dual-reading span{color:#87938e;font-size:9px;font-weight:900}
.dual-reading article>p:last-child,.appropriateness p,.urge-examples span,.limit-examples span,.form-contrast p,.emotion-examples span{
 display:block;margin:6px 0 0!important;color:#65716c!important;font-size:13px!important
}

/* role examples */
.role-example{display:grid;grid-template-columns:1.35fr .65fr;gap:28px;padding:18px 0;border-top:2px solid #21302b}
.role-example>div{padding-left:22px;border-left:1px solid #dfe5e2}.role-example>div p{margin:5px 0 0!important;color:#65716c!important;font-size:13px!important}

/* dark */
html[data-theme="dark"] .jp-focus{color:#eef4f1!important}
html[data-theme="dark"] .feature-note,html[data-theme="dark"] .role-example>div{border-color:#4b5954!important}

/* responsive */
@media(max-width:900px){
 .permission-flow,.obligation-flow,.quote-action,.expectation-drop,.premise-map,.uewa-flow,.twist-flow,.regret-structure{grid-template-columns:1fr}
 .permission-flow>i,.obligation-flow>i,.quote-action>i,.expectation-drop>i,.premise-map>i,.uewa-flow>i,.twist-flow>i,.regret-structure>i{transform:rotate(90deg)}
 .role-example{grid-template-columns:1fr}.role-example>div{padding-left:0;border-left:0;border-top:1px solid #dfe5e2;padding-top:14px}
}
@media(max-width:600px){
 .progress-map,.role-map,.pressure-map,.silent-scene,.status-logic,.register-map,.contrast-map,
 .dual-reading,.appropriateness,.urge-examples,.limit-examples,.form-contrast,.emotion-examples{grid-template-columns:1fr}
 .change-rail>div,.compare-rows>div,.form-decode>div,.formal-eval>div,.overlap-rows>div,.signal-rows>div,.nuance-rows>div,
 .summary-lines>div{grid-template-columns:1fr;gap:5px}
}