/* Shared layout for the published document pages (report.html, library.html). Loaded after styles.css. */
.wrap{padding-bottom:60px}
.hero h1{font-size:clamp(2.6rem,9vw,5rem)}
.meta{display:flex;flex-wrap:wrap;gap:6px 22px;font-size:14px;color:var(--muted);margin-top:18px}
.meta b{color:#fff;font-weight:600}
.part{padding-top:56px}
.part > h2{margin-bottom:14px}
.part > p{max-width:68ch}
.part > h3{margin-top:28px}
.read{font-family:var(--mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--dim);text-decoration:none;white-space:nowrap}
.read:hover{color:#fff}
ul.pts{margin:0;padding-left:20px;max-width:72ch}
ul.pts li{margin:6px 0;font-size:15.5px}
.note{font-size:13.5px;color:var(--dim);margin-top:12px;max-width:72ch}
.tablewrap td{white-space:normal;vertical-align:top}
.tablewrap a{text-decoration:none}
.tablewrap a:hover{text-decoration:underline}
.toplinks{display:flex;gap:18px;font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase}
.toplinks a{color:var(--dim);text-decoration:none;white-space:nowrap}
.toplinks a:hover,.toplinks a[aria-current]{color:#fff}
@media (max-width:520px){.topbar{gap:12px}.topbar img{height:26px}.toplinks{flex-wrap:wrap;justify-content:flex-end;gap:4px 12px;font-size:10px;letter-spacing:.08em}}