/* results-view.css (#1326/#1330) — the shared results-first layout. Pages keep
   their own colour tokens (--ink/--leaf/--lime/--gold/--danger/--mist/--paper/
   --line); this file only lays the slots out. Class prefix rv- (ResultsView)
   and rm- (ReportModel.html's default skin). */
.rv{max-width:1100px;margin:0 auto;padding:28px 20px 56px;text-align:left;color:var(--ink,#0d1b16)}
.rv[hidden],.rv-slot[hidden],.rv-charts[hidden],.rv-q[hidden],.rv-q-body[hidden]{display:none!important}
.rv-slot{margin:0 0 28px}
.rv-hero{padding:8px 0 4px}
.rv-slot.rv-empty{height:0;min-height:0;overflow:hidden;padding:0;margin:0;border:0;visibility:hidden}
.rv-charts .rv-slot.rv-empty{border:0;padding:0}
.rv-h,.rm-h{font-family:'Fraunces',Georgia,serif;font-size:22px;line-height:1.25;margin:0 0 12px;font-weight:700}
.rm-sub,.rv-sub{font-family:'Inter',system-ui,sans-serif;font-size:15px;font-weight:700;margin:16px 0 6px}
.rv-charts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:20px;margin:0 0 28px}
.rv-charts .rv-slot{min-width:0;margin:0;background:#fff;border:1px solid var(--line,rgba(13,27,22,.14));border-radius:14px;padding:12px}
.rv-muted,.rm-muted{color:rgba(13,27,22,.62);font-size:13.5px}
.rm-sec{margin:0 0 24px}
.rm-prios{list-style:none;margin:0 0 10px;padding:0;display:grid;gap:10px}
.rm-prio{background:#fff;border:1px solid var(--line,rgba(13,27,22,.14));border-left:4px solid var(--danger,#c14b3a);border-radius:10px;padding:12px 14px;display:grid;gap:4px}
.rm-prio-ok{border-left-color:var(--leaf,#2f6b4f)}
.rm-prio-detail{font-size:14px;color:rgba(13,27,22,.75)}
.rm-ties{font-size:12.5px;color:rgba(13,27,22,.55)}
.rm-score{font-family:'Fraunces',Georgia,serif;font-weight:800;font-size:54px;color:var(--leaf,#2f6b4f);font-variant-numeric:tabular-nums}
.rm-comp{display:flex;align-items:center;gap:10px;margin:6px 0}
.rm-comp-label{flex:1;min-width:0;font-size:13px}
.rm-bar{flex:1.4;height:8px;background:rgba(13,27,22,.08);border-radius:4px;overflow:hidden;display:block}
.rm-bar-fill{display:block;height:100%;border-radius:4px;background:rgba(13,27,22,.35)}
.rm-band-strong{background:var(--leaf,#2f6b4f)}
.rm-band-weak{background:var(--danger,#c14b3a)}
.rm-comp-pct{width:38px;text-align:right;font-size:12.5px;font-weight:700}
.rm-recs{margin:0;padding-left:20px}
.rm-tablewrap{overflow-x:auto}
.rm-evidence{background:rgba(155,229,100,.45);border-radius:3px;padding:0 2px}
.rm-sec p,.rm-sec li{font-size:14.5px;line-height:1.6}
.rm-sec ul,.rm-sec ol{margin:6px 0 10px;padding-left:22px}

/* question review */
.rv-filters{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 12px}
.rv-chip{min-height:36px;padding:0 14px;border-radius:999px;border:1px solid var(--line,rgba(13,27,22,.14));background:#fff;font:600 13px 'Inter',sans-serif;cursor:pointer}
.rv-chip.on{background:var(--ink,#0d1b16);color:var(--cream,#f6f3ea);border-color:var(--ink,#0d1b16)}
.rv-qs{display:grid;gap:8px}
.rv-q{border:1px solid var(--line,rgba(13,27,22,.14));border-radius:10px;overflow:hidden;background:#fff}
.rv-q-head{all:unset;box-sizing:border-box;width:100%;display:flex;align-items:center;gap:10px;padding:12px 14px;min-height:44px;cursor:pointer;font:600 14px 'Inter',sans-serif}
.rv-q-head:focus-visible{outline:2px solid var(--leaf,#2f6b4f);outline-offset:-2px}
.rv-q-dot{width:10px;height:10px;border-radius:50%;background:var(--leaf,#2f6b4f);flex:none}
.rv-q-miss .rv-q-dot{background:var(--danger,#c14b3a)}
.rv-q-name{flex:1;min-width:0}
.rv-q-tag{font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.03em;color:rgba(13,27,22,.5)}
.rv-q-chev{transition:transform .15s}
.rv-q.open .rv-q-chev{transform:rotate(90deg)}
.rv-q-body{padding:10px 14px 14px;border-top:1px solid var(--line,rgba(13,27,22,.14));font-size:13.5px;line-height:1.55}

/* skeleton + stage stepper */
.rv-skel{display:grid;gap:8px;padding:6px 0}
.rv-skel-line{display:block;height:12px;border-radius:6px;background:linear-gradient(90deg,rgba(13,27,22,.07),rgba(13,27,22,.14),rgba(13,27,22,.07));background-size:200% 100%;animation:rvShimmer 1.4s linear infinite}
.rv-skel-short{width:60%}
.rv-skel-text{font-size:13px;color:rgba(13,27,22,.6)}
@keyframes rvShimmer{to{background-position:-200% 0}}
@media (prefers-reduced-motion:reduce){.rv-skel-line{animation:none}}

/* next step */
.rv-next-primary{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center}
.rv-cta{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 24px;border-radius:12px;background:var(--leaf,#2f6b4f);color:#fff;font:700 15px 'Inter',sans-serif;text-decoration:none;border:0;cursor:pointer}
.rv-cta:hover{filter:brightness(1.07)}
.rv-cost,.rv-focus{font-size:13.5px;color:rgba(13,27,22,.65)}
.rv-bundle{margin-top:14px;padding:12px 14px;border:1px dashed var(--line,rgba(13,27,22,.3));border-radius:10px;font-size:14px}
.rv-quiet{display:flex;gap:16px;flex-wrap:wrap;margin-top:14px;font-size:13.5px}
.rv-link{all:unset;cursor:pointer;color:var(--leaf,#2f6b4f);text-decoration:underline}

/* trial preview: locked narrative with a real teaser */
.rv-locked{position:relative;background:#fff;border:1px solid var(--line,rgba(13,27,22,.14));border-radius:12px;padding:16px}
.rv-teaser{font:700 18px 'Fraunces',Georgia,serif;margin:0 0 10px}
.rv-blur{filter:blur(5px);user-select:none;pointer-events:none;margin-bottom:12px;color:rgba(13,27,22,.6)}

@media (max-width:760px){.rv-charts{grid-template-columns:1fr}.rv{padding:18px 16px 44px}.rm-score{font-size:44px}}

/* print: the results view only — no nav, CTAs, bug widget; charts kept */
@media print{
  nav,header,footer,.mini-foot,#bugWidget,#bugWidgetTab,#bugWidgetPanel,.bug-widget,[data-nav],[data-footer],.rv-next,.rv-filters,.overlay:not(.results-view),.gate{display:none!important}
  .results-view{position:static!important;overflow:visible!important;background:#fff!important;display:block!important}
  .rv{max-width:none;padding:0}
  .rv-q-body[hidden]{display:block!important}
  .rv-slot,.rv-q{break-inside:avoid}
}