/* BoardBrain — Sector Reviews. Extends assets/style.css; adds only what the review pages need. */

/* ---- issue cards ---- */
.rev-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:26px;margin-top:8px}
.rev-card{display:flex;flex-direction:column;background:var(--paper);border:1px solid var(--rule);
  padding:0 0 28px;text-decoration:none;color:var(--ink);transition:box-shadow .18s,transform .18s}
.rev-card:hover{box-shadow:0 12px 30px rgba(14,14,14,.10);transform:translateY(-2px)}
.rev-rule{display:block;height:5px;background:var(--accent)}
.rev-meta{display:block;font-family:var(--mono);font-size:10.5px;letter-spacing:1.6px;text-transform:uppercase;
  color:var(--ink-mute);margin:28px 30px 14px}
.rev-name{display:block;font-family:var(--serif);font-weight:800;font-size:26px;line-height:1.14;
  letter-spacing:-.5px;margin:0 30px 12px}
.rev-sf{display:block;font-size:15.5px;font-weight:600;color:var(--accent-dark);line-height:1.42;margin:0 30px 16px}
.rev-body{display:block;font-size:15px;color:var(--ink-soft);line-height:1.55;margin:0 30px 20px}
.rev-names{display:block;font-size:12.5px;color:var(--ink-mute);line-height:1.55;margin:0 30px 22px;
  padding-top:16px;border-top:1px solid var(--rule)}
.rev-go{display:block;font-size:14px;font-weight:600;color:var(--accent);margin:auto 30px 0}

/* ---- the six readings ---- */
.rev-six{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:34px 46px;margin-top:38px}
.rev-six h3{font-family:var(--serif);font-weight:700;font-size:19px;color:var(--accent-dark);
  margin:0 0 10px;letter-spacing:-.2px}
.rev-six p{font-size:15px;color:var(--ink-soft);line-height:1.6;margin:0;max-width:46ch}

/* ---- exhibits ---- */
.rev-fig{margin:34px 0 0}
.rev-fig img{width:100%;height:auto;display:block;border:1px solid var(--rule);background:var(--paper)}
.rev-fig figcaption{font-size:13.5px;color:var(--ink-mute);line-height:1.5;margin-top:11px;max-width:72ch}
.rev-fig figcaption b{color:var(--ink);font-weight:600}

/* ---- stat band (mono numerals, matching the house .stat) ---- */
.rev-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:1px;
  background:var(--rule);border:1px solid var(--rule);margin-top:8px}
.rev-stats .stat{background:var(--paper);padding:32px 28px}
.rev-stats .big{display:block;font-family:var(--mono);font-size:clamp(28px,2.6vw,40px);font-weight:700;
  line-height:1;color:var(--ink);letter-spacing:-1px;margin-bottom:12px}
.rev-stats .lbl{display:block;font-size:13px;color:var(--ink-mute);line-height:1.45}

/* ---- download row ---- */
.rev-dl{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin-top:30px}
.rev-dlnote{font-size:13.5px;color:var(--ink-mute)}

/* ---- notice ---- */
.rev-notice{background:var(--paper);border-left:3px solid var(--rule);padding:30px 32px;margin-top:10px}
.rev-notice h3{font-family:var(--serif);font-weight:700;font-size:17px;color:var(--accent-dark);margin:0 0 12px;letter-spacing:-.2px}
.rev-notice h3+p{margin-top:0}
.rev-notice h3:not(:first-child){margin-top:28px}
.rev-notice p{font-size:14px;color:var(--ink-mute);line-height:1.6;margin:0 0 12px;max-width:78ch}

/* ---- subscribe ---- */
.rev-sub{background:var(--paper);border:1px solid var(--rule);padding:40px 36px}
.rev-form{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px;max-width:580px}
.rev-form input[type=email]{flex:1 1 260px;padding:13px 15px;border:1px solid var(--rule);
  background:var(--bg);font-family:var(--sans);font-size:15px;color:var(--ink)}
.rev-form input[type=email]:focus{outline:none;border-color:var(--accent)}
.rev-form button{cursor:pointer}

/* ---- closing line ---- */
.rev-closing{font-family:var(--serif);font-weight:700;font-size:clamp(21px,2.4vw,30px);
  color:var(--accent-dark);max-width:24ch;margin:0 auto;line-height:1.28;letter-spacing:-.4px}

@media(max-width:760px){
  .rev-six{gap:30px}
  .rev-notice{padding:24px 22px}
  .rev-sub{padding:30px 24px}
}