.reports-main { max-width:1120px; margin:auto; padding:24px 20px 48px; }
.reports-main h1 { font-size:calc(clamp(36px,6vw,56px) * var(--wt-text-scale, 1)); margin:8px 0; }
.reports-main h2 { font-size:max(14px, calc(28px * var(--wt-text-scale, 1))); margin:0 0 20px; }
.reports-main h3 { font-size:max(14px, calc(22px * var(--wt-text-scale, 1))); margin:0 0 12px; }
.reports-main p { line-height:1.6; margin:10px 0; }
.reports-main header { margin-bottom:36px; }
.reports-kicker { color:var(--accent-text); font-weight:600; }
.reports-main section { margin:32px 0; padding:0; }
.reports-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr)); gap:20px; }
.report-card,.wt-unlock-card,.assessment-card { border:1px solid var(--border-color,var(--border)); background:var(--bg-1); border-radius:16px; padding:24px; min-width:0; }
.report-card__type { font-size:max(14px, calc(18px * var(--wt-text-scale, 1))); }
.report-actions,.assessment-actions { display:flex; gap:12px 1.25rem; flex-wrap:wrap; margin-top:16px; }
.reports-main a,.wt-unlock-card a { color:var(--accent-text); display:inline-flex; align-items:center; min-height:44px; text-underline-offset:4px; }
.reports-main button,.wt-unlock-card button,.wt-pdf-row button { min-height:44px; padding:10px 18px; border-radius:8px; border:1px solid var(--accent); color:#fff; background:var(--accent-solid,var(--accent)); /* W98: white on the darkened accent, 4.7:1 or better on every type; was the page background on the raw accent at 4.2:1 */ font:inherit; font-size:max(14px, calc(16px * var(--wt-text-scale, 1))); cursor:pointer; }
.wt-unlock-card { font-size:max(14px, calc(16px * var(--wt-text-scale, 1))); line-height:1.6; text-align:left; }
.wt-unlock-card h3, .wt-unlock-card h2.wt-unlock-card__title { margin:0 0 16px; font-size:max(14px, calc(24px * var(--wt-text-scale, 1))); }
.wt-unlock-card ul { padding-left:20px; }
.wt-unlock-card li { margin-bottom:10px; }
.wt-offer-price { font-size:max(14px, calc(28px * var(--wt-text-scale, 1))); font-weight:700; margin:12px 0; }
.assessment-list { display:grid; gap:12px; margin:20px 0; }
.assessment-scores { display:flex; flex-wrap:wrap; gap:16px; font-family:var(--font-mono); }
.report-current { color:var(--accent-text); font-weight:600; }
.report-rebuilt { border-top:1px solid var(--border-color,var(--border)); padding-top:12px; }
.report-card__edition { color:var(--text-secondary); }
.report-whats-new { margin-bottom:0; }
.report-editions-toggle { margin-top:18px; width:100%; min-height:44px; padding:8px 0!important; border:0!important; border-top:1px solid var(--border-color,var(--border))!important; border-radius:0!important; color:var(--accent-text)!important; background:transparent!important; text-align:left; }
.report-editions-toggle::after { content:'+'; float:right; font-weight:700; }
.report-editions-toggle[aria-expanded="true"]::after { content:'−'; }
.report-editions { list-style:none; margin:4px 0 0; padding:0; }
.report-edition { display:flex; justify-content:space-between; align-items:center; gap:12px; padding:12px 0; border-top:1px solid var(--border-color,var(--border)); line-height:1.45; }
.report-edition__actions { display:flex; align-items:center; gap:10px; flex-wrap:wrap; flex-shrink:0; }
.report-edition__actions button { min-height:40px; padding:7px 12px; }
.report-edition--retracted { color:var(--text-secondary); }
@media (max-width:560px) { .report-edition { align-items:flex-start; flex-direction:column; } }

.reports-main summary { min-height:44px; display:flex; align-items:center; cursor:pointer; color:var(--accent-text); text-decoration:underline; }

/* Make it mine (W85): the "How we write about you" panel above the report cards, one card wide. */
/* EYES1111-5: .reports-main section (padding 0, margin 32px 0) outranks a bare class, so the card is scoped to .reports-main. */
.reports-main .make-it-mine { background: var(--bg-1); border: 1px solid var(--border); border-radius: var(--radius-lg, 16px); padding: 24px 20px; margin: 0 0 28px; }
.make-it-mine > h2 { margin-top: 0; }
.make-it-mine > p { color: var(--text-muted); font-size: 0.92rem; line-height: 1.5; }
@media (min-width: 720px) { .reports-main .make-it-mine { padding: 28px 28px; } }

/* W132: inline catalog chooser, including narrow screens and keyboard use. */
.wt-choose { border:1px solid var(--border-color,var(--border)); background:var(--bg-card,var(--bg-1)); border-radius:16px; padding:24px; margin:32px 0; min-width:0; text-align:left; }
.wt-choose h2,.wt-choose h3 { margin:0 0 16px; }
.wt-choose p { line-height:1.6; margin:12px 0; }
.wt-choose fieldset { border:0; margin:20px 0 0; padding:0; min-width:0; }
.wt-choose legend { font-weight:600; margin-bottom:12px; }
.wt-choose__chips { display:flex; flex-wrap:wrap; gap:12px; }
.wt-choose button,.wt-choose .wt-btn { display:inline-flex; align-items:center; justify-content:center; min-height:44px; max-width:100%; padding:10px 18px; border:1px solid var(--accent); border-radius:8px; background:var(--accent-solid,var(--accent)); color:#fff; font:inherit; text-align:center; white-space:normal; cursor:pointer; text-decoration:none; }
.wt-choose .wt-choose__chip { background:var(--bg-1); color:var(--text-primary); }
.wt-choose .wt-choose__link { color:var(--accent-text); background:transparent; border:0; text-decoration:underline; margin-top:12px; }
.wt-choose button:focus-visible,.wt-choose a:focus-visible { outline:3px solid var(--accent-text); outline-offset:4px; }
.wt-choose__product { font-size:1.5rem; font-weight:700; }
.wt-choose__alternative { border-top:1px solid var(--border-color,var(--border)); margin-top:24px; padding-top:12px; }

/* Edition value log: public release notes and the report-page edition markers share this surface. */
.whats-new-list { display:grid; gap:20px; margin-top:28px; }
.whats-new-edition { border:1px solid var(--border-color,var(--border)); background:var(--bg-1); border-radius:16px; padding:24px; }
.whats-new-edition h2 { margin-bottom:6px; }
.whats-new-tier + .whats-new-tier { margin-top:22px; }
.whats-new-tier h3 { font-size:max(14px, calc(18px * var(--wt-text-scale, 1))); margin-bottom:8px; }
.whats-new-tier ul { margin:0; padding-left:22px; }
.whats-new-tier li { line-height:1.55; margin:7px 0; }
/* Stage 4 item 29 (Report A 7): plain text with an underline that links to What's new; it looked like a button. */
.wt-edition-chip { display:inline-flex; align-items:center; min-height:32px; margin-top:6px; color:var(--text-secondary); font-size:.82rem; line-height:1.3; text-decoration:underline; text-underline-offset:3px; }
.wt-edition-chip:hover { color:var(--accent-text); border-color:var(--accent); }
.wt-edition-banner { margin:0 0 16px; padding:11px 14px; border:1px solid var(--accent-border,var(--border)); border-radius:10px; background:var(--accent-glow,rgba(224,122,107,.08)); color:var(--text-secondary); font-size:.88rem; line-height:1.5; }
.wt-edition-banner a { color:var(--accent-text); }
/* Stage 4 item 35: the note under a result that only has its free split. */
.assessment-scale { margin:6px 0 0; font-size:.85rem; color:var(--text-secondary); }

/* Stage 4 item 40 (Buying P1-9): the web report is the filled button, the PDF the outline one, and the refund line sits under
   them while the refund is open. */
.report-actions .reports-btn-primary { display:inline-flex; align-items:center; min-height:44px; padding:10px 18px; border-radius:8px; background:var(--accent-solid,var(--accent)); color:#fff; font-weight:600; text-decoration:none; border:1px solid var(--accent); }
.reports-main .report-actions button.reports-btn-secondary { background:transparent; color:var(--text); border:1px solid var(--border-hover,var(--border)); }
.report-refund-note { margin:8px 0 0; font-size:.88rem; color:var(--text-secondary); }
.reports-purchases-link { margin:4px 0 0; }
.reports-purchases-link a { display:inline-flex; align-items:center; min-height:44px; color:var(--accent-text); }
.report-next-step { margin-top:12px; padding-top:12px; border-top:1px solid var(--border); }
.report-next-step p { margin:0 0 10px; }