.cert-page { --teal:#236552; --coral:#bd573d; }
[hidden] { display:none !important; }
.skip-link { position:absolute; top:-100px; left:20px; z-index:10; padding:12px 20px; background:white; }
.skip-link:focus { top:12px; }
.cert-hero { display:grid; grid-template-columns:1.1fr 1fr; align-items:center; gap:45px; padding-top:88px; padding-bottom:74px; }
.cert-hero h1 { font-size:clamp(42px,5.25vw,66px); line-height:1.08; letter-spacing:-.06em; }
.cert-hero h1 em { color:var(--teal); }
.status-dot { display:inline-block; width:7px; height:7px; margin-right:7px; border-radius:50%; background:var(--teal); }
.hero-explainer { font-size:17px; color:var(--muted); max-width:510px; margin:26px 0; }
.cert-hero .button { background:var(--teal); }
.cert-hero .button:hover { background:var(--ink); }
.release-status { font-size:12px; color:var(--muted); margin-top:17px; }
.release-status span { margin:0 8px; }
.hero-illustration { margin:0; }
.hero-illustration img { width:100%; display:block; }
.hero-illustration figcaption { text-align:center; font-size:12px; margin-top:4px; }
.paper-identity { display:grid; grid-template-columns:80px 1fr 100px; gap:24px; align-items:center; padding-top:28px; padding-bottom:28px; border-top:1px solid var(--ink); border-bottom:1px solid var(--line); }
.identity-label { font-size:10px; letter-spacing:.13em; color:var(--muted); }
.paper-identity h2 { font-size:19px; line-height:1.4; letter-spacing:-.025em; margin:0 0 8px; }
.paper-identity p:not(.identity-label) { font-size:12px; color:var(--muted); margin:0; }
.identity-pdf { text-align:right; text-decoration:none; font-size:20px; font-family:'Space Grotesk',sans-serif; }
.identity-pdf span { display:block; font-size:11px; color:var(--muted); }
.cert-method,.cert-results { padding-top:85px; padding-bottom:90px; }
.section-intro { display:grid; grid-template-columns:1fr 1fr; gap:65px; align-items:end; margin-bottom:36px; }
.section-intro h2 { margin:0; font-size:clamp(32px,3.6vw,43px); }
.section-intro>p { color:var(--muted); margin:0 0 3px; font-size:15px; max-width:480px; }
.method-flow { list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.method-flow li { position:relative; padding:29px 28px 26px 0; }
.method-flow li+li { border-left:1px solid var(--line); padding-left:28px; }
.step-number { color:var(--teal); font-size:10px; letter-spacing:.13em; font-weight:700; }
.method-flow h3 { font-size:23px; line-height:1.25; min-height:58px; margin:20px 0 15px; }
.method-flow p { color:var(--muted); font-size:14px; line-height:1.7; margin-bottom:23px; }
.method-symbol { height:83px; display:flex; gap:19px; align-items:center; font-family:Georgia,serif; font-size:29px; color:var(--teal); }
.method-symbol sub { font-size:14px; }
.symbol-link { color:#a7b5ad; font-family:Arial,sans-serif; font-size:21px; }
.method-symbol .sample-dots { letter-spacing:5px; line-height:.35; font-size:34px; }
.method-note { display:block; font-size:10px; color:var(--muted); margin-top:12px; }
.explore-section { padding:75px 0 50px; background:#e8eee7; border-block:1px solid #d5dfd3; }
.explorer { display:grid; grid-template-columns:1.17fr 1fr; background:#fbfcf8; border:1px solid #cbd6c9; border-radius:8px; overflow:hidden; }
.phase-panel { padding:26px 22px 20px; min-width:0; }
.phase-header { display:flex; justify-content:space-between; align-items:center; gap:15px; }
.phase-header>span { font-size:9px; letter-spacing:.15em; color:var(--muted); }
.task-toggle { display:flex; gap:3px; background:#edf0e8; padding:3px; border-radius:4px; }
.task-toggle button { font-family:inherit; font-size:10px; padding:7px 10px; border:0; border-radius:3px; color:var(--muted); }
.task-toggle button[aria-pressed=true] { color:white; background:var(--teal); }
#phase-plot { display:block; width:100%; height:auto; margin-top:7px; }
.plot-label { fill:#637468; font:11px 'DM Sans',Arial,sans-serif; }
.region-label { fill:#236552; font:12px 'DM Sans',Arial,sans-serif; }
.task-description { margin:0 20px 9px; font-size:12px; color:var(--ink); min-height:42px; }
.schematic-note { margin:0 20px; font-size:10px; color:var(--muted); line-height:1.7; }
.guarantee-panel { background:white; padding:30px; border-left:1px solid #d8dfd4; min-width:0; }
.guarantee-panel .eyebrow { color:var(--teal); font-size:9px; margin-bottom:26px; }
.slider-label { display:flex; justify-content:space-between; gap:20px; align-items:center; font-size:12px; }
.slider-label label span { font-family:Georgia,serif; margin-left:4px; }
.slider-label output { font-size:13px; font-weight:700; font-variant-numeric:tabular-nums; }
input[type=range] { display:block; width:100%; accent-color:var(--teal); margin:13px 0 24px; cursor:pointer; height:18px; }
input:focus-visible { outline:2px solid var(--teal); outline-offset:4px; }
.bound-readout { padding:20px 0 15px; margin-top:4px; border-top:1px solid var(--line); }
.bound-readout>span { font-size:10px; color:var(--muted); }
.bound-readout strong { display:block; font-family:'Space Grotesk',sans-serif; color:var(--teal); font-size:48px; line-height:1.3; letter-spacing:-.05em; margin:6px 0 10px; }
.bound-readout p { margin:12px 0 0; font-family:Georgia,serif; font-size:12px; color:var(--muted); }
.bound-track { height:5px; background:#f3dfd6; border-radius:3px; overflow:hidden; }
.bound-track span { display:block; height:100%; background:var(--teal); transition:width .15s ease; }
.bound-details { display:grid; grid-template-columns:1fr 1fr; gap:20px; border-top:1px solid var(--line); padding-top:17px; }
.bound-details span { display:block; font-size:9px; color:var(--muted); }
.bound-details strong { display:block; font-family:'Space Grotesk',sans-serif; font-size:19px; margin-top:5px; }
.bound-details small { font:10px 'DM Sans',sans-serif; color:var(--muted); }
.bound-footnote { font-size:10px; color:var(--muted); line-height:1.7; margin:17px 0 0; }
.guarantee-context { display:grid; grid-template-columns:155px 1fr; gap:30px; padding-top:25px; }
.guarantee-context span { font-size:9px; letter-spacing:.1em; color:var(--teal); padding-top:3px; }
.guarantee-context p { font-size:12px; color:var(--muted); margin:0; max-width:800px; }
.evidence-tabs { display:flex; gap:28px; border-bottom:1px solid var(--line); margin-top:44px; }
.evidence-tabs button { border:0; border-radius:0; border-bottom:2px solid transparent; font:12px 'DM Sans',sans-serif; padding:14px 0; color:var(--muted); }
.evidence-tabs button[aria-selected=true] { color:var(--teal); border-bottom-color:var(--teal); font-weight:700; }
.evidence-figure { margin:0; padding:30px; background:white; border:1px solid var(--line); border-top:0; }
.evidence-figure img { display:block; width:100%; height:auto; max-height:570px; object-fit:contain; }
.evidence-figure figcaption { padding-top:20px; border-top:1px solid var(--line); margin-top:25px; font-size:12px; max-width:930px; }
.evidence-figure figcaption strong { color:var(--ink); }
.evidence-figure figcaption span { display:block; margin-top:9px; font-size:10px; }
.certificate-evidence { display:grid; grid-template-columns:.78fr 1.22fr; gap:65px; margin-top:60px; }
.certificate-evidence h3 { font-size:28px; line-height:1.2; }
.certificate-evidence>div>p:not(.eyebrow) { color:var(--muted); font-size:14px; }
.certificate-evidence table { font-size:11px; }
.certificate-evidence thead { background:var(--teal); }
.certificate-evidence td { font-variant-numeric:tabular-nums; }
.certificate-evidence th,.certificate-evidence td { padding:11px 9px; }
.certificate-evidence tbody tr:nth-child(even) { background:#e8eee5; }
.certificate-evidence .table-note { font-size:10px; }
.cert-paper-section { padding:70px 0; background:#e9e8dd; }
.paper-and-code { display:grid; grid-template-columns:1fr 1fr; gap:65px; }
.paper-and-code h2 { font-size:36px; }
.paper-and-code p { font-size:14px; color:var(--muted); }
.paper-and-code .version-note { font-size:11px; margin-top:22px; }
.citation-panel { min-width:0; }
.citation-panel h3 { font-size:19px; margin-top:0; }
.citation-panel button { font:11px 'DM Sans',sans-serif; padding:7px 11px; }
.citation-panel pre { padding:18px; font-size:10px; background:#f5f4ed; border:1px solid #d8d9cc; line-height:1.8; margin:12px 0 0; }
.cert-page .site-footer { border-top:0; }
@media(max-width:950px) { .cert-hero { gap:20px; } .cert-hero h1 { font-size:48px; } .guarantee-panel { padding:23px; } .certificate-evidence { gap:35px; } }
@media(max-width:760px) {
  .cert-hero { grid-template-columns:1fr; padding-top:50px; gap:30px; padding-bottom:35px; }
  .cert-hero h1 { font-size:clamp(39px,8vw,60px); }
  .hero-explainer { max-width:600px; }
  .hero-illustration { max-width:510px; justify-self:center; }
  .paper-identity { grid-template-columns:1fr 76px; gap:15px; }
  .identity-label { grid-column:1/-1; margin:0; }
  .paper-identity h2 { font-size:17px; }
  .paper-identity p:not(.identity-label) { font-size:11px; }
  .section-intro,.explorer,.certificate-evidence,.paper-and-code { grid-template-columns:1fr; gap:25px; }
  .section-intro>p { max-width:none; }
  .cert-method,.cert-results { padding-top:55px; padding-bottom:55px; }
  .method-flow { grid-template-columns:1fr; }
  .method-flow li { display:grid; grid-template-columns:1fr 110px; gap:0 20px; padding:24px 0; }
  .method-flow li+li { padding-left:0; border-left:0; border-top:1px solid var(--line); }
  .method-flow h3 { min-height:0; margin:14px 0; grid-column:1; }
  .method-flow p { grid-column:1; margin:0; }
  .method-symbol { grid-column:2; grid-row:2/4; font-size:21px; gap:10px; justify-content:center; }
  .method-flow li:last-child .method-symbol { flex-direction:column; height:auto; gap:4px; }
  .method-flow li:last-child .method-symbol>span { white-space:nowrap; }
  .method-flow li:last-child .symbol-link { transform:rotate(90deg); }
  .method-note { grid-column:1/-1; }
  .explore-section { padding-top:50px; }
  .explorer { gap:0; }
  .phase-panel { padding:18px 12px; }
  .phase-header { padding:0 10px; }
  .guarantee-panel { border-left:0; border-top:1px solid var(--line); padding:27px; }
  .guarantee-context { grid-template-columns:1fr; gap:8px; }
  .evidence-tabs { gap:20px; margin-top:25px; }
  .evidence-tabs button { font-size:11px; }
  .evidence-figure { padding:16px; }
  .certificate-evidence { margin-top:35px; }
  .cert-paper-section { padding:50px 0; }
  .cert-page .site-footer { flex-wrap:wrap; }
}
@media(max-width:390px) {
  .cert-hero h1 { font-size:37px; }
  .phase-header { flex-direction:column; align-items:flex-start; gap:10px; }
  .method-flow li { grid-template-columns:1fr 80px; gap:0 10px; }
  .method-symbol { font-size:17px; gap:5px; }
  .certificate-evidence th,.certificate-evidence td { font-size:10px; padding:10px 6px; }
}
@media(prefers-reduced-motion:reduce) { .bound-track span { transition:none; } }