/* page styles: briefs stream (loaded after site.css; no inline styles, CSP)
   /briefs/ (library), /briefs/q-021/ (draft), /corrections/. Tokens only; no new colours. */

/* the "in preparation" marker in a card's meta, drawn like the SAMPLE marker */
.card .meta .pending{color:var(--ink);border:1px solid var(--ink);padding:2px 6px}

/* five series tiles: 1 / 2 / 3 / 5 columns */
@media (min-width:900px){.tiles.five{grid-template-columns:repeat(3,1fr)}}
@media (min-width:1100px){.tiles.five{grid-template-columns:repeat(5,1fr);column-gap:32px}}

/* ---------- the catalogue table (also the corrections change log) ---------- */
.cat{width:100%;border-collapse:collapse;border-top:1px solid var(--ink);font-size:16px}
.cat th{font-family:var(--sans);font-size:11px;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--graphite);text-align:left;padding:12px 12px 12px 0;border-bottom:1px solid var(--hair);vertical-align:bottom}
.cat td{padding:16px 12px 16px 0;border-bottom:1px solid var(--hair);vertical-align:top}
.cat .cat-empty td,.cat .cat-none td{font-style:italic}
.cat .num{font-family:var(--mono)}
.cat .superseded{font-family:var(--sans);font-size:11px;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--graphite)}
@media (max-width:599px){
  .cat thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .cat,.cat tbody,.cat tr,.cat td{display:block}
  .cat tr{border-bottom:1px solid var(--hair);padding:12px 0}
  .cat td{border:0;padding:2px 0}
}

/* while fewer than two series have issues, the filter is hidden (design review #20) */
.catf.single .cat-filter,.catf.single > input{display:none}
.cat .c-k{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.cat .c-title a{text-decoration:none}
.cat .c-title a:hover{text-decoration:underline}
@media (max-width:599px){.cat .c-k{position:static;width:auto;height:auto;clip:auto}.cat .c-title{font-family:var(--serif);font-weight:600;font-size:18px;margin:4px 0}.cat .c-st{font-family:var(--sans);font-size:12.5px;color:var(--graphite)}}
/* the series band on brief routes (panel T-01): the secondary link reads white on navy */
.on-navy .tl{border-bottom-color:currentColor}

/* ---------- the filter by series: radio inputs (visually hidden) + labels, no script ---------- */
.catf .cat-filter{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:24px}
.catf .cat-filter label{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0 14px;font:600 14px/1 var(--sans);color:var(--ink);border:1px solid var(--hair);background:var(--paper);cursor:pointer}
.catf .cat-filter label:hover{border-color:var(--ink)}
#fs-all:checked ~ .cat-filter label[for="fs-all"],#fs-q:checked ~ .cat-filter label[for="fs-q"],
#fs-c:checked ~ .cat-filter label[for="fs-c"],#fs-t:checked ~ .cat-filter label[for="fs-t"],
#fs-x:checked ~ .cat-filter label[for="fs-x"],#fs-s:checked ~ .cat-filter label[for="fs-s"]{background:var(--ink);color:var(--paper);border-color:var(--ink)}
#fs-all:focus-visible ~ .cat-filter label[for="fs-all"],#fs-q:focus-visible ~ .cat-filter label[for="fs-q"],
#fs-c:focus-visible ~ .cat-filter label[for="fs-c"],#fs-t:focus-visible ~ .cat-filter label[for="fs-t"],
#fs-x:focus-visible ~ .cat-filter label[for="fs-x"],#fs-s:focus-visible ~ .cat-filter label[for="fs-s"]{outline:2px solid var(--ink);outline-offset:3px}
/* the closed catalogue table under the grid lists every row; its empty-state rows show all the time */
.cat-tbl .cat-empty{display:table-row}
@media (max-width:599px){.cat-tbl .cat-empty{display:block}}

/* ---------- the brief page (draft route) ---------- */
.draft-flag{margin-bottom:16px}
.draft-flag .lbl{display:inline-block;color:var(--ink);border:1px solid var(--ink);padding:4px 8px;line-height:1.4;margin-bottom:0}
.brief-hero .imprint{margin-bottom:16px}
.brief-hero h1{max-width:22ch}
.brief-hero .answer{max-width:48ch;font-size:20px;line-height:1.45}
.brief-grid{display:grid;gap:32px}
.brief-cover{margin:0;max-width:360px}
.brief-cover img{width:100%;border:1px solid var(--hair)}
.dls{border-top:1px solid var(--ink)}
.dls li{padding:24px 0;border-bottom:1px solid var(--hair);display:grid;gap:8px}
.dls h3{font-family:var(--serif);font-weight:600;font-size:20px;line-height:1.25}
.dls .notice{margin-top:4px;border-left:1px solid var(--hair);padding-left:12px}
.dls .notice summary{font:600 14px/1.4 var(--sans);color:var(--ink);cursor:pointer;min-height:44px;display:flex;align-items:center;gap:8px;list-style:none}
.dls .notice summary::-webkit-details-marker{display:none}
.dls .notice summary::before{content:"+";font-family:var(--mono);font-weight:500;width:12px}
.dls .notice[open] summary::before{content:"\2212"}
.dls .notice p{font:15px/1.5 var(--serif);color:var(--ink);max-width:60ch;margin-top:8px}
.brief-grid > .plate{align-self:start}
@media (min-width:900px){
  .brief-grid{grid-template-columns:4fr 8fr;gap:64px;align-items:start}
  .brief-cover{max-width:none}
  .brief-hero .answer{font-size:22px}
}

/* W-14: the page notice directly above the free downloads */
.pagenotice{border-top:1px solid var(--ink);padding:16px 0 20px;display:grid;gap:8px}
.pagenotice p{font:15px/1.5 var(--serif);color:var(--ink);max-width:62ch}
.pagenotice + .dls{border-top:1px solid var(--hair)}

/* /briefs/register/ (W-41) */
.figband.regcount{grid-template-columns:1fr;max-width:420px}
.cat.reg .c-q{display:block;font-family:var(--sans);font-size:12.5px;line-height:1.4;color:var(--graphite);margin-bottom:2px}
.cat.reg td{font-size:15.5px}
.cat.reg .c-est{min-width:12ch}
.cat.reg .c-est .num{font-size:17px;color:var(--ink)}
.cat.reg .c-date{white-space:nowrap}
@media (max-width:599px){.cat.reg .c-date{white-space:normal}.cat.reg .c-br{margin-top:4px}}
/* W-136: each row's resolution wording (a <details>, opened by site.js from 600px), the Brier column, the scoring note */
.cat.reg .c-res{margin-top:6px;font-family:var(--sans);font-size:13px;line-height:1.5;color:var(--graphite)}
.cat.reg .c-res summary{cursor:pointer;list-style:none;display:inline-flex;align-items:center;gap:6px;min-height:32px;font-weight:600;color:var(--ink)}
.cat.reg .c-res summary::-webkit-details-marker{display:none}
.cat.reg .c-res summary::before{content:"+";font-family:var(--mono);font-weight:500;width:10px}
.cat.reg .c-res[open] summary::before{content:"‘2"}
.cat.reg .c-res summary:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.cat.reg .c-res p{max-width:72ch;overflow-wrap:anywhere;margin:2px 0 0}
.cat.reg .c-score{white-space:nowrap}
.reg-how{margin-top:32px;max-width:72ch}
.reg-how h3{font:600 19px/1.3 var(--serif);color:var(--ink);margin:0 0 8px}
.reg-how p{font:16px/1.55 var(--serif);color:var(--ink)}

/* ---------- generated brief pages, all five series (build.py brief_page, W-22) ---------- */
.brief-hero .brief-dates{margin-top:12px}
.owner-pending{font-family:var(--mono);font-size:13px;line-height:1.5;color:var(--ink);background:var(--tint);border:1px dashed var(--ink);padding:8px 10px;display:block}
span.owner-pending{display:inline;padding:1px 4px}
.release-check{border-top:1px solid var(--ink)}
.release-check ul{list-style:disc;padding-left:18px;font-family:var(--sans);font-size:14px;line-height:1.5}
.release-check li + li{margin-top:6px}
.brief-cty{display:grid;gap:8px;margin:-8px 0 32px}
/* live exhibits: plates in one column on the phone, two on the desktop. Scoped to the brief page's #exhibits (review
   issue 2: a global .plates rule split /rbc/'s nested .plates into ~250px plates at 1440) */
#exhibits .plates{display:grid;gap:32px}
@media (min-width:1100px){#exhibits .plates{grid-template-columns:repeat(2,1fr);align-items:start}}
.brief-plate .p-title{max-width:40ch}
.brief-plate .p-foot a{color:var(--ink)}
/* W-26: the chart data, free under its stated licence (the note above the plates, the file name beside each link) */
.data-note{border-top:1px solid var(--ink);border-bottom:1px solid var(--hair);padding:12px 0 14px;margin:0 0 32px;max-width:74ch}
.data-note p{font:14px/1.5 var(--sans);color:var(--ink)}
.data-note b{font-weight:600}
.brief-plate .p-foot .p-csvname{font-family:var(--mono);font-size:11px;color:var(--graphite);overflow-wrap:anywhere}
/* the datum drawn inside each row's bar (no inline style needed at any position) */
.plate .p-bar .datum,.plate .p-strip .datum{stroke:var(--ink);stroke-width:1.5;stroke-dasharray:3 3;vector-effect:non-scaling-stroke}
.plate .p-dlab{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ink);margin:0 0 10px}
.plate .p-dlab i{display:inline-block;width:0;height:14px;border-left:1.5px dashed var(--ink)}
.plate .p-row.is-acc .p-lab,.plate .p-row.is-acc .p-val{color:var(--verm)}
.brief-plate .p-row{grid-template-columns:minmax(96px,34%) minmax(0,1fr) 64px}
.brief-plate .p-axis{margin:12px 74px 0 calc(34% + 10px)}
.brief-plate .p-unit{margin-left:calc(34% + 10px)}
@media (max-width:599px){.brief-plate .p-row{grid-template-columns:104px minmax(0,1fr) 56px}.brief-plate .p-axis{margin:12px 66px 0 114px}.brief-plate .p-unit{margin-left:114px}}
/* strip: one bar is the whole */
.plate .p-strip svg{display:block;width:100%;height:22px}
.plate .p-strip .seg{stroke:var(--white);stroke-width:2;vector-effect:non-scaling-stroke}
.plate .p-axis.wide{margin:8px 0 0}
.plate .p-acclab{font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--verm);margin:0 0 8px}
.plate .p-slist{display:grid;gap:4px;margin-top:12px;font-size:13px;line-height:1.4}
.plate .p-slist b{font-family:var(--mono);font-weight:500;margin-right:6px}
.plate .p-slist .acc{color:var(--verm)}
/* matrix: a real table; it scrolls inside its own box on the phone, never the page */
.mx-wrap{overflow-x:auto;max-width:100%}
.mx-wrap:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.mx{border-collapse:collapse;font-size:12px;line-height:1.3;min-width:560px}
.mx th,.mx td{padding:6px 8px;border-bottom:1px solid var(--hair);text-align:left;vertical-align:top}
.mx thead th{font-weight:600;font-size:11px;letter-spacing:.04em;color:var(--graphite);vertical-align:bottom}
.mx tbody th{font-weight:600;color:var(--ink);min-width:120px}
.mx tr.acc th{color:var(--verm)}
.mx td{white-space:nowrap}
.mx-mark{display:inline-block;width:12px;height:12px;margin-right:6px;vertical-align:-1px;border:1.5px solid var(--ink);background:transparent}
.mx-high .mx-mark{background:var(--ink)}
.mx-medium .mx-mark{background:linear-gradient(90deg,var(--ink) 50%,transparent 50%)}
.mx-low .mx-mark{background:transparent}
.mx-none .mx-mark{border:0;border-top:1.5px solid var(--graphite);height:0;width:10px;vertical-align:3px}
.mx-not-assessed .mx-mark{border-style:dotted;border-color:var(--graphite)}
.mx-not-assessed .mx-t{color:var(--graphite)}
.mx tr.acc .mx-high .mx-mark{background:var(--verm);border-color:var(--verm)}
.mx tr.acc .mx-medium .mx-mark{background:linear-gradient(90deg,var(--verm) 50%,transparent 50%);border-color:var(--verm)}
.mx-key{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:10px;font-size:11.5px;color:var(--graphite)}
/* timeline: a dated list read top to bottom; the evidence date divides passed from scheduled */
.p-tl{display:grid;gap:0;border-left:1px solid var(--ink);margin-left:6px}
.p-tl li{display:grid;grid-template-columns:96px 1fr;gap:10px;padding:6px 0 6px 14px;position:relative;font-size:13px;line-height:1.35}
.p-tl li::before{content:"";position:absolute;left:-5px;top:11px;width:9px;height:9px;background:var(--ink)}
.p-tl li.tl-next::before{background:var(--white);border:1.5px solid var(--ink);width:6px;height:6px}
.p-tl li.tl-now{font-weight:600;border-top:1.5px dashed var(--ink);border-bottom:1.5px dashed var(--ink);margin:4px 0}
.p-tl li.tl-now::before{display:none}
.p-tl .tl-date{font-family:var(--mono);font-size:12.5px;color:var(--graphite)}
.plate .tl-span{margin-left:20px}
/* since publication (W-35) */
.sp-h{margin:0 0 10px;color:var(--ink)}
.sp-h + .tbl,.tbl + .sp-h,.sp-fc + .sp-h{margin-top:0}
.tbl + .sp-h{margin-top:32px}
.sp-list{border-top:1px solid var(--ink)}
.sp-list li{display:grid;grid-template-columns:1fr;gap:4px;padding:14px 0;border-bottom:1px solid var(--hair)}
.sp-list li p{font-size:16px;line-height:1.5;max-width:66ch}
.sp-list li .fine{font-size:12.5px}
.sp-d{font-family:var(--mono);font-size:13px;color:var(--graphite)}
@media (min-width:600px){.sp-list li{grid-template-columns:150px 1fr;gap:16px}}
.cat.sp-fc .c-q{display:block;font-family:var(--sans);font-size:11.5px;color:var(--graphite)}
.cat.sp-fc .c-k{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
@media (max-width:599px){.cat.sp-fc .c-k{position:static;width:auto;height:auto;clip:auto;font-family:var(--sans);font-size:11px;color:var(--graphite)}}
/* the catalogue's draft rows (draft preview only) */
.cat .cat-draft .c-st{font-family:var(--sans);font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ink)}
/* grid children may shrink below their content: a wide matrix scrolls inside its own box, never the page */
#exhibits .plates > *,.brief-plate,#since-publication .two > *,#read .two > *{min-width:0}
.brief-plate .p-row.p-subrow{min-height:0;margin-top:-6px}
.brief-plate .p-row.p-subrow .p-sub{margin-top:0}
#since-publication .fine + .sp-h{margin-top:32px}
.plate .p-strip .accent{fill:var(--verm)}
.plate .p-strip .ink{fill:var(--ink)}
.plate .p-strip .graphite{fill:var(--graphite)}
.mx-hint{display:none}
@media (max-width:599px){.mx-hint{display:block;font-size:11.5px;color:var(--graphite);margin:0 0 6px}}
@media (min-width:1100px){#exhibits .plates.one{grid-template-columns:minmax(0,880px)}}

/* ---------- the library page (/briefs/, review issue 5): the closed catalogue table ---------- */
.cat-tbl{border-top:1px solid var(--hair)}
.cat-tbl summary{font:600 14.5px/1.4 var(--sans);color:var(--ink);cursor:pointer;min-height:44px;display:flex;align-items:center;gap:8px;list-style:none}
.cat-tbl summary::-webkit-details-marker{display:none}
.cat-tbl summary::before{content:"+";font-family:var(--mono);font-weight:500;width:12px}
.cat-tbl[open] summary::before{content:"\2212"}
.cat-tbl > .fine{margin:4px 0 16px}
.cat .c-title .c-st{font-family:var(--sans);font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ink)}

/* ---------- brief pages: the free layers first (review issue 8) ---------- */
.dl-sec .pagenotice{display:block;border-top:1px solid var(--ink);padding:12px 0 16px;max-width:none;color:var(--ink)}
.dl-sec .pagenotice,.dl-sec .pagenotice .cond{font:13px/1.5 var(--sans)}
.dl-pair{display:grid;gap:12px}
@media (min-width:600px){.dl-pair{grid-template-columns:repeat(2,1fr)}}
.dl-tile{display:grid;gap:4px;align-content:start;min-height:72px;padding:16px;border:1px solid var(--ink);background:var(--paper);color:var(--ink);text-decoration:none}
.dl-tile .lbl{margin:0}
.dl-tile .dl-t{font-family:var(--serif);font-weight:600;font-size:19px;line-height:1.25}
.dl-tile .dl-m{font-family:var(--sans);font-size:12.5px;line-height:1.4;color:var(--graphite)}
.dl-tile:hover,.dl-tile:focus-visible{background:var(--ink);color:var(--paper);text-decoration:none}
.dl-tile:hover .lbl,.dl-tile:hover .dl-m,.dl-tile:focus-visible .lbl,.dl-tile:focus-visible .dl-m{color:var(--paper)}
.dl-notices{display:grid;gap:0;margin-top:12px}
.dl-notices .notice{border-bottom:1px solid var(--hair)}
.dl-notices .notice summary{font:600 14px/1.4 var(--sans);color:var(--ink);cursor:pointer;min-height:44px;display:flex;align-items:center;gap:8px;list-style:none}
.dl-notices .notice summary::-webkit-details-marker{display:none}
.dl-notices .notice summary::before{content:"+";font-family:var(--mono);font-weight:500;width:12px}
.dl-notices .notice[open] summary::before{content:"\2212"}
.dl-notices .notice p{font:15px/1.5 var(--serif);color:var(--ink);max-width:62ch;margin:0 0 12px}
.dl-notices .notice p.fine{font:12.5px/1.45 var(--sans);color:var(--graphite)}
@media (max-width:599px){.dl-sec{padding-top:16px}}
/* Q-021 (hand page): the tiles sit in the right column beside its exhibit */
#read .pagenotice + .dl-pair{margin-top:4px}
@media (min-width:900px){.brief-grid .dl-pair{grid-template-columns:1fr}}
@media (min-width:1100px){.brief-grid .dl-pair{grid-template-columns:repeat(2,1fr)}}

/* ---------- /briefs/register/ (review issue 14): the hero meta line, Exhibit F-1, the one line above the table ---------- */
.ih-meta{margin-top:12px;font:600 13px/1.4 var(--sans);letter-spacing:.02em;color:rgba(251,249,245,.92)}
.ih-meta .num{font-size:15px;color:var(--white)}
.reg-line{font:15px/1.5 var(--serif);color:var(--ink);max-width:66ch;margin:0 0 16px}
.p-regtl .p-tlsvg svg{display:block;width:100%;height:auto;overflow:visible}
.p-regtl .rt-axis{stroke:rgba(251,249,245,.6);stroke-width:1.5}
.p-regtl .rt-tick{stroke:rgba(251,249,245,.4);stroke-width:1}
.p-regtl .rt-today{stroke:var(--paper);stroke-width:1.5;stroke-dasharray:4 4}
.p-regtl .rt-dot{fill:var(--navy);stroke:var(--white);stroke-width:2}
.p-regtl .rt-dot.res{fill:var(--white)}
.p-regtl .rt-dot.first{stroke:var(--coral)}
.p-regtl .rt-dot.first.res{fill:var(--coral)}
.p-regtl .rt-t{fill:rgba(251,249,245,.85);font-family:var(--sans);font-size:20px;font-weight:600}
.p-regtl .rt-n{fill:var(--white);font-family:var(--mono);font-weight:500}
.p-regtl .rt-n.first{fill:var(--coral)}
.p-regtl .rt-tl{font-size:18px}
/* QA N1: the plate is ~300px wide on the phone (half its 600-unit drawing), so its labels print at 12px and 11.5px, not 9-10px */
@media (max-width:599px){.p-regtl .rt-t{font-size:24px}.p-regtl .rt-tl{font-size:23px}}

/* brief pages on the phone (review issue 8): the first exhibit on the second screen */
@media (max-width:599px){
  .dl-sec{padding-bottom:24px}
  #exhibits{padding-top:24px}
  #exhibits .opener{margin-bottom:20px}
  #exhibits .data-note{margin-bottom:20px;padding:10px 0 12px}
  #exhibits .data-note p{font-size:13px}
}
/* the two tiles side by side on the phone too: both downloads on the first screens */
@media (max-width:599px){
  .dl-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .dl-tile{padding:12px;min-height:72px}
  .dl-tile .dl-t{font-size:17px}
  .dl-tile .dl-m{font-size:12px}
  .brief-hero .answer{font-size:18px}
}
/* Q-021 (hand page): its exhibit and the free layers share the row evenly, so the plate keeps its width at 1440 */
@media (min-width:900px){.brief-grid{grid-template-columns:6fr 6fr}}

/* W-115, the owner's phone standard (generated brief pages): the first exhibit leads #read beside the free layers, so at
   375x667 the answer and the exhibit's headline are on the first screen. The imprint and the dates line are printed once
   per width: in the hero from 600px (.ph-off), below the downloads on the phone (.ph-on). Nothing is removed. */
@media (max-width:599px){.ph-off{display:none}}
@media (min-width:600px){.ph-on{display:none}}
#read .brief-grid > *{min-width:0}
/* display:grid only where .ph-on shows it (the phone): from 600px the hero prints these words, so the copy is not drawn */
.dl-col .brief-meta{margin-top:16px;gap:8px}
@media (max-width:599px){.dl-col .brief-meta{display:grid}}
.dl-col .brief-meta .brief-dates{margin:0}
.brief-grid .brief-meta{margin-top:16px}  /* the hand-written Q-021 page's column is not a .dl-col */
.dl-col .data-note{margin:24px 0 0}
.dl-col > .fine.mt24{margin-top:16px}
@media (max-width:599px){
  .dl-sec .brief-grid{gap:24px}
  .dl-sec .brief-grid > .plate + .dl-col .pagenotice{border-top:1px solid var(--ink)}
}
/* W-115: the brief hero on the phone, trimmed: the title at 30px and a tighter rhythm, so a page without a drawn exhibit
   (X-001) still shows the answer and the download tiles on the first screen */
@media (max-width:599px){
  .hero-cap.brief-hero{padding:16px 0 12px}
  .hero-cap.brief-hero h1{font-size:30px;line-height:1.08;max-width:none}
  .hero-cap.brief-hero .lbl{margin-bottom:8px}
  .brief-hero .answer{font-size:17px;line-height:1.4;margin-top:8px}
  .brief-hero + .dl-sec{padding-top:8px}
  .dl-sec .pagenotice{padding:8px 0}
  .dl-tile{padding:10px 12px 12px;gap:2px}
}
/* W-115: the question list of a brief page shows its first cards; the rest open behind "Show all N questions" (a closed
   <details>, no script; a link to an anchor inside it opens it) */
.q-more{margin-top:24px}
.q-more > summary{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;font:600 14px/1.2 var(--sans);color:var(--ink);background:var(--paper);border:1px solid var(--ink);cursor:pointer;list-style:none}
.q-more > summary::-webkit-details-marker{display:none}
.q-more > summary::before{content:"+";font-family:var(--mono);font-weight:500;width:12px}
.q-more[open] > summary::before{content:"\2212"}
.q-more > summary:hover{background:var(--ink);color:var(--paper)}
.q-more > summary:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.q-more[open] > summary{margin-bottom:24px}
/* the closed list is not laid out at all (a browser still opens it for a link to an anchor inside, then shows it) */
.q-more:not([open]) > :not(summary){display:none}

/* ---------- brief pages from 900px (final QA item 3): the hero's right half was empty and the first exhibit began at
   y=636 on the 1440x900 screen. The hero becomes two columns: the label, title and answer on the left; the imprint
   (set as a colophon, one fact a line) and the dates line on the right. Same elements, same words; with tighter bands
   the first exhibit's headline and bars are on the first screen. The phone layout (W-115) is untouched. ---------- */
@media (min-width:900px){
  .hero-cap.brief-hero{padding:48px 0 40px}
  .brief-hero > .wrap{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);column-gap:64px;align-items:start}
  .brief-hero > .wrap > *{grid-column:1}
  .brief-hero > .wrap > .draft-flag{grid-row:1;grid-column:1 / -1}
  .brief-hero > .wrap > .lbl{grid-row:2}
  .brief-hero > .wrap > h1{grid-row:3}
  .brief-hero > .wrap > .answer{grid-row:4}
  .brief-hero > .wrap > .imprint{grid-column:2;grid-row:2 / span 2;align-self:start;margin:0;display:grid;gap:0;
    border-top:1px solid var(--ink);font-size:13.5px;line-height:1.4}
  .brief-hero > .wrap > .imprint > span{padding:4px 0;border-bottom:1px solid var(--hair)}
  .brief-hero > .wrap > .imprint > span::after{content:none}
  .brief-hero > .wrap > .imprint > span:first-child{font-weight:600;color:var(--ink)}
  .brief-hero > .wrap > .brief-dates{grid-column:2;grid-row:4;align-self:start;margin-top:16px;max-width:none}
  .brief-hero + .sec{padding-top:40px}
}

/* ---------- /briefs/register/ from 900px (final QA item 7): at 56px "Every forecast in our" is 529px against a 518px
   column, and text-wrap:balance then strands "Every" on a line of its own. At 52px the heading is two lines:
   "Every forecast in our / published briefs." ---------- */
@media (min-width:900px){.reg-hero h1{font-size:52px;line-height:56px}}
/* W-62/W-127: a superseded edition on its issue's page (build.py earlier_editions), and the cover beside the request */
#earlier .ed-old + .ed-old{margin-top:32px}
#earlier .ed-h{font:600 15px/1.4 var(--sans);color:var(--ink);margin:0 0 8px}
#earlier .pagenotice{display:block;font:13px/1.5 var(--sans);padding:12px 0 16px;max-width:none}
#full .brief-cover{max-width:240px}
@media (max-width:599px){#full .brief-cover{max-width:180px}}