/* Seven user references, second compact variant. Reuse V5.1/compact primitives;
   only this independently saved page has refined-case on its body. */
body.refined-case{--reading-title:28px;--reading-subtitle:19px;font-size:14px;line-height:1.75}
.refined-case .wrap{max-width:1000px;padding-inline:32px}
.refined-case .ch-grid{grid-template-columns:72px minmax(0,1fr)}
.refined-case .ch{padding-block:48px 44px}
/* Chapter numbers reuse the root case's soft outlined serif treatment. */
.refined-case .ch-no{font:900 48px/1 var(--serif);letter-spacing:-.04em;color:var(--paper-2);-webkit-text-stroke:1px #d1c5b3;padding-top:0}
.refined-case .night .ch-no{color:transparent;-webkit-text-stroke-color:#777169}
.refined-case .hero h1{font-size:clamp(58px,7vw,84px)}
.refined-case .hero .hero-claim{font-size:28px}
.refined-case .hero-grid{gap:32px}
/* Only chapter titles and subsection titles carry display type. */
body.refined-case :is(#c1,#c2,#c3,#c4,#c5,#c6,#c7,#c8) .chapter-heading>h2,
body.refined-case :is(#c1,#c2,#c3,#c4,#c5,#c6,#c7,#c8) .ch-main>h2{font:700 var(--reading-title)/1.35 var(--serif);letter-spacing:-.015em;margin:0 0 16px;text-wrap:pretty}
body.refined-case :is(#c1,#c2,#c4,#c5) .chapter-heading{margin-bottom:16px}
body.refined-case :is(#c1,#c2,#c4,#c5) .chapter-heading>h2{margin-bottom:0}
body.refined-case :is(#c1,#c2,#c3,#c4,#c5,#c6,#c7,#c8) .ch-main :is(h3,h4){font:600 14px/1.5 var(--serif)}
body.refined-case :is(#c1,#c2,#c3,#c4,#c5,#c6,#c7,#c8) .ch-main :is(.subchapter-title,.classification-story>h3,.curation-heading h3){font:700 var(--reading-subtitle)/1.45 var(--serif);margin-bottom:14px}
body.refined-case #c4 .section-heading h2{font:700 var(--reading-subtitle)/1.45 var(--serif);margin:0}
body.refined-case :is(#c1,#c2,#c4,#c5) .module-content>p,
.refined-case .ch .lead,.refined-case #c2 .module-content .brand-intro,
.refined-case #c2 .brand-reflection p{font-size:14px;line-height:1.75}
.refined-case .handoff .txt{font-size:13px;line-height:1.65}
.refined-case .ch .kicker{font-size:11px;letter-spacing:.08em}
.refined-case .end .big{font-size:30px}
.refined-case .end .body,.refined-case .end .cta p{font-size:14px;line-height:1.75}
/* 01: card headings are quiet labels, not a third display scale. */
body.refined-case #c1 .collect-destination h3{font-size:15px;line-height:1.6}
body.refined-case #c1 .selected-scope-heading h2{font:500 14px/1.75 var(--sans)}
body.refined-case #c1 .scope-strip h4{font-size:14px;margin:9px 0 8px}
.refined-case #c1 .scope-strip article{padding:17px}
.refined-case #c1 .scope-strip p{font-size:13px;line-height:1.75}
/* 02: preserve the approved slogan and image structure at a quieter scale. */
body.refined-case #c2 .module-content .brand-slogan>h3{font-size:var(--reading-subtitle);line-height:1.45;margin-bottom:16px}
.refined-case #c2 .module-content .brand-slogan .slogan-en{font-size:28px}
.refined-case #c2 .module-content .brand-slogan .slogan-now .slogan-en{font-size:27px}
.refined-case #c2 .module-content .brand-slogan .slogan-meaning{font-size:13px}
/* 03: center both comparison figures inside the reading column, without crop. */
.refined-case #c3 .comparison-block{max-width:680px;margin:20px auto}
.refined-case #c3 .compare-copy-note{max-width:680px;margin-inline:auto}
.refined-case #c3 .comparison-controls{gap:10px}
.refined-case #c3 .comparison-controls>span{font-size:11px}
.refined-case #c3 .comparison-controls button{font-size:11px;padding:6px 8px}
/* 04 / flow: title and description only, as reference 4; no extra number row. */
.refined-case #c4 .section-heading{align-items:baseline;gap:12px;margin-bottom:15px}
.refined-case #c4 .section-index{font:800 25px/1 var(--serif);color:var(--paper-2);-webkit-text-stroke:.7px #c7b79f}
.refined-case #c4 .content-flow{gap:18px}
.refined-case #c4 .content-flow li{padding:16px 13px 17px;background:var(--card)}
.refined-case #c4 .content-flow li.published{background:#e0e9df;border-color:#799e7b}
.refined-case #c4 .content-flow li:last-child{border-style:dashed}
body.refined-case #c4 .content-flow h3{font-size:14px;line-height:1.45;margin:0 0 10px}
.refined-case #c4 .module-content .content-flow p{font-size:12px;line-height:1.75;margin:0}
/* 04 / responsibility: four continuous panels, natural wrapped height. */
.refined-case #c4 .division-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border:1px solid #d5c9b7;border-radius:5px;overflow:hidden;align-items:stretch}
.refined-case #c4 .division-grid article{padding:18px 15px 19px;border:0;border-radius:0;background:#e9e5db;min-width:0}
.refined-case #c4 .division-grid article+article{border-left:1px solid #d5c9b7}
.refined-case #c4 .division-grid article:nth-child(2){background:#f0dfd3}
.refined-case #c4 .division-grid article:nth-child(3){background:#f8f3eb}
.refined-case #c4 .division-grid article:nth-child(4){background:#e6e9df}
.refined-case #c4 .division-grid .role-label{display:block;font:400 11px/1.6 var(--sans);color:var(--muted);margin:0 0 12px}
body.refined-case #c4 .division-grid h3{font-size:14px;line-height:1.5;margin:0 0 10px}
.refined-case #c4 .module-content .division-grid p{font-size:12.5px;line-height:1.75;margin:0;overflow-wrap:anywhere}
.refined-case #c4 .content-section{margin-top:27px}
.refined-case #c4 .selection-loop{gap:16px}
body.refined-case #c4 .module-content h3.loop-label{font:500 11px/1.6 var(--sans);margin-bottom:10px}
.refined-case #c4 .exclusion-slips h4{font:500 12.5px/1.65 var(--sans)}
body.refined-case #c4 .review-tasks h4,body.refined-case #c4 .feedback-entry h4{font:600 12.5px/1.65 var(--sans)}
.refined-case #c4 .module-content .review-tasks p,.refined-case #c4 .module-content .feedback-entry p{font-size:12.5px;line-height:1.7}
/* 05 / research: heading + A/B/C share a row, five shared rows keep footers level. */
.refined-case #c5 .discovery-module .discovery-intro{font-size:14px;line-height:1.75;margin-bottom:22px}
.refined-case #c5 .discovery-module .res3{column-gap:14px}
.refined-case #c5 .discovery-module .res{grid-template-rows:subgrid;grid-row:span 5;padding:15px;gap:0}
.refined-case #c5 .discovery-module .res-heading{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin:0 0 13px}
body.refined-case #c5 .discovery-module .res-heading h3{font-size:14px;line-height:1.5;margin:0}
.refined-case #c5 .discovery-module .res-heading .res-no{font:400 26px/1 var(--latin);color:var(--rust);margin:0;flex:none}
.refined-case #c5 .discovery-module .res>.res-k{font-size:10.5px;margin-bottom:7px}
.refined-case #c5 .discovery-module .res-them{grid-template-rows:repeat(4,1fr);gap:5px}
.refined-case #c5 .discovery-module .res-them li{font-size:12px;line-height:1.55;padding:7px 8px}
.refined-case #c5 .discovery-module .res-them b{font:600 12.5px/1.5 var(--serif);margin-bottom:2px}
.refined-case #c5 .discovery-module .res-arrow{font-size:19px;line-height:1;margin:7px 0}
.refined-case #c5 .discovery-module .res-me{padding:12px;background:#f1dfc5;border:1px dashed var(--rust);border-radius:4px;color:var(--ink-2);margin:0}
.refined-case #c5 .discovery-module .res-me .res-k{font:600 10.5px/1.5 var(--sans);color:var(--rust);margin-bottom:6px}
.refined-case #c5 .discovery-module .res-me p:last-child{font:400 12px/1.7 var(--sans);color:var(--ink-2);margin:0}
.refined-case #c5 .discovery-module .classification-story{margin-top:26px}
.refined-case #c5 .discovery-module .classification-story>p:not(.decision-index):not(.evidence-note):not(.classification-result){font-size:13px;line-height:1.75;margin-bottom:17px}
.refined-case #c5 .discovery-module .taxonomy-old{padding:16px;gap:11px 20px}
body.refined-case #c5 .discovery-module .taxonomy-map h3{font-size:14px;line-height:1.5;margin:0}
.refined-case #c5 .discovery-module .taxonomy-map p{font-size:12px;line-height:1.7}
.refined-case #c5 .discovery-module .taxonomy-new{padding-block:16px}
.refined-case #c5 .discovery-module .classification-story>.classification-result{font-size:13px;line-height:1.75}
.refined-case #c5 .discovery-module .curation-stage{margin-top:26px}
.refined-case #c5 .discovery-module .details-body>p{font-size:13px;line-height:1.75}
.refined-case #c5 .discovery-module .evidence-details>summary{font-size:13px;line-height:1.65}
/* Less emphasis on small headings in the remaining chapters too. */
body.refined-case #c6 .case-item h3{font-size:14px;line-height:1.5;margin:10px 0 8px}
.refined-case .metrics .q{font-size:14px;line-height:1.6}
.refined-case .metrics .m,.refined-case .metrics .a,.refined-case .cost p{font-size:13px;line-height:1.75}
@supports not (grid-template-rows:subgrid){
 .refined-case #c5 .discovery-module .res{display:flex;grid-row:auto}
 .refined-case #c5 .discovery-module .res-me{min-height:125px}
}
@media(max-width:1000px){
 .refined-case .wrap{padding-inline:36px}
 .refined-case .ch-grid{grid-template-columns:60px minmax(0,1fr)}
 .refined-case #c4 .division-grid article{padding:16px 12px}
}
@media(max-width:900px){
 .refined-case #c5 .discovery-module .res3{grid-template-columns:1fr;gap:16px}
 .refined-case #c5 .discovery-module .res{display:flex;grid-row:auto;padding:18px}
 .refined-case #c5 .discovery-module .res-them{grid-template-rows:none}
 .refined-case #c5 .discovery-module .res-me{min-height:0}
}
@media(max-width:860px){
 .refined-case .ch-grid{grid-template-columns:minmax(0,1fr)}
 .refined-case .ch-no{font-size:36px;margin-bottom:12px}
 .refined-case .ch{padding-block:40px 36px}
 .refined-case #c4 .division-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .refined-case #c4 .division-grid article:nth-child(3){border-left:0}
 .refined-case #c4 .division-grid article:nth-child(n+3){border-top:1px solid #d5c9b7}
}
@media(max-width:640px){
 body.refined-case{--reading-title:25px;--reading-subtitle:18px}
 .refined-case .wrap{padding-inline:22px}
 .refined-case .hero .hero-claim{font-size:25px}
 .refined-case .ch-no{font-size:32px}
 .refined-case #c3 .comparison-block{width:100%;max-width:680px}
 .refined-case #c3 .comparison-controls button{min-height:38px}
 .refined-case #c4 .division-grid{grid-template-columns:1fr}
 .refined-case #c4 .division-grid article{padding:18px}
 .refined-case #c4 .division-grid article+article{border-left:0;border-top:1px solid #d5c9b7}
 .refined-case #c4 .module-content .division-grid p{font-size:13px}
 .refined-case #c4 .content-flow li{padding:15px}
 .refined-case #c4 .module-content .content-flow p{font-size:13px}
 .refined-case #c5 .discovery-module .res-them{grid-template-columns:1fr}
 .refined-case #c5 .discovery-module .res-them li,.refined-case #c5 .discovery-module .res-me p:last-child{font-size:13px}
 .refined-case #c5 .discovery-module .res-heading .res-no{font-size:25px}
 .refined-case #c5 .discovery-module .taxonomy-map p{font-size:13px}
}
@media print{
 .refined-case .ch{padding-block:24px}
 .refined-case #c4 .division-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
 .refined-case #c5 .discovery-module .res{display:block;grid-row:auto}
}