.report-hero-link{display:inline-flex;gap:1.2rem;align-items:center;margin-top:1.25rem;color:var(--accent);font-size:.9rem;font-weight:600;text-underline-offset:5px}
.report-showcase{max-width:1320px;margin:0 auto;padding:5rem clamp(1rem,5vw,4rem);display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(2rem,6vw,6rem);align-items:center;border-top:1px solid var(--rule);scroll-margin-top:5rem}
.report-story h2{font:400 clamp(2.5rem,4.6vw,4.3rem)/1.04 var(--serif);letter-spacing:-.025em;margin:1rem 0 1.5rem;color:var(--ink)}
.report-intro{font-size:1.04rem;color:var(--ink-2);max-width:43ch}
.report-benefits{list-style:none;margin:2rem 0;padding:0;display:grid;gap:1.1rem}
.report-benefits li{display:flex;gap:1rem;border-top:1px solid var(--rule);padding-top:1rem}
.report-benefits li>span{font:500 .75rem var(--mono);color:var(--accent);padding-top:.25rem}
.report-benefits strong{font-size:.96rem;font-weight:600}.report-benefits p{font-size:.88rem;color:var(--ink-2);margin:.25rem 0 0;max-width:40ch}
.report-convert{display:flex;gap:1.1rem 1.4rem;align-items:center;flex-wrap:wrap}.report-convert .cta{display:inline-flex;gap:1.8rem;padding:.8rem 1.1rem;background:var(--accent);color:var(--bg);border:1px solid var(--accent);text-decoration:none;border-radius:3px;font:600 .92rem var(--sans)}
:root:not([data-theme=dark]) .report-convert .cta{color:#fff}.report-convert .cta:hover{filter:brightness(1.12)}
.report-try{font-size:.84rem;text-underline-offset:4px}.report-small{max-width:49ch;font-size:.76rem;line-height:1.6;color:var(--ink-2);margin-top:1rem}
.report-browser{min-width:0;background:var(--surface);border:1px solid var(--rule);box-shadow:0 20px 60px #0000000b;border-radius:5px;overflow:hidden}
.report-browser-head{display:flex;justify-content:space-between;gap:.6rem;padding:1rem 1.2rem;border-bottom:1px solid var(--rule);font:500 .62rem var(--mono);letter-spacing:.05em}.report-live-label{color:var(--accent);white-space:nowrap}
.report-tabs{display:flex;padding:.5rem .8rem;gap:.25rem;border-bottom:1px solid var(--rule)}
.report-tabs button,.report-view-switch button{font:500 .78rem var(--sans);border:0;background:transparent;color:var(--ink-2);cursor:pointer;min-height:44px;padding:.6rem .75rem;border-radius:3px}
.report-tabs button[aria-selected=true]{background:var(--accent);color:var(--bg)}:root:not([data-theme=dark]) .report-tabs button[aria-selected=true]{color:#fff}
.report-preview-meta{display:flex;justify-content:space-between;gap:1rem;padding:1rem 1.2rem;font:400 .64rem/1.5 var(--mono);color:var(--ink-2)}.report-preview-meta span:last-child{color:var(--accent);text-align:right}
.report-paper{display:block;position:relative;padding:0;border:0;border-radius:1px;cursor:zoom-in;margin:0 auto;width:calc(100% - 3rem);max-width:390px;max-height:490px;aspect-ratio:778/1100;overflow:hidden;background:#fff;box-shadow:0 3px 17px #0002;text-align:left}
.report-paper img{display:block;width:100%;height:auto;transition:transform .3s ease;transform-origin:top center}.report-paper:hover img{transform:scale(1.025)}
.report-zoom-hint{position:absolute;right:12px;bottom:12px;display:flex;gap:1.5rem;padding:.5rem .65rem;background:#151719;color:#fff;border-radius:2px;font:500 .68rem var(--sans);box-shadow:0 2px 10px #0002}
.report-view-switch{display:flex;justify-content:center;gap:.4rem;padding:.65rem}.report-view-switch button[aria-pressed=true]{text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:2px;text-underline-offset:6px;color:var(--ink)}
.report-caption{margin:0;padding:.4rem 1.2rem 1.1rem;color:var(--ink-2);font-size:.7rem;line-height:1.5}
.report-lightbox{padding:0;width:min(920px,calc(100vw - 24px));max-height:94vh;max-height:94dvh;border:1px solid var(--rule);background:var(--surface);color:var(--ink);border-radius:4px;overflow:auto;overscroll-behavior:contain;box-shadow:0 15px 90px #0005}.report-lightbox::backdrop{background:#080b10c9;backdrop-filter:blur(4px)}
.report-lightbox-bar{position:sticky;top:0;z-index:1;background:var(--surface);border-bottom:1px solid var(--rule);display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.6rem 1rem;font:500 .78rem var(--sans)}.report-lightbox-bar button{min-height:44px;background:transparent;color:var(--ink);border:1px solid var(--rule);padding:.4rem .8rem;font:inherit;cursor:pointer;border-radius:3px}.report-lightbox>img{display:block;width:100%;height:auto;background:white}
@media(max-width:760px){.report-showcase{grid-template-columns:1fr;padding-block:3rem;gap:2rem}.report-story h2{font-size:2.8rem}.report-story h2 br{display:none}.report-browser{max-width:560px;width:100%;margin:auto}.report-preview-meta{padding:.8rem;font-size:.59rem}.report-tabs{padding:.35rem;gap:0}.report-tabs button{flex:1;padding:.5rem .4rem;font-size:.74rem}.report-paper{width:calc(100% - 2rem);max-height:440px}.report-browser-head{padding:.85rem;font-size:.56rem}.report-lightbox-bar{padding:.4rem .6rem;font-size:.7rem}}
@media(prefers-reduced-motion:reduce){.report-paper img{transition:none}.report-paper:hover img{transform:none}}
/* Keep the existing navigation usable in the tablet interval where its single row overflows. */
@media(min-width:641px) and (max-width:960px){body:has(.report-showcase) .top{flex-wrap:wrap;gap:.5rem 1.5rem}body:has(.report-showcase) .top-nav{order:2;width:100%;margin-left:0;justify-content:space-between}}
@media(max-width:380px){body:has(.report-showcase) .top{gap:.6rem;padding-inline:1rem}body:has(.report-showcase) .theme-label{display:none}body:has(.report-showcase) .theme{padding:.55rem}body:has(.report-showcase) .tag{white-space:normal}}