
/* =========================================================
   WAVE 04 — 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:22px 0 0 auto!important;padding-top:12px;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:190px 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}

/* 083 */
.condition-map,.logic-compare,.negation-scope,.wish-view,.report-function,.nia-scene,.keigo-direction{display:grid;grid-template-columns:1fr 1fr;gap:34px}
.condition-map article,.logic-compare>div,.negation-scope>div,.wish-view article,.report-function article,.nia-scene article,.keigo-direction article{padding-top:18px;border-top:2px solid #21302b}
.condition-map span,.wish-view span,.report-function span,.nia-scene span,.keigo-direction span{color:#87938e;font-size:9px;font-weight:900;letter-spacing:.1em}
.condition-map b,.wish-view b,.report-function b,.nia-scene b,.keigo-direction b{display:block;margin-top:7px;font-size:22px}
.condition-map p,.logic-compare p,.negation-scope p,.wish-view p,.report-function p,.nia-scene p,.keigo-direction p{margin:6px 0 0!important;color:#63706a!important;font-size:13px!important}
.minimum-lines,.signal-rows,.omission-table,.result-state-rail,.safe-choice{border-top:2px solid #21302b}
.minimum-lines>div,.signal-rows>div,.omission-table>div,.safe-choice>div{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:18px 0;border-bottom:1px solid #dfe5e2;align-items:baseline}
.minimum-lines span,.signal-rows p,.omission-table p,.safe-choice p{margin:0!important;color:#65716c!important;font-size:13px!important}
.gate-flow,.three-step,.politeness-ladder,.source-matrix{display:grid;grid-template-columns:1fr 30px 1fr 30px 1fr;gap:8px;align-items:stretch}
.gate-flow>div,.three-step>div,.politeness-ladder>div,.source-matrix>div{padding:17px 0;border-top:2px solid #21302b}
.gate-flow>i,.three-step>i,.politeness-ladder>i{align-self:center;text-align:center;color:#99a49f;font-style:normal}
.gate-flow span,.three-step span,.politeness-ladder span,.source-matrix span{color:#87938e;font-size:9px;font-weight:900}.gate-flow p,.three-step p,.politeness-ladder p,.source-matrix p{margin:5px 0 0!important;color:#65716c!important;font-size:13px!important}

/* 084 */
.gift-arrow-map{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.gift-arrow-map>div{padding-top:16px;border-top:2px solid #21302b}.gift-arrow-map b{font-size:22px}.gift-arrow-map span{display:block;margin-top:5px;font-size:12px;font-weight:800}.gift-arrow-map p{margin:5px 0 0!important;color:#65716c!important;font-size:13px!important}
.listening-role{display:grid;grid-template-columns:70px minmax(0,1fr) 30px minmax(220px,.7fr);gap:16px;align-items:center;padding:18px 0;border-top:2px solid #21302b}
.listening-role>span{color:#87938e;font-size:9px;font-weight:900}.listening-role>i{font-style:normal;color:#99a49f;text-align:center}.listening-role>div p{margin:5px 0 0!important;color:#65716c!important;font-size:13px!important}
.omission-table>div{grid-template-columns:100px 280px minmax(0,1fr)}.omission-table span{font-weight:850;color:#356c83}

/* 092 */
.just-timeline{display:grid;grid-template-columns:1fr 80px 1fr;gap:18px;align-items:center}.just-timeline>div:not(.timeline-space){padding-top:16px;border-top:2px solid #21302b}.timeline-space{height:2px;background:#d6deda;position:relative}.timeline-space::before,.timeline-space::after{content:"";position:absolute;top:50%;width:8px;height:8px;border-radius:50%;border:2px solid #91a098;background:#fff;transform:translateY(-50%)}.timeline-space::before{left:0}.timeline-space::after{right:0}
.just-timeline span{color:#87938e;font-size:9px;font-weight:900}.just-timeline b{display:block;margin-top:6px;font-size:20px}.just-timeline p{margin:5px 0 0!important;color:#65716c!important;font-size:13px!important}
.time-example,.wish-example,.report-example,.nia-example,.keigo-self,.scope-example{padding:18px 0;border-top:2px solid #21302b}.time-example>p:last-child,.wish-example>p:last-child,.report-example>p:last-child,.nia-example>p:last-child,.keigo-self>p:last-child,.scope-example>p:last-child{color:#65716c!important;font-size:13px!important}
.phase-strip{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center;margin-top:20px;padding-top:12px;border-top:1px solid #dfe5e2;font-size:12px}.phase-strip span{color:#356c83;font-weight:800}.phase-strip i{font-style:normal;color:#9aa5a0}
.bakari-window,.overlap-compare,.listening-contrast,.toiu-paths,.norm-spectrum,.wish-view,.report-function,.nia-collocation{display:grid;grid-template-columns:1fr 1fr;gap:34px}.bakari-window>div,.overlap-compare>div,.listening-contrast article,.toiu-paths article,.norm-spectrum>div,.nia-collocation>div{padding-top:18px;border-top:2px solid #21302b}.bakari-window p,.overlap-compare p,.listening-contrast article>p:last-child,.toiu-paths article>p:last-child,.norm-spectrum p,.nia-collocation p{margin:6px 0 0!important;color:#65716c!important;font-size:13px!important}

/* 093 */
.norm-spectrum{grid-template-columns:1fr 1fr}.norm-spectrum span{color:#87938e;font-size:9px;font-weight:900}.norm-spectrum b{display:block;margin-top:6px;font-size:18px}
.safe-choice>div{grid-template-columns:180px minmax(0,1fr)}.safe-choice b{font-size:17px}

/* 094 */
.negation-scope span{color:#87938e;font-size:9px;font-weight:900}.negation-scope b{display:block;margin-top:6px;font-size:20px}
.listening-contrast article{padding-top:18px}.listening-contrast span{color:#87938e;font-size:9px;font-weight:900}

/* 095 */
.politeness-ladder>div b{display:block;margin-top:5px;font-size:17px}

/* 096 */
.toiu-paths span{color:#87938e;font-size:9px;font-weight:900}
.form-line{display:flex;flex-wrap:wrap;gap:10px 18px;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}
.source-matrix{grid-template-columns:repeat(3,1fr);gap:22px}.source-matrix>div{padding-top:16px}

/* 101 */
.nia-collocation>div{padding-top:18px}.nia-collocation b{font-size:18px}

/* Dark */
html[data-theme="dark"] .jp-focus{color:#eef4f1!important}
html[data-theme="dark"] .feature-note{border-color:#4b5954!important}
html[data-theme="dark"] .timeline-space{background:#485650}
html[data-theme="dark"] .timeline-space::before,html[data-theme="dark"] .timeline-space::after{background:#111716}

/* Responsive */
@media(max-width:900px){
 .gift-arrow-map{grid-template-columns:1fr}
 .gate-flow,.three-step,.politeness-ladder{grid-template-columns:1fr}.gate-flow>i,.three-step>i,.politeness-ladder>i{transform:rotate(90deg)}
 .listening-role{grid-template-columns:60px 1fr}.listening-role>i,.listening-role>div{grid-column:2}.listening-role>i{transform:rotate(90deg)}
 .omission-table>div{grid-template-columns:90px 220px minmax(0,1fr)}
}
@media(max-width:600px){
 .condition-map,.logic-compare,.negation-scope,.wish-view,.report-function,.nia-scene,.keigo-direction,.bakari-window,.overlap-compare,.listening-contrast,.toiu-paths,.norm-spectrum,.nia-collocation{grid-template-columns:1fr}
 .minimum-lines>div,.signal-rows>div,.omission-table>div,.safe-choice>div{grid-template-columns:1fr;gap:5px}
 .just-timeline{grid-template-columns:1fr}.timeline-space{height:40px;width:2px;margin-left:10px}.timeline-space::before,.timeline-space::after{left:50%;right:auto;transform:translate(-50%,-50%)}.timeline-space::before{top:0}.timeline-space::after{top:100%}
 .source-matrix{grid-template-columns:1fr}
}
