/* =========================================================
   WAVE 06 — 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}

/* common two-column */
.two-axis,.causative-role,.feeling-overlap,.limit-map,.finish-map,.sequence-map{
 display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:34px
}
.limit-map,.finish-map,.sequence-map{grid-template-columns:repeat(3,minmax(0,1fr))}
.two-axis article,.causative-role article,.limit-map article,.finish-map article,.sequence-map article{
 padding-top:18px;border-top:2px solid #21302b
}
.two-axis span,.causative-role span,.limit-map span,.finish-map span,.sequence-map span{
 color:#87938e;font-size:9px;font-weight:900;letter-spacing:.1em
}
.two-axis b,.causative-role b,.limit-map b,.finish-map b,.sequence-map b{
 display:block;margin-top:7px;font-size:20px
}
.two-axis p,.causative-role p,.limit-map p,.finish-map p,.sequence-map p{
 margin:6px 0 0!important;color:#63706a!important;font-size:13px!important
}

/* flows */
.instant-line,.role-chain,.purpose-flow,.feeling-overlap,.exclude-structure,.challenge-flow,.unlock-flow{
 display:grid;grid-template-columns:1fr 30px 1fr 30px 1fr;gap:8px;align-items:stretch
}
.purpose-flow,.regret-structure{grid-template-columns:1fr 30px 1fr}
.instant-line>div,.role-chain>div,.purpose-flow>div,.feeling-overlap>div,.exclude-structure>div,.challenge-flow>div,.unlock-flow>div{
 padding:17px 0;border-top:2px solid #21302b
}
.instant-line>i,.role-chain>i,.purpose-flow>i,.feeling-overlap>i,.exclude-structure>i,.challenge-flow>i,.unlock-flow>i{
 align-self:center;text-align:center;color:#99a49f;font-style:normal
}
.instant-line span,.role-chain span,.purpose-flow span,.feeling-overlap span,.exclude-structure span,.challenge-flow span,.unlock-flow span{
 color:#87938e;font-size:9px;font-weight:900
}
.instant-line p,.role-chain p,.purpose-flow p,.feeling-overlap p,.exclude-structure p,.challenge-flow p,.unlock-flow p{
 margin:5px 0 0!important;color:#65716c!important;font-size:13px!important
}

/* examples / rows */
.attitude-example,.instant-example,.limit-example,.sequence-example{
 padding:18px 0;border-top:2px solid #21302b
}
.attitude-example>p:last-child,.instant-example>p:last-child,.limit-example>p:last-child,.sequence-example>p:last-child{
 color:#65716c!important;font-size:13px!important
}
.relative-rows,.change-rail,.form-grid,.compare-lines,.signal-table,.feeling-examples,.person-view,.bakari-uses,.finish-examples,.through-examples{
 border-top:2px solid #21302b
}
.relative-rows>div,.compare-lines>div,.signal-table>div,.person-view>div{
 display:grid;grid-template-columns:300px minmax(0,1fr);gap:20px;padding:18px 0;border-bottom:1px solid #dfe5e2;align-items:baseline
}
.relative-rows span,.compare-lines p,.signal-table p,.person-view p{
 margin:0!important;color:#65716c!important;font-size:13px!important
}
.form-grid{display:grid;grid-template-columns:1fr 1fr}
.form-grid>div{padding:18px 18px 18px 0;border-bottom:1px solid #dfe5e2}
.form-grid>div:nth-child(odd){border-right:1px solid #dfe5e2;margin-right:18px}
.form-grid p{margin:5px 0 0!important;color:#65716c!important;font-size:13px!important}
.form-line{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:baseline;margin-top:20px;padding-top:12px;border-top:1px solid #dfe5e2;font-size:12px}
.form-line span{color:#87938e}.form-line p{margin:0!important;color:#65716c!important;font-size:12px!important}
.restriction-note{margin-top:22px;padding-top:14px;border-top:1px solid #dfe5e2}.restriction-note p{margin:5px 0 0!important;color:#65716c!important;font-size:13px!important}

/* paired cards but natural height */
.n-form,.feeling-examples,.bakari-uses,.finish-examples,.through-examples{
 display:grid;grid-template-columns:1fr 1fr;gap:34px
}
.n-form>div,.feeling-examples>div,.bakari-uses>div,.finish-examples>div,.through-examples>div{
 padding-top:18px;border-top:2px solid #21302b
}
.n-form span{color:#87938e;font-size:9px;font-weight:900}.n-form b{display:block;margin-top:6px;font-size:18px}
.n-form p,.feeling-examples span,.bakari-uses span,.finish-examples span,.through-examples span{
 display:block;margin:6px 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{border-color:#4b5954!important}

/* responsive */
@media(max-width:900px){
 .instant-line,.role-chain,.purpose-flow,.feeling-overlap,.exclude-structure,.challenge-flow,.unlock-flow{grid-template-columns:1fr}
 .instant-line>i,.role-chain>i,.purpose-flow>i,.feeling-overlap>i,.exclude-structure>i,.challenge-flow>i,.unlock-flow>i{transform:rotate(90deg)}
 .limit-map,.finish-map,.sequence-map{grid-template-columns:1fr}
}
@media(max-width:600px){
 .two-axis,.causative-role,.n-form,.feeling-examples,.bakari-uses,.finish-examples,.through-examples{grid-template-columns:1fr}
 .relative-rows>div,.compare-lines>div,.signal-table>div,.person-view>div,.summary-lines>div{grid-template-columns:1fr;gap:5px}
 .form-grid{grid-template-columns:1fr}.form-grid>div:nth-child(odd){border-right:0;margin-right:0}
}