/* A single, navigable editorial example. The source and its meaning lead. */
.judgement-v16{background:#132f26;padding:76px 0 36px}
.case16-intro{display:grid;grid-template-columns:1.45fr 1fr;column-gap:80px;align-items:end;margin-bottom:45px}
.case16-intro .eyebrow{grid-column:1/-1;color:#d2c494;font:11px/1.7 var(--sans);letter-spacing:.16em;text-transform:uppercase;margin:0 0 22px}
.case16-intro h2{font:400 clamp(36px,4.05vw,60px)/1.09 var(--serif);letter-spacing:-.024em;color:#f5f0df;margin:0}
.case16-intro h2 em{color:#dbcea2;font-weight:400}
.case16-lead{font:15px/1.85 var(--sans);color:#c8d1c3;max-width:37ch;margin:0 0 3px}
.case16-navigation{display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid #64725e;border-bottom:1px solid #64725e}
.case16-navigation>p{font:11px/1.7 var(--sans);color:#bcc9b9;margin:0}
.case16-tabs{display:flex;gap:36px}
.case16-tabs button{border:0;border-bottom:2px solid transparent;background:none;color:#b2c0ae;padding:19px 0 18px;font:15px/1.6 var(--sans);cursor:pointer;border-radius:0;transition:color .2s,border-color .2s;white-space:nowrap}
.case16-tabs button[aria-selected=true]{color:#f4efdc;border-color:#dbc98e}
.case16-tabs button:hover{color:#f4efdc}.case16-tabnumber{font:10px/1 var(--sans);margin-right:10px;color:#bdae80}
.case16-tabs button:focus-visible,.case16-panel:focus-visible,.case16-details summary:focus-visible{outline:2px solid #d8c38a;outline-offset:4px}
.case16-panel{display:grid;grid-template-columns:1fr 1.4fr;gap:70px;align-items:center;padding:45px 0 44px;min-height:510px}
.case16-panel[hidden]{display:none}
.case16-kicker{font:10px/1.6 var(--sans);text-transform:uppercase;letter-spacing:.14em;color:#c6b883;margin:0 0 15px}
.case16-explanation h3{font:400 37px/1.12 var(--serif);letter-spacing:-.014em;color:#f0eedb;margin:0 0 27px}
.case16-change{padding-left:17px;position:relative;border-left:1px solid #687865;margin-bottom:24px}
.case16-change:before{content:'';position:absolute;left:-3px;top:4px;width:5px;height:5px;border-radius:50%;background:#c2ad7a}
.case16-change:after{content:'';position:absolute;left:-3px;bottom:7px;width:5px;height:5px;border-radius:50%;background:#d8e3a3}
.case16-change span{font:10px/1.6 var(--sans);color:#b0c0aa}
.case16-change p{font:400 23px/1.3 var(--serif);margin:6px 0 0}
.case16-before p{color:#aebba7}.case16-after{margin-top:17px}.case16-after p{color:#e6e4c6}
.case16-benefit{font:15px/1.85 var(--sans);color:#d1d9c9;margin:0;max-width:44ch}
.case16-note{font:10px/1.7 var(--sans);color:#a6b7a1;margin:18px 0 0;max-width:55ch}
.case16-document{margin:0;background:#f7f4e9;padding:28px 29px 23px;box-shadow:0 18px 40px #081d1830;position:relative;isolation:isolate}
.case16-document:before{content:'';position:absolute;background:#c9c9b5;inset:5px -5px -5px 5px;z-index:-1}
.case16-documenthead{display:flex;justify-content:space-between;gap:16px;font:9px/1.7 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:#66745d;padding-bottom:23px}
.case16-preview{display:block;position:relative;cursor:zoom-in;mix-blend-mode:multiply;background:white}
.case16-preview img{display:block;width:100%;height:auto}
.case16-highlight{position:absolute;background:#ebd780;mix-blend-mode:multiply;pointer-events:none}
.case16-highlight-meaning{left:3.7%;top:18.5%;width:91%;height:7%}
.case16-highlight-table{left:0;top:42%;width:100%;height:8.4%}
.case16-highlight-milestones{left:0;top:20%;width:100%;height:8%}
.case16-document figcaption{border-top:1px solid #d6d8c6;margin-top:23px;padding-top:16px;font:11px/1.6 var(--sans);color:#627358}
.case16-document figcaption p{margin:0 0 10px}.case16-document .source-original-link{display:inline-flex;align-items:center;gap:15px;color:#244c35;font:12px/1.5 var(--sans);border-bottom:1px solid #909d7e;margin:0;padding-bottom:4px}
.case16-document .source-original-link span{font-size:17px}
.case16-preview:focus-visible{outline:2px solid #846f30;outline-offset:5px}
.case16-assessment{background:#efebdd;display:grid;grid-template-columns:1fr 1fr;column-gap:90px;align-items:center;padding:25px 32px}
.case16-assessmentintro h3{font:400 26px/1.2 var(--serif);color:#25432f;margin:0 0 9px}
.case16-assessmentintro p{font:12px/1.8 var(--sans);color:#53634e;max-width:55ch;margin:0}
.case16-assessmentintro strong{font-weight:600;color:#314e36}
.case16-score{margin:0;max-width:380px}
.case16-scorepair{display:flex;gap:30px;align-items:center}.case16-scorepair>div{flex:1}
.case16-scorepair span{font:10px/1.6 var(--sans);color:#54664b;display:block;white-space:nowrap}
.case16-scorepair strong{font:400 49px/1.05 var(--serif);font-variant-numeric:lining-nums tabular-nums;letter-spacing:-.035em;display:block;margin:5px 0 0}
.case16-red{color:#aa443c}.case16-green{color:#286a43}.case16-scorepair svg{width:64px;fill:none;stroke:#a1a07e;stroke-width:1.25;margin-top:14px}
#case16-score-status{font:10px/1.6 var(--sans);color:#65715b;margin-top:12px}
.case16-details{border-bottom:1px solid #53664f;margin-top:10px}
.case16-details>summary{display:flex;justify-content:space-between;align-items:center;gap:18px;font:12px/1.6 var(--sans);color:#c8d1be;padding:20px 0;cursor:pointer;list-style:none}
.case16-details>summary::-webkit-details-marker{display:none}.case16-details>summary>span{font-size:21px}.case16-details[open]>summary>span{transform:rotate(45deg)}
.case16-details .judgement-method{border-top:0}
.judgement-v16 .judgement-scope{font:10px/1.8 var(--sans);color:#a7b8a0;margin:15px 0 0;max-width:113ch}
@media(min-width:769px) and (max-width:1100px){.case16-intro{column-gap:40px}.case16-panel{gap:35px;grid-template-columns:1fr 1.15fr}.case16-explanation h3{font-size:32px}.case16-document{padding:22px}.case16-tabs{gap:24px}.case16-assessment{gap:40px}.case16-scorepair{gap:15px}}
@media(max-width:768px){
.judgement-v16{padding:44px 0 25px}.case16-intro{display:block;margin-bottom:30px}.case16-intro h2{font-size:36px;max-width:20ch}.case16-intro h2 br{display:none}.case16-intro .eyebrow{margin-bottom:18px}.case16-lead{margin-top:21px;font-size:14px;line-height:1.8;max-width:43ch}
.case16-navigation{display:block;padding-top:14px}.case16-navigation>p{font-size:10px}.case16-tabs{gap:0;justify-content:space-between}.case16-tabs button{padding:14px 0 13px;font-size:13px}.case16-tabnumber{font-size:9px;margin-right:6px}
.case16-panel{display:flex;flex-direction:column;gap:28px;align-items:stretch;padding:28px 0 30px;min-height:0}.case16-kicker{font-size:9px;margin-bottom:12px}.case16-explanation h3{font-size:31px;margin-bottom:22px}.case16-explanation h3 br{display:none}.case16-change{margin-bottom:20px}.case16-change p{font-size:23px}.case16-benefit{font-size:14px;line-height:1.8}.case16-note{font-size:10px;line-height:1.7;margin-top:14px}
.case16-document{padding:22px 17px 18px}.case16-documenthead{font-size:8px;padding-bottom:18px;letter-spacing:.035em}.case16-document figcaption{font-size:10px;margin-top:17px;padding-top:14px}.case16-document .source-original-link{font-size:12px;min-height:30px}
.case16-assessment{display:block;padding:24px 22px}.case16-assessmentintro h3{font-size:25px}.case16-assessmentintro p{font-size:12px;line-height:1.8}.case16-score{margin-top:22px;max-width:none}.case16-scorepair{gap:20px}.case16-scorepair strong{font-size:45px}.case16-scorepair svg{width:52px}.case16-scorepair span{font-size:10px}#case16-score-status{font-size:10px;line-height:1.7;margin-top:14px}
.case16-details>summary{font-size:12px}.judgement-v16 .judgement-scope{font-size:10px}
}
@media(max-width:359px){.case16-intro h2{font-size:32px}.case16-tabs button{font-size:12px}.case16-tabnumber{display:none}.case16-document{padding-inline:13px}.case16-documenthead{font-size:7px}.case16-scorepair{gap:10px}.case16-scorepair span{font-size:9px}}
@media(prefers-reduced-motion:reduce){.case16-tabs button{transition:none}}
/* The backing sheet stays behind the paper, preserving the original's contrast. */
.case16-document{box-shadow:5px 5px 0 #81917a55,0 18px 40px #081d1830}
.case16-document:before{display:none}
.case16-highlight-table{top:44.5%;height:8.6%}
@media(max-width:768px){
 .case16-panel{display:grid;grid-template-columns:minmax(0,1fr);gap:0}
 .case16-explanation{display:contents}
 .case16-explanation>.case16-kicker{order:0}
 .case16-explanation>h3{order:1}
 .case16-document{order:2;margin:0 0 28px}
 .case16-change{order:3}
 .case16-benefit{order:4}
 .case16-note{order:5}
}