/* Coverage report: the comparison page's Geist type scale and restrained surfaces. */
html { scroll-padding-top:110px; }
.wrap { max-width:1180px; }
.report-hero { padding:128px 0 0; background:#f2ede6; }
.report-breadcrumb { display:flex; flex-wrap:wrap; gap:12px; color:var(--ink-faint); font-size:13px; margin-bottom:42px; }
.report-intro { display:grid; grid-template-columns:1.2fr 1fr; align-items:center; gap:64px; padding-bottom:54px; }
.report-brands { display:flex; align-items:center; gap:20px; margin-bottom:28px; }
.report-brands img { height:auto; max-width:40%; }
.report-brands span { color:var(--ink-faint); font-size:14px; }
.report-heading h1 { font-size:clamp(36px,4.5vw,56px); font-weight:500; line-height:1.13; letter-spacing:-.045em; }
.report-heading > p { font-size:18px; line-height:1.75; letter-spacing:-.012em; color:var(--ink-soft); margin-top:24px; max-width:520px; }
.report-actions { display:flex; align-items:center; flex-wrap:wrap; gap:20px; margin-top:30px; }
.report-text-link { font-size:14px; text-decoration:underline; text-underline-offset:5px; }
.report-result { background:#fff; padding:32px; border:1px solid #e4dcd2; border-radius:16px; box-shadow:0 16px 38px #52402c08; }
.report-result-top { display:flex; justify-content:space-between; gap:12px; font-size:12px; color:var(--ink-faint); }
.report-number { font-size:clamp(64px,7vw,92px); font-weight:500; line-height:1; letter-spacing:-.06em; color:#c34b28; margin:28px 0 12px; font-variant-numeric:tabular-nums; }
.report-number > span { font-size:.6em; }
.report-result h2 { font-size:20px; font-weight:500; letter-spacing:-.02em; line-height:1.3; }
.report-result > p { font-size:14px; line-height:1.75; color:var(--ink-soft); margin-top:12px; }
.report-bar { display:flex; height:12px; overflow:hidden; border-radius:3px; margin:24px 0 13px; }
.report-bar span:first-child { width:64.2%; background:#e4572e; }
.report-bar span:last-child { width:35.8%; background:#d9d5d0; }
.report-legend { display:flex; justify-content:space-between; flex-wrap:wrap; gap:10px; font-size:12px; color:var(--ink-soft); }
.report-legend i { display:inline-block; width:8px; height:8px; background:#e4572e; margin-right:6px; }
.report-legend span:last-child i { background:#d9d5d0; }
.report-result .report-note { font-size:12px; margin-top:24px; padding-top:18px; border-top:1px solid var(--border); }
.report-sample { display:flex; flex-wrap:wrap; align-items:center; gap:24px 36px; border-top:1px solid #dcd5cc; padding:25px 0; font-size:13px; color:var(--ink-soft); }
.report-sample b { color:var(--ink); font-size:16px; font-weight:500; margin-right:5px; }
.report-sample a { margin-left:auto; text-decoration:underline; text-underline-offset:4px; }
.report-sections { border-bottom:1px solid var(--border); }
.report-sections .wrap { display:flex; flex-wrap:wrap; gap:12px 32px; padding-block:20px; font-size:14px; color:var(--ink-soft); }
.kicker { text-transform:none; letter-spacing:0; font-size:14px; color:#ae431f; }
.kicker::before,.kicker::after { display:none; }
.h2 { font-size:clamp(30px,3.3vw,40px); line-height:1.18; font-weight:500; letter-spacing:-.035em; text-wrap:balance; }
.h2 .accent2 { color:inherit; }
.sub { font-size:16px; line-height:1.8; }
.block > .wrap.narrow,.caveats { max-width:940px; }
.block > .wrap.center,.block .center { text-align:left; }
.block .center .kicker { justify-content:flex-start; }
.block .center .sub { margin-left:0; }
section.block,section.block.tight { padding:76px 0; }
.steps { gap:24px 48px; margin-top:36px; }
.step { border:0; border-top:1px solid var(--border); border-radius:0; padding:25px 0; }
.step-n { letter-spacing:0; font-size:13px; }
.step h3 { font-size:20px; font-weight:500; letter-spacing:-.025em; }
.step p { font-size:15px; line-height:1.8; }
.depth { background:#faf9f7; }
.depth-card { background:transparent; border:0; border-left:1px solid #ddd6cf; border-radius:0; }
.depth-num { font-size:48px; letter-spacing:-.045em; }
.rep { border:0; border-top:1px solid var(--border); border-radius:0; text-align:left; }
.rep-num { font-size:40px; }
.brk-h { text-transform:none; letter-spacing:0; color:var(--ink-soft); }
.brk-row { padding:15px 0; grid-template-columns:150px 1fr 46px; }
.brk-track,.brk-fill { border-radius:2px; }
.brk-fill { background:#e4572e; }
.exp-table thead th { text-transform:none; letter-spacing:0; font-size:13px; padding-block:18px; }
.exp-table td { padding-block:17px; }
.exp-wrap { border-radius:10px; }
.caveat { padding:24px 0; }
.caveat p { font-size:15px; line-height:1.8; }
.final { background:#f2ede6; }
.final .h2 { margin-bottom:22px; }
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible { outline:2px solid #bd441f; outline-offset:4px; }
@media(max-width:800px) {
 .report-intro { grid-template-columns:1fr; gap:34px; }
 .report-hero { padding-top:112px; }
 .report-breadcrumb { margin-bottom:28px; }
 .report-heading h1 { font-size:clamp(34px,6.7vw,48px); }
 .report-heading > p { font-size:16px; }
 .report-result { padding:26px; }
 .report-sample { gap:16px 24px; }
 .report-sample a { margin-left:0; }
 section.block,section.block.tight { padding:52px 0; }
 .brk-row { grid-template-columns:110px 1fr 40px; gap:10px; }
 .report-sections .wrap { gap:14px 22px; font-size:13px; }
 .rep-grid { grid-template-columns:1fr; }
}

/* Shared homepage header appearance. */
:root { --dark-ink:#24211e; --dark-ink-soft:#625c55; }
.nav { background:rgba(255,255,255,.92); border-color:#e5e2df; box-shadow:0 5px 24px rgba(36,33,30,.06); }
.nav-links { align-items:center; gap:20px; }
.nav .brand-logo { height:34px; }
.nav-links a:hover,.nav-dd-trigger:hover,.has-dd:hover .nav-dd-trigger { color:var(--primary-dark); }
.nav .btn { border:1px solid transparent; border-radius:8px; box-shadow:none; font-family:inherit; }
.nav button,.mcp-announcement-close { font:inherit; cursor:pointer; }
.nav .btn:hover { transform:none; }
    .homepage-header { position:sticky; top:0; z-index:100; background:#ece5dd; padding-bottom:16px; }
    .homepage-header .nav-shell { position:relative; top:auto; margin-top:0; padding-top:16px; }
    .homepage-header .mobile-menu.open { position:absolute; top:100%; }
    .mcp-announcement { position:relative; display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:10px 16px; padding:12px 52px; background:#f5d479; color:#342a14; font-size:15px; line-height:1.5; text-align:center; }
    .mcp-announcement-dismissed .mcp-announcement { display:none; }
    .mcp-announcement-close { position:absolute; top:50%; right:8px; transform:translateY(-50%); display:flex; align-items:center; justify-content:center; width:40px; height:40px; padding:0; border:0; border-radius:6px; background:transparent; color:inherit; }
    .mcp-announcement-close:hover { background:rgba(52,42,20,.08); }
    @media(pointer:coarse) { .mcp-announcement-close { width:44px; height:44px; right:4px; } }
    .mcp-announcement-new { flex-shrink:0; padding:3px 7px; border-radius:4px; background:#382f1a; color:#fff; font-size:11px; font-weight:500; }
    .mcp-announcement-copy { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:5px 10px; font-weight:500; }
    .mcp-announcement-platform { display:inline-flex; align-items:center; gap:6px; white-space:nowrap; }
    .mcp-announcement-platform img { width:18px; height:18px; filter:brightness(0); }
    .mcp-announcement-link { flex-shrink:0; font-size:13px; font-weight:500; text-decoration:underline; text-underline-offset:4px; }
    .mcp-announcement-link:hover { color:#71501b; }
    .report-hero { padding-top:38px; }
    html { scroll-padding-top:160px; }
    @media(max-width:600px) {
      .mcp-announcement { gap:7px 10px; padding:10px 52px 10px 16px; font-size:13px; }
      .mcp-announcement-copy { flex:1 1 230px; gap:4px 8px; }
      .mcp-announcement-platform img { width:15px; height:15px; }
      .mcp-announcement-link { font-size:12px; }
      .report-hero { padding-top:26px; }
      html { scroll-padding-top:210px; }
    }