/* Review pages (hub, audit, roadmap, memo, deck). Pieces the kit has no class for. Tokens only.
   Meaning in this project (written once):
   - Audit priority → state tone: "Fix before BTS" = red, "Fix in the relaunch" = yellow, "Polish" = quiet.
   - Roadmap horizon → no tone (plain chips); orange marks only "now" (the current horizon) and focus.
   - Play rank → plain number; viability is said in words, never colored. */

.page-wide{max-width:var(--d-1200);width:100%;margin:0 auto;}
.lede-doc{font-size:var(--size-lg);color:var(--ink-2);max-width:60ch;line-height:var(--leading-body);}
.verdict{border-left:var(--line-3) solid var(--ink);padding:var(--space-2) 0 var(--space-2) var(--space-5);font-family:var(--font-display);font-weight:var(--weight-bold);font-size:var(--size-xl);line-height:var(--leading-tight);max-width:40ch;}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(var(--d-260),100%),1fr));gap:var(--space-4);}
.card-link{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-5);border:var(--line-1) solid var(--line-strong);color:var(--ink);text-decoration:none;background:var(--paper);}
.card-link:hover{background:var(--paper-2);}
.card-link .t-title{font-size:var(--size-xl);}
.card-link .go{margin-top:auto;font-size:var(--size-sm);font-weight:var(--weight-semi);text-decoration:underline;text-underline-offset:var(--d-3);}
.card-link .drawing{width:var(--d-56);}
.numbered{list-style:none;counter-reset:n;display:flex;flex-direction:column;gap:var(--space-3);}
.numbered > li{counter-increment:n;display:grid;grid-template-columns:var(--d-40) minmax(0,1fr);gap:var(--space-3);}
.numbered > li::before{content:counter(n);font-family:var(--font-display);font-weight:var(--weight-heavy);font-size:var(--size-xl);line-height:1;}
.quote{border-left:var(--line-3) solid var(--line-strong);padding-left:var(--space-4);color:var(--ink-2);}
.quote b{color:var(--ink);}
.findings td{vertical-align:top;}
.findings td p + p{margin-top:var(--space-2);}
.wrap-cell{min-width:var(--d-220);}

/* the roadmap: horizons as columns, each initiative opens in place (2nd click), "how" opens inside it (3rd click) */
.horizons{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-4);align-items:start;}
@media (max-width:68.75em){.horizons{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width:51.25em){.horizons{grid-template-columns:1fr;}}
.horizon{display:flex;flex-direction:column;gap:var(--space-3);}
.horizon-head{display:flex;flex-direction:column;gap:var(--space-1);padding-bottom:var(--space-2);border-bottom:var(--line-2) solid var(--ink);}
.horizon[data-now] .horizon-head{border-bottom-color:var(--orange);}
.jump{display:flex;flex-direction:column;gap:var(--space-1);list-style:none;}
.jump a{display:block;padding:var(--space-2) var(--space-3);border:var(--line-1) solid var(--line);color:var(--ink);text-decoration:none;font-size:var(--size-sm);font-weight:var(--weight-semi);background:var(--paper);}
.jump a:hover{background:var(--paper-2);}
.jump a span{display:block;font-weight:var(--weight-regular);color:var(--ink-2);}
.item{border:var(--line-1) solid var(--line-strong);background:var(--paper);scroll-margin-top:var(--d-80);}
.item > summary{list-style:none;cursor:pointer;padding:var(--space-4);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-2) var(--space-4);align-items:start;}
.item > summary::-webkit-details-marker{display:none;}
.item > summary:hover{background:var(--paper-2);}
.item > summary .t-title{font-size:var(--size-lg);}
.item > summary::after{content:"Open";font-family:var(--font-mono);font-size:var(--size-xs);color:var(--ink-2);letter-spacing:.08em;text-transform:uppercase;padding-top:var(--space-1);}
.item[open] > summary::after{content:"Close";}
.item[open]{box-shadow:inset var(--line-3) 0 0 var(--ink);}
.item-body{padding:0 var(--space-4) var(--space-4);display:flex;flex-direction:column;gap:var(--space-4);}
.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(var(--d-220),100%),1fr));border-top:var(--line-1) solid var(--line);border-left:var(--line-1) solid var(--line);}
.facts div{padding:var(--space-3);border-right:var(--line-1) solid var(--line);border-bottom:var(--line-1) solid var(--line);display:flex;flex-direction:column;gap:var(--space-1);}
.how{border-top:var(--line-1) solid var(--line);}
.how > summary{list-style:none;cursor:pointer;padding:var(--space-3) 0;font-weight:var(--weight-semi);display:flex;gap:var(--space-2);align-items:center;}
.how > summary::-webkit-details-marker{display:none;}
.how > summary::before{content:"+";font-family:var(--font-mono);width:var(--d-16);}
.how[open] > summary::before{content:"\2212";}
.how > summary:hover{background:var(--paper-2);}
.how-body{display:flex;flex-direction:column;gap:var(--space-3);padding-bottom:var(--space-2);}
.how-body ol{padding-left:var(--space-5);display:flex;flex-direction:column;gap:var(--space-2);}
.draft{background:var(--paper-2);padding:var(--space-4);font-size:var(--size-sm);white-space:pre-wrap;font-family:var(--font-body);border-left:var(--line-2) solid var(--line-strong);}
.linkrow{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-4);font-size:var(--size-sm);}
.item-list{display:flex;flex-direction:column;gap:var(--space-3);}
.toolbar{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center;}

.swipe-note{display:none;}
@media (max-width:51.25em){.swipe-note{display:block;}}

/* print: everything open */
@media print{.topnav,.toolbar{display:none;}.item,.how{break-inside:avoid;}}

/* filter chips on a touch screen (iPad): a full-size target */
.toolbar .fchip{min-height:var(--d-44);}