/* Long-form product narrative. Each section remains readable without JavaScript. */
.exp-section{padding:clamp(80px,9vw,150px) 5%;position:relative;isolation:isolate;scroll-margin-top:82px}
.exp-section *, .exp-section *::before,.exp-section *::after{box-sizing:border-box}
.exp-section h2{font-size:clamp(31px,4.15vw,65px);line-height:1.3;font-weight:600;letter-spacing:-.065em;word-break:keep-all;overflow-wrap:anywhere}
.exp-section h2 em{color:#69766c}
.exp-section p{word-break:keep-all;overflow-wrap:anywhere}
.exp-label{font-size:10px!important;letter-spacing:.12em!important;font-weight:600;line-height:1.6!important;margin:0 0 25px}
.exp-section-head{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);align-items:end;gap:7%;margin-bottom:64px}
.exp-section-head>p{max-width:370px;font-size:14px;line-height:1.95;margin:0 0 8px;color:#536259}
.exp-text-link{display:inline-flex;align-items:center;gap:40px;border-bottom:1px solid currentColor;padding:12px 0;font-size:12px;font-weight:600;max-width:100%}
.exp-text-link>span{font-size:20px;transition:transform .35s}.exp-text-link:hover>span{transform:translate(3px,-3px)}
.exp-bottom-note{display:flex;justify-content:space-between;gap:20px;margin-top:28px;font-size:10px;color:#64736a;letter-spacing:.02em}
.exp-section [hidden]{display:none!important}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

/* Situation selector: editorial index + a substantial, readable brief. */
.situations{background:#e7ebe1;border-top:1px solid #cad3c6;border-bottom:1px solid #cad3c6}
.situation-layout{display:grid;grid-template-columns:minmax(240px,.8fr) minmax(0,1.35fr);gap:7%;align-items:start}
.situation-options{display:grid;border-top:1px solid #a5b4a6}
.situation-options button{display:grid;grid-template-columns:26px 1fr 24px;align-items:center;gap:20px;text-align:left;padding:30px 18px 30px 0;border:0;border-bottom:1px solid #b9c6b7;background:transparent;font-size:clamp(15px,1.35vw,21px);font-weight:600;line-height:1.6;transition:padding .4s,background .4s}
.exp-option-index{font-size:10px;font-weight:500;align-self:start;padding-top:6px;color:#66766b;letter-spacing:.05em}
.exp-option-arrow{color:#798d7b;font-size:25px;transition:transform .4s}
.situation-options button[aria-selected=true]{padding-left:22px;background:var(--green)}
.situation-options button[aria-selected=true] .exp-option-arrow{color:#103d29;transform:rotate(45deg)}
.situation-panels{min-width:0}
.situation-panel{position:relative;isolation:isolate;padding:38px 42px;background:#f7f8ef;border:1px solid #cfdbca;overflow:hidden;min-height:510px}
.situation-panel+.situation-panel{margin-top:20px}
.tabs-ready .situation-panel{margin-top:0}
.situation-watermark{position:absolute;z-index:-1;right:12px;top:-65px;color:#e9ede0;font-size:280px;font-weight:700;letter-spacing:-.11em;line-height:1;pointer-events:none}
.situation-panel .exp-label{position:relative;color:#36714f;margin-bottom:25px}
.situation-panel h3{font-size:clamp(25px,2.4vw,36px);line-height:1.45;margin:0 0 20px;font-weight:600;word-break:keep-all}
.situation-description{font-size:14px;color:#526456;max-width:490px;line-height:1.9;margin:0 0 25px}
.situation-panel dl{margin:0 0 12px;border-top:1px solid #d3ddcd}
.situation-panel dl>div{display:grid;grid-template-columns:105px minmax(0,1fr);gap:18px;padding:15px 0;border-bottom:1px solid #d3ddcd;font-size:12px;line-height:1.85}
.situation-panel dt{font-weight:600;color:#34543e}.situation-panel dd{margin:0;color:#526456;word-break:keep-all}

/* Channel chapters: generous typography, purposeful diagrams, full descriptions. */
.channels{background:#f8f8f0}
.channel-row{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.55fr);border-top:1px solid #aabbab;gap:7%;padding:55px 0}
.channel-identity{position:relative;padding:0 0 25px}
.channel-symbol{display:flex;align-items:flex-end;font-size:92px;font-weight:800;line-height:.9;letter-spacing:-.075em;margin:0 0 35px;color:#086b42}
.channel-symbol>span{font-size:48px;line-height:1;padding-left:12px;font-weight:400;color:var(--green)}
.channel-identity .exp-label{margin-bottom:12px;color:#5b7161;font-size:9px!important}
.channel-identity h3{font-size:35px;line-height:1.3;margin-bottom:20px;font-weight:600}
.channel-identity>p:not(.exp-label){font-size:14px;color:#59695b;margin-bottom:24px}
.channel-tag{display:inline-block;border:1px solid #c0d0be;border-radius:30px;padding:8px 13px;color:#38583f;font-size:10px;line-height:1.7}
.channel-diagram{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#e6ede1;padding:23px 28px;font-size:10px;letter-spacing:.05em;margin-bottom:22px}
.channel-diagram strong{font-size:12px;background:#10452f;color:#eaffd9;border-radius:100px;padding:14px 21px;font-weight:500;position:relative}
.channel-diagram i{font-size:19px;font-style:normal;color:#4e785b}
.channel-detail ol{list-style:none;padding:0;margin:0}
.channel-detail li{display:grid;grid-template-columns:25px minmax(0,1fr);gap:18px;padding:22px 0;border-bottom:1px solid #dae1d4}
.channel-detail li>span{font-size:10px;color:#527358;padding-top:4px}
.channel-detail h4{font-size:17px;line-height:1.5;font-weight:600;margin:0 0 8px;letter-spacing:-.045em}
.channel-detail li p{font-size:13px;line-height:1.9;color:#59695b;margin:0;max-width:590px}
.channel-row-secondary{border-bottom:1px solid #aabbab;padding-bottom:55px}
.channel-row-secondary .channel-symbol{color:#143126}
.channel-row-secondary .channel-diagram{background:#e5e8dc}
.channel-footnote{font-size:11px!important;color:#6a7669;text-align:right;margin:20px 0 0}

/* Ranking laboratory: explicit examples, not invented client evidence. */
.rankings{background:#091b15;color:#eaf5e9;overflow:clip;padding-top:120px;padding-bottom:110px}
.rankings::before{content:'';position:absolute;z-index:-1;inset:0;pointer-events:none;background:radial-gradient(ellipse at 75% 15%,#0c5a3430,transparent 48%),linear-gradient(90deg,#72bd8f04 1px,transparent 1px);background-size:auto,72px 100%}
.ranking-layout{display:grid;grid-template-columns:minmax(230px,.7fr) minmax(0,1.65fr);gap:5%}
.ranking-intro>.exp-label{color:#8cae9b}.rankings h2{font-size:clamp(42px,3.8vw,60px);line-height:1.22;margin-bottom:34px}.rankings h2 em{color:var(--green)}
.ranking-intro>p:not(.exp-label){font-size:13px;color:#a5beaf;line-height:2}
.ranking-intro-rule{display:flex;gap:22px;align-items:center;border-top:1px solid #2d4938;border-bottom:1px solid #2d4938;padding:24px 0;margin:30px 0 28px;font-size:9px;letter-spacing:.09em;color:#94b29f;line-height:1.7}
.ranking-intro-rule i{font-size:40px;font-style:normal;color:var(--green)}


.ranking-body{min-width:0}
.ranking-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:0 0 22px;border-bottom:1px solid #35533e;margin-bottom:24px}
.ranking-toolbar>.exp-label{font-size:9px!important;margin:0;color:#b0c8b7}
.rank-filters{display:flex;gap:5px;flex-wrap:wrap}
.rank-filters button{padding:9px 11px;border:1px solid #41634d;border-radius:30px;background:transparent;color:#adc7b3;font-size:10px;line-height:1.5;min-height:36px}
.rank-filters button[aria-pressed=true]{background:var(--green);border-color:var(--green);color:#062b19}
.rank-filters button:hover{border-color:#7ae7a9}.rankings button:focus-visible,.rankings a:focus-visible{outline-color:#a5f5b7}
.ranking-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.rank-card{min-width:0;border:1px solid #41684a;border-radius:12px;padding:23px 23px 18px;background:linear-gradient(155deg,#14392555,#0a2119 60%);position:relative;transition:border-color .4s,box-shadow .4s,transform .9s cubic-bezier(.22,1,.36,1),opacity .9s;transition-delay:var(--reveal-delay,0ms)}
.rank-card:hover{border-color:#7be8a5;box-shadow:0 14px 35px #0003}
.rank-card-top{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:25px}
.rank-platform{font-size:11px;color:#d1e8cf;font-weight:600}.rank-status{font-size:10px;padding:4px 8px;border:1px solid #55795b;border-radius:20px;color:#bdd4b9;white-space:nowrap}
.rank-product h3{font-size:19px;font-weight:500;line-height:1.4;margin:0 0 8px;letter-spacing:-.04em}


.rank-result{display:flex;align-items:baseline;gap:5px;margin:22px 0 12px;color:#82efab;flex-wrap:wrap}
.rank-current{font-size:74px;font-weight:500;line-height:.9;letter-spacing:-.08em;font-variant-numeric:tabular-nums;max-width:100%;overflow-wrap:anywhere}
.rank-unit{font-size:21px;color:#c9e7ce;margin-right:auto}
.rank-change{display:inline-block;border-radius:20px;background:#255338;color:#b5f5b2;padding:7px 10px;font-size:10px;font-weight:500;line-height:1.5}
.rank-change.is-down{background:#493f2c;color:#e5cc9b}
.rank-baseline{display:flex;justify-content:space-between;gap:8px;font-size:9px;line-height:1.7;color:#98b6a0;margin-top:25px}.rank-baseline b{font-weight:500;color:#c4dcc9}
.rank-chart{width:100%;height:auto;display:block;margin:14px 0 9px;overflow:visible}
.rank-grid{stroke:#97cb9c17;stroke-width:1;fill:none}.rank-area{fill:#00c5780c}.rank-line{stroke:#6ceb9d;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;stroke-dasharray:1000;stroke-dashoffset:0}
.rank-endpoint{fill:#b0ffb0;stroke:#073e26;stroke-width:3}
.rank-axis{display:flex;justify-content:space-between;gap:5px;font-size:7px;letter-spacing:.09em;color:#82a58b}

.ranking-reading{margin-top:30px;padding:27px 0 0;border-top:1px solid #34533e}.ranking-reading .exp-label{font-size:9px!important;margin-bottom:13px;color:#82ae8f}.ranking-reading p{font-size:14px;color:#c5dbc9;margin-bottom:10px}.ranking-reading a{color:#9feeb2;font-size:11px}
@media(min-width:1450px){.ranking-layout{grid-template-columns:minmax(240px,.65fr) minmax(0,1.85fr);gap:4%}.ranking-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.rank-card{padding:20px 20px 16px}.rank-current{font-size:76px}}
@media(min-width:1100px) and (min-height:820px){.ranking-intro.is-sticky-fit{position:sticky;top:calc(var(--header-height,82px) + 30px);align-self:start}}

/* An inspectable report, composed in the page rather than a low-resolution image. */
.report-section{background:#e5eadf;border-top:1px solid #c8d3c2}
.report-layout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.3fr);gap:7%;align-items:start}
.report-lead{font-size:clamp(24px,2.4vw,35px)!important;line-height:1.5!important;font-weight:500;letter-spacing:-.06em!important;margin:15px 0 35px}
.report-commentary ol{padding:0;list-style:none;margin:0}
.report-commentary li{display:grid;grid-template-columns:25px minmax(0,1fr);gap:18px;padding:24px 0;border-top:1px solid #bacbb8}
.report-commentary li>b{font-size:10px;color:#517556;font-weight:500;padding-top:4px}
.report-commentary h3{font-size:17px;line-height:1.6;font-weight:600;margin:0 0 10px}
.report-commentary li p{font-size:13px;line-height:1.9;color:#5b6e5d;margin:0}
.report-scope{font-size:11px!important;color:#657c65;margin-top:24px}
.report-workspace{background:#f8faf2;border:1px solid #a8c0a6;border-radius:8px;min-width:0;box-shadow:12px 14px 0 #d5dfce,0 25px 65px #233a2014;overflow:hidden}
.report-window-bar{display:flex;gap:10px;align-items:center;font-size:8px;letter-spacing:.07em;padding:21px 25px;border-bottom:1px solid #cfddc9;background:#f0f4e9;color:#577154}
.report-window-bar>span:last-child{margin-left:auto;font-size:9px;letter-spacing:0}
.report-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px #00c57815}
.report-tabs{display:flex;gap:0;border-bottom:1px solid #cedcc8;padding:0 22px}
.report-tabs button{flex:1;padding:18px 8px;border:0;border-bottom:2px solid transparent;background:transparent;font-size:12px;color:#697c63;min-width:0;line-height:1.6}
.report-tabs button[aria-selected=true]{color:#144c30;border-bottom-color:#008a4c;font-weight:600}
.report-panel{padding:30px 30px 34px;min-height:565px}
.report-panel+.report-panel{border-top:1px solid #cbdcc4}
.tabs-ready .report-panel{border-top:0}
.report-panel-heading .exp-label{font-size:9px!important;margin:0 0 15px;color:#597854}
.report-panel-heading h3{font-size:28px;line-height:1.45;letter-spacing:-.055em;font-weight:600;margin:0 0 12px;word-break:keep-all}
.report-panel-heading>p{font-size:11px;color:#697c63;margin-bottom:20px}
.keyword-orbit{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:25px 0 20px;margin:0 auto 20px;max-width:420px;text-align:center;font-size:10px;line-height:1.6}
.orbit-core{grid-column:1/-1;justify-self:center;background:#0e4b30;color:#e7ffe0;border-radius:50%;width:94px;height:94px;display:grid;place-items:center;letter-spacing:.08em;box-shadow:0 0 0 12px #deebd6,0 0 0 13px #c7dbbe;margin-bottom:25px;position:relative;z-index:1}
.orbit-core::after{content:'';position:absolute;left:50%;top:100%;height:32px;width:1px;background:#95b58c;z-index:-1}
.orbit-satellite{border:1px solid #a6bf9d;padding:11px 5px;border-radius:30px;background:#f1f6e9;position:relative;z-index:1}
.keyword-orbit::after{content:'';position:absolute;left:16.7%;right:16.7%;bottom:60px;height:20px;border:1px solid #a6bf9d;border-bottom:0;pointer-events:none}
.report-table-wrap{overflow-x:auto;width:100%;scrollbar-width:thin}
.report-panel table{width:100%;border-collapse:collapse;font-size:11px;text-align:left;line-height:1.7;letter-spacing:-.025em}
.report-panel th{font-size:9px;color:#647b5f;font-weight:500;padding:12px 5px;border-top:1px solid #c4d7bb;border-bottom:1px solid #c4d7bb;white-space:nowrap}
.report-panel td{padding:14px 5px;border-bottom:1px solid #e0e9d9;word-break:keep-all}
.report-pill{display:inline-block;border-radius:30px;padding:5px 9px;background:#deedcf;color:#315b2d;font-size:9px;line-height:1.6;white-space:nowrap}
.report-pill.pale{background:#e9ecdf;color:#69745d}
.report-timeline{list-style:none;padding:0 0 0 20px;margin:28px 0 0;border-left:1px solid #abc69d}
.report-timeline li{position:relative;padding:0 0 25px 10px}.report-timeline li:last-child{padding-bottom:0}.report-timeline li::before{content:'';position:absolute;top:4px;left:-26px;width:11px;height:11px;background:var(--green);border:3px solid #e6efdc;border-radius:50%}
.report-timeline li>span,.operation-memos>div>span{font-size:8px;letter-spacing:.1em;color:#638459}
.report-timeline h4,.operation-memos h4{font-size:15px;line-height:1.5;font-weight:600;margin:8px 0 7px}
.report-timeline p,.operation-memos p{font-size:12px;color:#5b7454;line-height:1.85;margin:0 0 10px}
.operation-memos{display:grid;gap:13px;margin-top:25px}
.operation-memos>div{padding:20px 22px;background:#eaf0e2;border-left:2px solid #b0cb9c}.operation-memos>div:last-child{background:#dcebcf;border-left-color:#16834b}
.operation-memos p{margin-bottom:0}.report-window-footer{border-top:1px solid #cfddc9;display:flex;gap:20px;align-items:center;justify-content:space-between;padding:15px 25px;font-size:9px;line-height:1.7;color:#688160;background:#f0f4e9}

/* A useful, generous pre-contact chapter. */
.onboarding{background:var(--green);display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:60px 8%}
.onboarding h2{font-size:clamp(30px,3.7vw,57px);line-height:1.35}.onboarding h2 em{color:#064c30}
.onboarding-title>p:not(.exp-label){font-size:14px;line-height:1.95;margin:28px 0;color:#084e31}
.onboarding .button{margin-top:5px;font-size:12px}.onboarding .button:hover{background:#0f5135}
.onboarding-list{border-top:1px solid #07513266}
.onboarding-list article{display:grid;grid-template-columns:22px minmax(0,1fr) 20px;gap:18px;border-bottom:1px solid #07513255;padding:28px 0}
.onboarding-list article>span{font-size:10px;padding-top:5px;color:#095d38}
.onboarding-list h3{font-size:18px;font-weight:600;line-height:1.6;margin:0 0 10px}
.onboarding-list p{font-size:13px;line-height:1.9;margin:0;color:#075938}
.onboarding-list i{font-style:normal;font-size:24px;color:#075233}
.onboarding-bottom{grid-column:1/-1;display:flex;justify-content:space-between;gap:20px;border-top:1px solid #07513255;padding-top:24px;font-size:9px;letter-spacing:.04em;color:#075e37;line-height:1.8}

/* Motion starts only when the element itself enters the viewing area. */
.expansion-motion [data-expand-reveal]{opacity:.25;transform:translate3d(0,28px,0);transition:opacity 1.1s cubic-bezier(.22,1,.36,1),transform 1.3s cubic-bezier(.22,1,.36,1);transition-delay:var(--reveal-delay,0ms)}
.expansion-motion [data-expand-reveal].is-visible{opacity:1;transform:none}
.expansion-motion .rank-card:not(.is-visible) .rank-line{stroke-dashoffset:1000}
.expansion-motion .rank-card:not(.is-visible) .rank-area,.expansion-motion .rank-card:not(.is-visible) .rank-endpoint{opacity:0}
.expansion-motion .rank-card.is-visible .rank-line{transition:stroke-dashoffset 3.6s linear .25s;stroke-dashoffset:0}
.expansion-motion .rank-card.is-visible .rank-area{transition:opacity 1.1s 2.4s;opacity:1}
.expansion-motion .rank-card.is-visible .rank-endpoint{transition:opacity .45s 3.65s;opacity:1}
.expansion-motion .tabs-ready [data-tab-panel]:not([hidden]){animation:exp-panel-in .75s cubic-bezier(.22,1,.36,1) both}
@keyframes exp-panel-in{from{opacity:.4;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
.expansion-paused [data-expand-reveal],.cms-editing [data-expand-reveal]{opacity:1!important;transform:none!important;transition:none!important}
.expansion-paused .exp-section *,.cms-editing .exp-section *{animation:none!important;transition:none!important}
.expansion-paused .rank-line,.cms-editing .rank-line{stroke-dashoffset:0!important}.expansion-paused .rank-area,.expansion-paused .rank-endpoint,.cms-editing .rank-area,.cms-editing .rank-endpoint{opacity:1!important}
.cms-editing .situation-panel+.situation-panel{margin-top:20px}.cms-editing .report-panel+.report-panel{border-top:1px solid #c4d7bb}
.cms-editing .ranking-intro{position:static}

@media(max-width:1100px){
 header nav{gap:22px}.exp-section{padding-left:5%;padding-right:5%}.exp-section-head{gap:5%;grid-template-columns:1.4fr 1fr}
 .situation-layout{grid-template-columns:minmax(230px,.85fr) minmax(0,1.2fr);gap:5%}.situation-panel{padding:32px}.situation-panel dl>div{grid-template-columns:90px minmax(0,1fr);gap:12px}
 .ranking-layout{grid-template-columns:1fr;gap:45px}.ranking-intro{display:grid;grid-template-columns:1.1fr 1fr;gap:15px 8%}.ranking-intro>.exp-label{grid-column:1/-1;margin:0}.rankings h2{grid-row:2/4;font-size:62px;margin:0}.ranking-intro>p:not(.exp-label){margin:0}.ranking-intro-rule{margin:8px 0}.ranking-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.rank-card{padding:20px 18px}.rank-current{font-size:66px}.rank-change{font-size:9px;padding:6px 8px}.rank-platform{font-size:10px}.rank-status{font-size:10px;padding:4px 6px}.rank-baseline{font-size:8px}
 .report-layout{gap:5%;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}.report-panel{padding:25px 22px}.report-panel-heading h3{font-size:25px}
 .onboarding{gap:50px 6%}.onboarding-list article{gap:13px}
}
@media(max-width:840px){
 .exp-section{padding-top:80px;padding-bottom:80px}.exp-section-head{grid-template-columns:1fr;gap:25px;margin-bottom:40px}.exp-section-head>p{max-width:540px;font-size:13px}.exp-section h2{font-size:39px}.exp-label{font-size:9px!important;margin-bottom:20px}
 .situation-layout{grid-template-columns:1fr;gap:24px}.situation-options{grid-template-columns:repeat(2,minmax(0,1fr));border-left:1px solid #b9c6b7}.situation-options button{grid-template-columns:18px minmax(0,1fr) 18px;font-size:14px;padding:20px 17px;gap:10px;border-right:1px solid #b9c6b7}.situation-options button[aria-selected=true]{padding-left:17px}.exp-option-arrow{font-size:20px}.exp-option-index{padding-top:4px}.situation-panel{min-height:0;padding:35px}.situation-panel h3{font-size:28px}.situation-panel dl>div{grid-template-columns:110px 1fr}
 .channel-row{gap:5%;grid-template-columns:minmax(0,.8fr) minmax(0,1.3fr);padding:40px 0}.channel-identity h3{font-size:28px}.channel-diagram{padding:17px 14px;gap:5px;font-size:8px}.channel-diagram strong{font-size:9px;padding:12px}.channel-diagram i{font-size:15px}.channel-symbol{font-size:76px}.channel-detail h4{font-size:16px}
 .ranking-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.rankings h2{font-size:54px}.rank-card{padding:24px}.rank-current{font-size:78px}.rank-change{font-size:10px}.rank-platform{font-size:11px}.rank-baseline{font-size:9px}.rankings{padding-top:80px;padding-bottom:80px}
 .report-layout{grid-template-columns:1fr;gap:35px}.report-commentary ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.report-commentary li{display:block}.report-commentary li>b{display:block;margin-bottom:10px}.report-commentary h3{font-size:15px}.report-commentary li p{font-size:12px}.report-lead{margin-top:0}.report-scope{margin:0}.report-workspace{max-width:100%;margin-right:12px}.report-panel{min-height:560px;padding:30px}.report-panel-heading h3{font-size:30px}
 .onboarding{grid-template-columns:1fr;gap:35px}.onboarding h2{font-size:40px}.onboarding-list article{padding:24px 0;grid-template-columns:28px 1fr 25px;gap:16px}
 .exp-bottom-note{font-size:9px}
}
@media(max-width:560px){
 .exp-section{padding:65px 6%}.exp-section h2{font-size:31px;line-height:1.4}.exp-section-head{gap:20px;margin-bottom:32px}.exp-section-head>p{font-size:12px;line-height:1.95}.exp-label{font-size:8px!important;letter-spacing:.1em!important;margin-bottom:18px}
 .situation-options button{font-size:12px;grid-template-columns:15px minmax(0,1fr);gap:8px;padding:17px 12px;line-height:1.7;min-height:76px}.situation-options button[aria-selected=true]{padding-left:12px}.exp-option-arrow{display:none}.exp-option-index{font-size:8px;padding-top:3px}.situation-panel{padding:26px 22px}.situation-panel h3{font-size:24px}.situation-description{font-size:12px;line-height:1.9}.situation-panel dl>div{grid-template-columns:80px minmax(0,1fr);gap:10px;font-size:11px;padding:13px 0}.situation-watermark{font-size:220px;top:-30px;right:15px}.exp-bottom-note{display:block;line-height:1.8}.exp-bottom-note>span{display:block}.exp-bottom-note>span+span{margin-top:7px}
 .channel-row{grid-template-columns:1fr;gap:22px;padding:32px 0 38px}.channel-identity{padding:0 100px 0 0}.channel-symbol{position:absolute;right:5px;top:0;font-size:67px;margin:0}.channel-symbol>span{font-size:30px;padding-left:6px}.channel-identity h3{font-size:28px;margin-bottom:15px}.channel-identity .exp-label{font-size:8px!important;margin-bottom:10px}.channel-identity>p:not(.exp-label){font-size:12px;margin-bottom:16px}.channel-tag{font-size:9px}.channel-diagram{font-size:9px;padding:18px;gap:10px}.channel-diagram strong{font-size:10px;padding:13px}.channel-detail li{padding:19px 0;gap:10px;grid-template-columns:20px minmax(0,1fr)}.channel-detail h4{font-size:15px}.channel-detail li p{font-size:12px}.channel-footnote{text-align:left;font-size:10px!important}
 .ranking-intro{display:block}.ranking-intro>.exp-label{margin-bottom:20px}.rankings h2{font-size:49px;line-height:1.19;margin-bottom:25px}.rankings h2 em br{display:none}.ranking-intro>p:not(.exp-label){font-size:12px;line-height:1.95}.ranking-intro-rule{margin:25px 0 20px;padding:18px 0;justify-content:space-between}.ranking-layout{gap:32px}.ranking-toolbar{align-items:flex-start;flex-direction:column;gap:14px;margin-bottom:20px}.ranking-toolbar>.exp-label{font-size:8px!important}.rank-filters{gap:7px}.rank-filters button{min-height:40px;padding:10px 15px;font-size:11px}.ranking-cards{grid-template-columns:1fr;gap:20px}.rank-card{padding:25px 24px 19px}.rank-current{font-size:82px}.rank-result{margin-top:25px}.rank-card-top{margin-bottom:22px}.rank-status{font-size:10px;padding:5px 9px}.rank-change{font-size:11px;padding:7px 12px}.rank-baseline{font-size:10px}.rank-chart{margin-top:18px}.rank-axis{font-size:8px}.rank-product h3{font-size:21px}.ranking-reading p{font-size:12px}.rank-card{--reveal-delay:0ms!important}
 .report-commentary ol{display:block}.report-commentary li{display:grid;grid-template-columns:22px minmax(0,1fr);gap:14px;padding:20px 0}.report-commentary li>b{margin:0}.report-commentary h3{font-size:16px}.report-lead{font-size:26px!important;margin-bottom:26px}.report-scope{font-size:10px!important}.report-workspace{box-shadow:7px 9px 0 #d5dfce,0 20px 50px #233a2014;margin-right:7px;border-radius:6px}.report-window-bar{padding:17px 15px;font-size:7px;gap:8px}.report-window-bar>span:last-child{font-size:8px}.report-tabs{padding:0 12px}.report-tabs button{font-size:11px;padding:16px 5px}.report-panel{padding:24px 18px;min-height:590px}.report-panel-heading h3{font-size:24px}.report-panel-heading>p{font-size:10px}.keyword-orbit{gap:8px;font-size:9px;margin-bottom:16px}.orbit-core{width:78px;height:78px;font-size:8px}.orbit-satellite{padding:10px 3px;font-size:8px}.keyword-orbit::after{bottom:56px}.report-panel th{font-size:8px;padding:10px 2px}.report-panel td{font-size:10px;padding:13px 2px}.report-pill{font-size:8px;padding:5px 7px}.report-window-footer{font-size:8px;padding:14px 16px;gap:10px}.report-timeline p,.operation-memos p{font-size:11px}.operation-memos>div{padding:17px 16px}.operation-memos{gap:12px}.report-panel-heading .exp-label{font-size:8px!important}.report-timeline{margin-top:23px}
 .onboarding h2{font-size:30px}.onboarding-title>p:not(.exp-label){font-size:12px;margin:22px 0}.onboarding .button{font-size:11px;min-height:52px;padding:15px 20px;gap:30px}.onboarding-list h3{font-size:16px}.onboarding-list p{font-size:12px}.onboarding-list article{grid-template-columns:18px minmax(0,1fr) 17px;gap:11px}.onboarding-list i{font-size:19px}.onboarding-bottom{display:block;padding-top:20px;font-size:8px}.onboarding-bottom>span{display:block}.onboarding-bottom>span+span{margin-top:10px}
}
@media(prefers-reduced-motion:reduce){.exp-section *, .exp-section *::before,.exp-section *::after{animation:none!important;transition:none!important}.exp-section [data-expand-reveal]{opacity:1!important;transform:none!important}.rank-line{stroke-dashoffset:0!important}.rank-area,.rank-endpoint{opacity:1!important}}

/* Empty cases retain the composition until the owner supplies rank values. */
.rank-category{display:block;color:#a0c0aa;font-size:12px;line-height:1.7;margin-top:10px;word-break:keep-all}
.rank-chart-placeholder{height:auto;aspect-ratio:300/108;display:grid;place-items:center;margin:14px 0 9px;color:#62846f;background:repeating-linear-gradient(to bottom,transparent 0,transparent calc(33.333% - 1px),#97cb9c17 calc(33.333% - 1px),#97cb9c17 33.333%);border:1px dashed #54715c44;border-radius:3px}
.rank-chart-placeholder>span{font-size:28px;font-weight:400;opacity:.5}
.rank-card.is-pending .rank-current{color:#709b7f}
.rank-card.is-pending .rank-unit{visibility:hidden}
.rank-card.is-pending .rank-status{border-style:dashed;color:#a4c3ab}
@media(max-width:560px){.rank-chart-placeholder{margin-top:18px}.rank-category{font-size:12px}}
