.dossier-title { padding:70px 7% 60px; border-bottom:1px solid var(--line); background:linear-gradient(90deg,#080b0ad9,#121a1480),url('/assets/edition-m4/slate.webp') center/cover; }
.dossier-title h1 { font:72px/1.05 var(--font-title); color:var(--paper); margin:25px 0; overflow-wrap:anywhere; }
.dossier-title > p { font:26px/1.5 var(--font-title); color:var(--gold); max-width:740px; }
.dossier-title > span:last-child { color:var(--muted); font:12px/1.7 Arial,sans-serif; }
.introduction { padding-top:50px; }
.source-status { font:13px/1.7 Arial,sans-serif!important; color:var(--copper)!important; }
.repeat-branch { margin-top:20px; padding:20px 0 0; border-top:1px dashed var(--line); display:flex; flex-wrap:wrap; align-items:center; gap:20px; font:14px/1.7 Arial,sans-serif; color:var(--gold); }
.repeat-branch strong { font-weight:400; }
.comparison { margin:0 7%; border-top:1px solid var(--line); }
.comparison > div { display:grid; grid-template-columns:1fr 2fr 1.5fr; gap:30px; align-items:start; padding:26px 0; border-bottom:1px solid var(--line); }
.comparison h3 { margin:0; color:var(--gold); font:25px/1.4 var(--font-title); }
.comparison p { margin:0; color:var(--text); font:18px/1.7 Georgia,serif; }
.comparison strong { font:14px/1.7 Arial,sans-serif; color:var(--muted); }
.resource-ledger { margin:0 7%; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:20px; }
.resource-ledger > div { border-top:1px solid var(--line); padding:20px 0; }
.resource-ledger span { display:block; color:var(--copper); font:12px/1.7 Arial,sans-serif; }
.resource-ledger strong { display:block; font:21px/1.5 var(--font-title); color:var(--paper); overflow-wrap:anywhere; }
.source-comparison { border-block:1px solid var(--line); padding:18px 0; }
.source-comparison summary { cursor:pointer; font:18px/1.6 var(--font-title); color:var(--gold); }
.related { display:flex; flex-wrap:wrap; gap:25px; border-top:1px solid var(--line); margin-top:35px; padding-top:25px; font:14px/1.8 Arial,sans-serif; }
@media(max-width:700px) {
  .dossier-title { padding-block:45px; }
  .dossier-title h1 { font-size:44px; }
  .dossier-title > p { font-size:22px; }
  .comparison > div { grid-template-columns:1fr; gap:12px; }
  .resource-ledger { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:360px) { .dossier-title h1 { font-size:36px; } .resource-ledger strong { font-size:18px; } }