/* RecapWP — page-changelog.css
   Auto-split from the per-page-scoped stylesheet. Edit this file directly;
   it is hand-maintained (no build step). See CLAUDE.md asset pipeline. */



/* =============================================================================
   PAGE · CHANGELOG (changelog.php) — rebuilt to website-pre-production/
   changelog.html, scoped under body.changelog-page (body_class filter in
   functions.php). Same content as the live page (v1.0.0–v1.7.0), new design:
   .dshell/.dside version rail (.vpills) + .dmain releases (.rel/.rel-group),
   fixed .progress-bar, filter chips (.clchip), Cmd+K search. Self-contained.
   ============================================================================= */
body.changelog-page{overflow-x:clip}
body.changelog-page{background:var(--off)}
body.changelog-page .page{min-width:0}
/* Hero — split: copy left, faithful dashboard right */
body.changelog-page .hero{background:
      radial-gradient(ellipse 56% 60% at 85% 0%,rgba(125,160,251,0.16) 0%,transparent 58%),
      var(--off);
    padding:64px 0 46px;}
body.changelog-page .hero-grid{display:grid;grid-template-columns:minmax(0,0.92fr) minmax(0,1.08fr);gap:clamp(40px,4vw,64px);align-items:center}
body.changelog-page .hero h1{font-size:54px;font-weight:800;letter-spacing:-0.045em;line-height:1.0;color:var(--ink-900);margin:20px 0 22px;text-wrap:balance}
body.changelog-page .hero h1 em{color:var(--blue-600);font-style:normal}
body.changelog-page .hero .lede{font-size:17px;color:var(--ink-700);line-height:1.62;max-width:480px;margin-bottom:28px}
body.changelog-page .hero .lede strong{color:var(--ink-900);font-weight:600}
body.changelog-page .hero-cta{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
body.changelog-page .hero-proof{margin-top:34px;display:flex;border-top:1px solid var(--border);padding-top:22px;max-width:460px}
body.changelog-page .hero-proof .p{flex:1;padding:0 18px;border-left:1px solid var(--border)}
body.changelog-page .hero-proof .p:first-child{border-left:none;padding-left:0}
body.changelog-page .hero-proof .p .k{font-family:var(--mono);font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:0.12em;display:block;margin-bottom:7px}
body.changelog-page .hero-proof .p .v{font-size:15px;font-weight:600;color:var(--ink-900);font-variant-numeric:tabular-nums}
/* Browser-framed dashboard */
body.changelog-page .winframe{background:#fff;border:1px solid var(--border);border-radius:14px;overflow:hidden;
    box-shadow:0 28px 64px -28px rgba(11,16,32,0.30);}
body.changelog-page .win-bar{display:flex;align-items:center;gap:14px;padding:11px 16px;background:var(--off);border-bottom:1px solid var(--border)}
body.changelog-page .win-dots{display:flex;gap:7px}
body.changelog-page .win-dots span{width:11px;height:11px;border-radius:50%;background:var(--border)}
body.changelog-page .win-url{flex:1;font-family:var(--mono);font-size:10.5px;color:var(--muted);
    background:#fff;border:1px solid var(--border);border-radius:6px;padding:5px 11px;
    display:flex;align-items:center;gap:8px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
body.changelog-page .win-url::before{content:'';width:5px;height:5px;border-radius:50%;background:var(--success);flex-shrink:0}
body.changelog-page .win-url b{color:var(--ink-900);font-weight:600}
body.changelog-page .dash{padding:18px 18px 20px;background:var(--off)}
/* admin header */
body.changelog-page .dash-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:2px 4px 14px}
body.changelog-page .dash-head .id{display:flex;align-items:center;gap:9px}
body.changelog-page .dash-head .id .wordmark{font-size:15px}
body.changelog-page .dash-head .acts{display:flex;gap:7px}
body.changelog-page .dash-head .mini{font-family:var(--sans);font-size:11px;font-weight:600;color:var(--ink-700);background:#fff;border:1px solid var(--border);padding:6px 10px;border-radius:6px}
body.changelog-page .dash-head .mini.dark{background:var(--ink-900);color:#fff;border-color:var(--ink-900)}
/* tab row */
body.changelog-page .dash-tabs{display:flex;align-items:center;gap:2px;padding:0 4px;border-bottom:1px solid var(--border)}
body.changelog-page .dash-tabs a{font-size:11.5px;color:var(--ink-700);text-decoration:none;padding:9px 10px;border-bottom:2px solid transparent;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
body.changelog-page .dash-tabs a.on{color:var(--ink-900);font-weight:600;border-bottom-color:var(--blue-600)}
body.changelog-page .dash-tabs a .pro-badge{font-size:8px;padding:1px 4px}
/* pills */
body.changelog-page .dash-pills{display:flex;gap:7px;flex-wrap:wrap;padding:14px 4px 16px}
body.changelog-page .dash-pills .status-pill{font-size:10px;padding:5px 9px}
/* site health */
body.changelog-page .dash-health{background:#fff;border:1px solid var(--border);border-radius:10px;
    padding:16px 18px;display:flex;align-items:center;gap:16px;margin-bottom:12px;}
body.changelog-page .dash-health .health-ring{width:48px;height:48px;font-size:13px;--pct:92%}
body.changelog-page .dash-health .meta{flex:1;min-width:0}
body.changelog-page .dash-health .meta .k{font-family:var(--mono);font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:0.12em;display:block;margin-bottom:5px}
body.changelog-page .dash-health .meta .v{display:flex;align-items:baseline;gap:8px}
body.changelog-page .dash-health .meta .v .n{font-size:26px;font-weight:800;color:var(--ink-900);letter-spacing:-0.03em;line-height:1;font-variant-numeric:tabular-nums}
body.changelog-page .dash-health .meta .v .out{font-size:12px;color:var(--muted)}
body.changelog-page .dash-health .meta .v .pill{font-family:var(--mono);font-size:9px;color:var(--success);background:var(--success-bg);padding:2px 7px;border-radius:4px;text-transform:uppercase;letter-spacing:0.08em}
body.changelog-page .dash-health .meta .sub{font-family:var(--mono);font-size:9.5px;color:var(--muted);margin-top:6px;display:block}
body.changelog-page .dash-health .go{font-family:var(--sans);font-size:11px;font-weight:600;color:#fff;background:var(--ink-900);padding:8px 12px;border-radius:7px;white-space:nowrap}
/* stat tiles row */
body.changelog-page .dash-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:12px}
body.changelog-page .dash-stats .stat-tile{padding:13px 14px 12px}
body.changelog-page .dash-stats .stat-tile::before{left:14px;width:16px;height:4px}
body.changelog-page .dash-stats .stat-tile .k{font-size:8.5px;margin-bottom:8px}
body.changelog-page .dash-stats .stat-tile .v{font-size:22px}
body.changelog-page .dash-stats .stat-tile .v sup{font-size:10px}
body.changelog-page .dash-stats .stat-tile .d{font-size:8.5px;margin-top:7px}
/* lower row: activity + next report */
body.changelog-page .dash-low{display:grid;grid-template-columns:1.25fr 1fr;gap:12px}
body.changelog-page .dash-card{background:#fff;border:1px solid var(--border);border-radius:10px;padding:14px 16px}
body.changelog-page .dash-card .ch{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
body.changelog-page .dash-card .ch .t{font-size:12px;font-weight:700;color:var(--ink-900);display:flex;align-items:center;gap:7px}
body.changelog-page .dash-card .ch .t::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--blue-600)}
body.changelog-page .dash-card .ch .more{font-family:var(--mono);font-size:8.5px;color:var(--muted);text-transform:uppercase;letter-spacing:0.1em}
body.changelog-page .dash-act{display:flex;flex-direction:column;gap:0}
body.changelog-page .dash-act .r{display:grid;grid-template-columns:54px 1fr auto;gap:10px;align-items:center;padding:8px 0;border-top:1px solid var(--border)}
body.changelog-page .dash-act .r:first-child{border-top:none;padding-top:0}
body.changelog-page .dash-act .r .tm{font-family:var(--mono);font-size:8.5px;color:var(--muted);line-height:1.3}
body.changelog-page .dash-act .r .tx{font-size:11px;color:var(--ink-900);font-weight:500;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.changelog-page .dash-act .r .ok{width:7px;height:7px;border-radius:50%;background:var(--success)}
/* next report dark card */
body.changelog-page .dash-next{background:var(--ink-900);border:1px solid var(--ink-900);border-radius:10px;padding:16px;color:#fff;position:relative;overflow:hidden;}
body.changelog-page .dash-next::before{content:'';position:absolute;inset:0;background-image:radial-gradient(circle at 1px 1px,rgba(255,255,255,0.06) 1px,transparent 0);background-size:13px 13px}
body.changelog-page .dash-next::after{content:'';position:absolute;top:-50px;right:-30px;width:200px;height:150px;background:radial-gradient(ellipse 60% 70% at 70% 30%,rgba(59,110,248,0.30) 0%,transparent 65%);pointer-events:none}
body.changelog-page .dash-next > *{position:relative;z-index:1}
body.changelog-page .dash-next .lbl{font-family:var(--mono);font-size:8.5px;color:var(--blue-400);text-transform:uppercase;letter-spacing:0.14em;display:flex;align-items:center;gap:6px;margin-bottom:12px}
body.changelog-page .dash-next .lbl::before{content:'';width:5px;height:5px;border-radius:50%;background:var(--blue-400)}
body.changelog-page .dash-next .date{font-size:22px;font-weight:800;letter-spacing:-0.03em;line-height:1.04;color:#fff}
body.changelog-page .dash-next .site{font-family:var(--mono);font-size:9px;color:var(--ink-300);margin-top:8px}
body.changelog-page .dash-next .btns{display:flex;gap:6px;margin-top:14px}
body.changelog-page .dash-next .btns span{flex:1;text-align:center;font-family:var(--sans);font-size:10px;font-weight:600;padding:7px 0;border-radius:6px;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.12);color:#fff}
body.changelog-page .dash-next .btns span.go{background:var(--blue-600);border-color:var(--blue-600)}
/* Sections */
body.changelog-page section[id]{scroll-margin-top:71px}
body.changelog-page section.feat{padding:58px 0 84px;background:var(--off)}
body.changelog-page .sec-head{max-width:720px;margin:0 auto 48px;text-align:center}
body.changelog-page .sec-head .eyebrow{justify-content:center}
body.changelog-page .sec-head h2{font-size:40px;font-weight:800;letter-spacing:-0.04em;line-height:1.04;color:var(--ink-900);margin:14px 0 16px;text-wrap:balance}
body.changelog-page .sec-head h2 em{color:var(--blue-600);font-style:normal}
body.changelog-page .sec-head .lede{font-size:16px;color:var(--ink-700);line-height:1.6;max-width:560px;margin:0 auto}
body.changelog-page .trio{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
body.changelog-page .fcard{background:#fff;border:1px solid var(--border);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-sm)}
body.changelog-page .fcard-chrome{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 18px;border-bottom:1px solid var(--border);background:var(--off);font-family:var(--mono);font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:0.12em}
body.changelog-page .fcard-chrome .l{display:flex;align-items:center;gap:8px}
body.changelog-page .fcard-chrome .l::before{content:'';width:6px;height:6px;background:var(--blue-600);border-radius:50%}
body.changelog-page .fcard-viz{padding:22px 20px;border-bottom:1px solid var(--border);height:214px;background:#fff;display:flex;flex-direction:column;justify-content:center}
body.changelog-page .fcard-viz > *{width:100%}
body.changelog-page .fcard-copy{padding:22px 20px}
body.changelog-page .fcard-copy .fnum{font-family:var(--mono);font-size:10px;color:var(--blue-600);letter-spacing:0.14em;margin-bottom:10px;text-transform:uppercase}
body.changelog-page .fcard-copy h3{font-size:20px;font-weight:800;letter-spacing:-0.025em;color:var(--ink-900);margin-bottom:10px}
body.changelog-page .fcard-copy p{font-size:13.5px;color:var(--ink-700);line-height:1.6}
body.changelog-page .v-audit{display:flex;flex-direction:column;gap:16px}
body.changelog-page .v-audit .top{display:flex;align-items:center;gap:14px}
body.changelog-page .v-audit .health-ring{width:56px;height:56px;font-size:15px;--pct:92%}
body.changelog-page .v-audit .top .m .k{font-family:var(--mono);font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:0.12em;display:block;margin-bottom:5px}
body.changelog-page .v-audit .top .m .v{font-size:22px;font-weight:800;color:var(--ink-900);letter-spacing:-0.02em;line-height:1}
body.changelog-page .v-audit .top .m .v .out{font-size:12px;color:var(--muted);font-weight:500}
body.changelog-page .v-audit .bd{display:flex;flex-direction:column;gap:9px}
body.changelog-page .v-audit .bd .row{display:grid;grid-template-columns:80px 1fr 26px;gap:10px;align-items:center}
body.changelog-page .v-audit .bd .row .k{font-family:var(--mono);font-size:9.5px;color:var(--ink-700);text-transform:uppercase;letter-spacing:0.06em}
body.changelog-page .v-audit .bd .row .bar{height:5px;border-radius:3px;background:var(--blue-100);overflow:hidden}
body.changelog-page .v-audit .bd .row .bar i{display:block;height:100%;background:var(--blue-600)}
body.changelog-page .v-audit .bd .row .bar i.warn{background:var(--warning)}
body.changelog-page .v-audit .bd .row .v{font-family:var(--mono);font-size:10px;color:var(--ink-900);text-align:right;font-variant-numeric:tabular-nums}
body.changelog-page .v-report{display:flex;flex-direction:column;gap:14px}
body.changelog-page .v-report .head{background:var(--ink-900);border-radius:9px;padding:14px 16px;position:relative;overflow:hidden}
body.changelog-page .v-report .head::before{content:'';position:absolute;inset:0;background-image:radial-gradient(circle at 1px 1px,rgba(255,255,255,0.06) 1px,transparent 0);background-size:12px 12px}
body.changelog-page .v-report .head .row{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1}
body.changelog-page .v-report .head .wordmark{font-size:13px;color:#fff}
body.changelog-page .v-report .head .tag{font-family:var(--mono);font-size:8.5px;color:var(--ink-300);text-transform:uppercase;letter-spacing:0.12em}
body.changelog-page .v-report .head .score{margin-top:12px;position:relative;z-index:1;display:flex;align-items:flex-end;gap:4px}
body.changelog-page .v-report .head .score .big{font-size:34px;font-weight:800;color:#fff;letter-spacing:-0.04em;line-height:0.85;font-variant-numeric:tabular-nums}
body.changelog-page .v-report .head .score .out{font-size:13px;color:var(--ink-300);margin-bottom:3px}
body.changelog-page .v-report .stats{display:grid;grid-template-columns:repeat(3,1fr);gap:0}
body.changelog-page .v-report .stats .s{padding:0 12px;border-left:1px solid var(--border)}
body.changelog-page .v-report .stats .s:first-child{border-left:none;padding-left:0}
body.changelog-page .v-report .stats .s .l{font-family:var(--mono);font-size:8.5px;color:var(--muted);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:6px}
body.changelog-page .v-report .stats .s .v{font-size:17px;font-weight:700;color:var(--ink-900);font-variant-numeric:tabular-nums;letter-spacing:-0.02em}
body.changelog-page .v-report .stats .s .v.blue{color:var(--blue-600)}
body.changelog-page .v-links{display:flex;flex-direction:column}
body.changelog-page .v-links .row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 0;border-bottom:1px solid var(--border)}
body.changelog-page .v-links .row:first-child{padding-top:0}
body.changelog-page .v-links .url{font-family:var(--mono);font-size:11px;color:var(--ink-900);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.changelog-page .v-links .url .p{color:var(--muted)}
body.changelog-page .v-links .code{font-family:var(--mono);font-size:10px;font-weight:600;padding:3px 8px;border-radius:4px;white-space:nowrap}
body.changelog-page .v-links .code.err{color:var(--danger);background:var(--danger-bg)}
body.changelog-page .v-links .code.warn{color:var(--warning);background:var(--warning-bg)}
body.changelog-page .v-links .foot{padding-top:12px;display:flex;justify-content:space-between;font-family:var(--mono);font-size:9.5px;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em}
body.changelog-page .v-links .foot b{color:var(--ink-900)}
body.changelog-page section.flow{background:#fff;border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:80px 0}
body.changelog-page .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--border)}
body.changelog-page .step{padding:30px 28px 32px 0;border-right:1px solid var(--border);display:flex;flex-direction:column}
body.changelog-page .step:nth-child(2){padding-left:32px}
body.changelog-page .step:nth-child(3){padding-left:32px;padding-right:0;border-right:none}
body.changelog-page .step .n{font-family:var(--mono);font-size:11px;color:var(--blue-600);letter-spacing:0.14em;display:inline-flex;align-items:center;gap:8px;margin-bottom:16px}
body.changelog-page .step .n::after{content:'';width:6px;height:6px;background:var(--blue-600);border-radius:50%}
body.changelog-page .step h3{font-size:22px;font-weight:700;letter-spacing:-0.02em;color:var(--ink-900);margin-bottom:10px}
body.changelog-page .step p{font-size:14px;color:var(--ink-700);line-height:1.65;margin-bottom:22px}
body.changelog-page .step .mono{margin-top:auto;align-self:flex-start;font-family:var(--mono);font-size:11px;color:var(--muted);background:var(--off);border:1px solid var(--border);border-radius:6px;padding:8px 11px;display:inline-block}
body.changelog-page .step .mono b{color:var(--blue-700);font-weight:600}
/* Step figures */
body.changelog-page .step-fig{height:128px;border:1px solid var(--border);border-radius:10px;background:var(--off);margin-bottom:22px;padding:15px 16px 14px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}
body.changelog-page .step-fig .cap{font-family:var(--mono);font-size:9.5px;color:var(--muted);text-transform:uppercase;letter-spacing:0.12em;display:flex;align-items:center;gap:7px}
body.changelog-page .step-fig .cap::before{content:'';width:5px;height:5px;border-radius:50%;background:var(--blue-600)}
body.changelog-page .step-fig .cap b{color:var(--ink-900);font-weight:600;margin-left:auto;letter-spacing:0.06em}
body.changelog-page .fig-bars{display:flex;align-items:flex-end;gap:3px;height:64px}
body.changelog-page .fig-bars span{flex:1;min-width:0;background:var(--blue-200);border-radius:1.5px 1.5px 0 0}
body.changelog-page .fig-bars span.on{background:var(--blue-600)}
body.changelog-page .fig-build{display:flex;align-items:center;gap:16px;height:64px}
body.changelog-page .fig-build .health-ring{width:54px;height:54px;font-size:14px;--pct:92%;flex-shrink:0}
body.changelog-page .fig-lines{flex:1;display:flex;flex-direction:column;gap:8px}
body.changelog-page .fig-lines span{height:7px;border-radius:3px;background:var(--blue-100);display:block}
body.changelog-page .fig-lines span.b{background:var(--blue-200)}
body.changelog-page .fig-lines span.k{background:var(--blue-600);opacity:0.85}
body.changelog-page .fig-send{display:flex;align-items:center;gap:14px;height:64px}
body.changelog-page .fig-send .plane{width:46px;height:46px;border-radius:11px;background:var(--ink-900);display:flex;align-items:center;justify-content:center;flex-shrink:0}
body.changelog-page .fig-send .plane svg{width:22px;height:22px;stroke:#fff;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
body.changelog-page .fig-send .meta{display:flex;flex-direction:column;gap:7px;min-width:0}
body.changelog-page .fig-send .meta .to{font-family:var(--mono);font-size:11px;color:var(--ink-900);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.changelog-page .fig-send .meta .ok{font-family:var(--mono);font-size:9.5px;color:var(--success);text-transform:uppercase;letter-spacing:0.08em;display:inline-flex;align-items:center;gap:6px}
body.changelog-page .fig-send .meta .ok::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--success)}
/* ───────── White-label / agency ───────── */
body.changelog-page section.wl{padding:84px 0 0;background:var(--off);border-top:1px solid var(--border);overflow:hidden}
body.changelog-page .wl-stack{position:relative;max-width:600px;margin:8px auto 0}
body.changelog-page .wl-stack .wl-ghost{position:absolute;top:auto;bottom:0;background:#fff;border-radius:16px 16px 0 0;box-shadow:var(--shadow-lg);overflow:hidden}
body.changelog-page .wl-stack .wl-ghost.g1{left:300px;right:-300px;z-index:1;--gh-bg:#39357A;--gh-ac:#B6B0F2}
body.changelog-page .wl-stack .wl-ghost.g2{left:-300px;right:300px;z-index:0;--gh-bg:#8A4327;--gh-ac:#F1BE90}
body.changelog-page .wl-stack .wl-ghost .gh{background:var(--gh-bg);color:#fff;padding:30px 32px 26px;position:relative;overflow:hidden}
body.changelog-page .wl-stack .wl-ghost .gh::before{content:'';position:absolute;inset:0;background-image:radial-gradient(circle at 1px 1px,rgba(255,255,255,0.06) 1px,transparent 0);background-size:14px 14px;pointer-events:none}
body.changelog-page .wl-stack .wl-ghost .gh::after{content:'';position:absolute;top:-70px;right:-50px;width:280px;height:200px;background:radial-gradient(ellipse 60% 70% at 70% 30%,color-mix(in srgb,var(--gh-ac) 34%,transparent) 0%,transparent 65%);pointer-events:none}
body.changelog-page .wl-stack .wl-ghost .grow{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1}
body.changelog-page .wl-stack .wl-ghost .gb{display:flex;align-items:center;gap:11px;font-weight:700;font-size:18px;letter-spacing:-0.02em}
body.changelog-page .wl-stack .wl-ghost .gb .m{width:30px;height:30px;border-radius:8px;background:rgba(255,255,255,0.16);flex-shrink:0;position:relative}
body.changelog-page .wl-stack .wl-ghost .gb .m::after{content:'';position:absolute;bottom:6px;right:6px;width:8px;height:8px;border-radius:50%;background:var(--gh-ac)}
body.changelog-page .wl-stack .wl-ghost .gtag{font-family:var(--mono);font-size:9px;color:rgba(255,255,255,0.6);text-transform:uppercase;letter-spacing:0.12em}
body.changelog-page .wl-stack .wl-ghost .gmonth{font-family:var(--mono);font-size:9.5px;color:var(--gh-ac);text-transform:uppercase;letter-spacing:0.14em;margin-top:22px;position:relative;z-index:1}
body.changelog-page .wl-stack .wl-ghost .gscore{margin-top:9px;display:flex;align-items:flex-end;gap:9px;position:relative;z-index:1}
body.changelog-page .wl-stack .wl-ghost .gscore b{font-size:54px;font-weight:800;letter-spacing:-0.05em;line-height:0.82;font-variant-numeric:tabular-nums}
body.changelog-page .wl-stack .wl-ghost .gscore .out{font-size:13px;color:rgba(255,255,255,0.65);margin-bottom:6px}
body.changelog-page .wl-stack .wl-ghost .gscore .pill{font-family:var(--mono);font-size:8.5px;color:var(--gh-bg);background:var(--gh-ac);padding:3px 8px;border-radius:4px;text-transform:uppercase;letter-spacing:0.08em;margin-bottom:8px;font-weight:600}
body.changelog-page .wl-stack .wl-ghost .gbody{padding:22px 32px}
body.changelog-page .wl-stack .wl-ghost .gbody .gr{display:grid;grid-template-columns:repeat(3,1fr);gap:0}
body.changelog-page .wl-stack .wl-ghost .gbody .gs{padding:0 18px;border-left:1px solid var(--border)}
body.changelog-page .wl-stack .wl-ghost .gbody .gs:first-child{border-left:none;padding-left:0}
body.changelog-page .wl-stack .wl-ghost .gbody .gl{font-family:var(--mono);font-size:8.5px;color:var(--muted);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:8px}
body.changelog-page .wl-stack .wl-ghost .gbody .gv{font-size:22px;font-weight:700;color:var(--ink-900);letter-spacing:-0.025em;line-height:1;font-variant-numeric:tabular-nums}
body.changelog-page .wl-stack .wl-ghost .gbody .gv.green{color:#0E7C53}
body.changelog-page .wl-stack .wl-ghost .gbody .gdd{font-family:var(--mono);font-size:8px;color:var(--success);margin-top:7px;display:block}
body.changelog-page .wl-stack .wl-ghost .gbody .gr{padding-bottom:20px;border-bottom:1px solid var(--border)}
body.changelog-page .wl-stack .wl-ghost .gbreak{margin-top:20px}
body.changelog-page .wl-stack .wl-ghost .gbreak .ghl{font-family:var(--mono);font-size:8.5px;color:var(--muted);text-transform:uppercase;letter-spacing:0.12em;margin-bottom:13px;display:flex;align-items:center;gap:7px}
body.changelog-page .wl-stack .wl-ghost .gbreak .ghl::before{content:'';width:5px;height:5px;border-radius:50%;background:var(--gh-bg)}
body.changelog-page .wl-stack .wl-ghost .gbreak .gb2{display:grid;grid-template-columns:92px 1fr 28px;gap:13px;align-items:center;margin-bottom:10px}
body.changelog-page .wl-stack .wl-ghost .gbreak .gb2:last-child{margin-bottom:0}
body.changelog-page .wl-stack .wl-ghost .gbreak .gk{font-family:var(--mono);font-size:9.5px;color:var(--ink-700);text-transform:uppercase;letter-spacing:0.06em}
body.changelog-page .wl-stack .wl-ghost .gbreak .gbar{height:6px;border-radius:3px;background:color-mix(in srgb,var(--gh-ac) 38%,#fff);overflow:hidden}
body.changelog-page .wl-stack .wl-ghost .gbreak .gbar i{display:block;height:100%;background:var(--gh-bg);border-radius:3px}
body.changelog-page .wl-stack .wl-ghost .gbreak .gvv{font-family:var(--mono);font-size:9.5px;color:var(--ink-900);text-align:right;font-variant-numeric:tabular-nums}
body.changelog-page .wl-stack .wl-ghost .gfoot{padding:13px 32px;border-top:1px solid var(--border);background:var(--off);font-family:var(--mono);font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:0.12em;display:flex;justify-content:space-between}
body.changelog-page .wl-card{position:relative;z-index:2;background:#fff;border-radius:16px 16px 0 0;overflow:hidden;box-shadow:var(--shadow-lg)}
body.changelog-page .wl-card .h{background:#0E4F3A;color:#fff;padding:30px 32px 28px;position:relative;overflow:hidden}
body.changelog-page .wl-card .h::before{content:'';position:absolute;inset:0;background-image:radial-gradient(circle at 1px 1px,rgba(255,255,255,0.06) 1px,transparent 0);background-size:14px 14px;pointer-events:none}
body.changelog-page .wl-card .h::after{content:'';position:absolute;top:-70px;right:-50px;width:280px;height:200px;background:radial-gradient(ellipse 60% 70% at 70% 30%,rgba(123,211,176,0.34) 0%,transparent 65%);pointer-events:none}
body.changelog-page .wl-card .h .row{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1}
body.changelog-page .wl-card .h .brand{display:flex;align-items:center;gap:12px;font-weight:700;font-size:19px;letter-spacing:-0.02em}
body.changelog-page .wl-card .h .brand .m{width:32px;height:32px;border-radius:9px;background:rgba(255,255,255,0.14);position:relative;flex-shrink:0}
body.changelog-page .wl-card .h .brand .m::after{content:'';position:absolute;bottom:7px;right:7px;width:9px;height:9px;border-radius:50%;background:#7BD3B0}
body.changelog-page .wl-card .h .tag{font-family:var(--mono);font-size:9.5px;color:rgba(255,255,255,0.7);text-transform:uppercase;letter-spacing:0.12em}
body.changelog-page .wl-card .h .month{font-family:var(--mono);font-size:10px;color:#A7E8CC;text-transform:uppercase;letter-spacing:0.16em;margin-top:26px;position:relative;z-index:1;display:flex;align-items:center;gap:8px}
body.changelog-page .wl-card .h .month::before{content:'';width:5px;height:5px;border-radius:50%;background:#7BD3B0}
body.changelog-page .wl-card .h .score{margin-top:10px;position:relative;z-index:1;display:flex;align-items:flex-end;gap:10px}
body.changelog-page .wl-card .h .score .n{font-size:66px;font-weight:800;letter-spacing:-0.05em;line-height:0.82;color:#fff;font-variant-numeric:tabular-nums}
body.changelog-page .wl-card .h .score .out{font-size:16px;color:rgba(255,255,255,0.7);margin-bottom:8px}
body.changelog-page .wl-card .h .score .pill{font-family:var(--mono);font-size:9.5px;color:#0E4F3A;background:#7BD3B0;padding:3px 9px;border-radius:4px;text-transform:uppercase;letter-spacing:0.08em;margin-bottom:10px;font-weight:600}
body.changelog-page .wl-card .b{padding:24px 32px}
body.changelog-page .wl-card .b .row{display:grid;grid-template-columns:repeat(3,1fr);gap:0;padding-bottom:22px;border-bottom:1px solid var(--border)}
body.changelog-page .wl-card .b .row .s{padding:0 20px;border-left:1px solid var(--border)}
body.changelog-page .wl-card .b .row .s:first-child{border-left:none;padding-left:0}
body.changelog-page .wl-card .b .row .s .l{font-family:var(--mono);font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:9px}
body.changelog-page .wl-card .b .row .s .vv{font-size:26px;font-weight:700;color:var(--ink-900);font-variant-numeric:tabular-nums;letter-spacing:-0.025em;line-height:1}
body.changelog-page .wl-card .b .row .s .vv.green{color:#0E7C53}
body.changelog-page .wl-card .b .row .s .dd{font-family:var(--mono);font-size:9px;color:var(--success);margin-top:8px;display:block}
body.changelog-page .wl-card .bd{margin-top:22px}
body.changelog-page .wl-card .bd .hl{font-family:var(--mono);font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:0.12em;margin-bottom:14px;display:flex;align-items:center;gap:7px}
body.changelog-page .wl-card .bd .hl::before{content:'';width:5px;height:5px;border-radius:50%;background:#1FA971}
body.changelog-page .wl-card .bd .r{display:grid;grid-template-columns:100px 1fr 30px;gap:14px;align-items:center;margin-bottom:11px}
body.changelog-page .wl-card .bd .r:last-child{margin-bottom:0}
body.changelog-page .wl-card .bd .r .k{font-family:var(--mono);font-size:10px;color:var(--ink-700);text-transform:uppercase;letter-spacing:0.06em}
body.changelog-page .wl-card .bd .r .bar{height:6px;border-radius:3px;background:#E3F2EA;overflow:hidden}
body.changelog-page .wl-card .bd .r .bar i{display:block;height:100%;background:#1FA971;border-radius:3px}
body.changelog-page .wl-card .bd .r .v{font-family:var(--mono);font-size:10px;color:var(--ink-900);text-align:right;font-variant-numeric:tabular-nums}
body.changelog-page .wl-card .f{padding:14px 32px;border-top:1px solid var(--border);background:var(--off);font-family:var(--mono);font-size:9.5px;color:var(--muted);text-transform:uppercase;letter-spacing:0.12em;display:flex;justify-content:space-between}
/* ───────── Pricing ───────── */
body.changelog-page section.pricing{padding:84px 0;background:#fff;border-top:1px solid var(--border)}
body.changelog-page .price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:8px;align-items:stretch}
body.changelog-page .price{background:#fff;border:1px solid var(--border);border-radius:16px;padding:30px 26px 26px;display:flex;flex-direction:column;position:relative;box-shadow:var(--shadow-sm)}
body.changelog-page .price.pro{background:var(--ink-900);color:#fff;border-color:var(--ink-900);transform:scale(1.04);z-index:2;box-shadow:0 30px 70px -28px rgba(11,16,32,0.55);overflow:hidden}
body.changelog-page .price.pro::before{content:'';position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(ellipse 70% 50% at 80% 0%,rgba(59,110,248,0.30) 0%,transparent 60%),radial-gradient(circle at 1px 1px,rgba(255,255,255,0.05) 1px,transparent 0);background-size:auto,16px 16px;background-repeat:no-repeat,repeat}
body.changelog-page .price > *{position:relative;z-index:1}
body.changelog-page .price .pe{margin-bottom:16px}
body.changelog-page .price .pe .tier{font-family:var(--mono);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:0.14em;color:var(--blue-600);display:flex;align-items:center;gap:7px}
body.changelog-page .price .pe .tier::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--blue-600)}
body.changelog-page .price .pe .for{font-family:var(--mono);font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:0.12em;margin-top:6px;padding-left:13px}
body.changelog-page .price.pro .pe .tier{color:var(--blue-400)}
body.changelog-page .price.pro .pe .for{color:var(--ink-300)}
body.changelog-page .price .pname{font-size:25px;font-weight:800;letter-spacing:-0.03em;color:var(--ink-900);margin-bottom:16px;line-height:1}
body.changelog-page .price.pro .pname{color:#fff}
body.changelog-page .price .tag{display:flex;align-items:baseline;gap:9px;margin-bottom:14px;flex-wrap:wrap}
body.changelog-page .price .tag .amt{font-size:44px;font-weight:800;letter-spacing:-0.045em;line-height:1;color:var(--ink-900);font-variant-numeric:tabular-nums}
body.changelog-page .price .tag .amt em{color:var(--blue-600);font-style:normal}
body.changelog-page .price.pro .tag .amt{color:#fff}
body.changelog-page .price.pro .tag .amt em{color:var(--blue-400)}
body.changelog-page .price .tag .per{font-family:var(--mono);font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em;line-height:1.5}
body.changelog-page .price.pro .tag .per{color:var(--ink-300)}
body.changelog-page .price .sub{font-size:13px;color:var(--ink-700);line-height:1.55;margin-bottom:22px;min-height:54px}
body.changelog-page .price.pro .sub{color:var(--ink-300)}
body.changelog-page .price ul{list-style:none;margin:0 0 24px;border-top:1px solid var(--border)}
body.changelog-page .price.pro ul{border-top-color:rgba(255,255,255,0.10)}
body.changelog-page .price ul li{list-style:none;position:relative;padding:13px 26px 13px 0;border-bottom:1px solid var(--border)}
body.changelog-page .price.pro ul li{border-bottom-color:rgba(255,255,255,0.08)}
body.changelog-page .price ul li:last-child{border-bottom:none}
body.changelog-page .price ul li .t{font-size:13.5px;font-weight:600;color:var(--ink-900);letter-spacing:-0.01em;line-height:1.3;margin-bottom:3px}
body.changelog-page .price.pro ul li .t{color:#fff}
body.changelog-page .price ul li .d{font-size:11.5px;color:var(--muted);line-height:1.45}
body.changelog-page .price.pro ul li .d{color:var(--ink-300)}
body.changelog-page .price ul li .num{position:absolute;top:13px;right:0;font-family:var(--mono);font-size:9px;color:var(--hint);letter-spacing:0.08em}
body.changelog-page .price.pro ul li .num{color:rgba(255,255,255,0.35)}
body.changelog-page .price .pcta{margin-top:auto}
body.changelog-page .price .pcta .btn{width:100%;justify-content:center}
body.changelog-page .btn .cart{width:16px;height:16px;flex-shrink:0}
body.changelog-page .price.pro .pcta .btn.accent{background:var(--blue-600)}
body.changelog-page .price.pro .pcta .btn.accent:hover{background:var(--blue-700)}
body.changelog-page .price .fine{margin-top:13px;font-family:var(--mono);font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:0.1em;line-height:1.5}
body.changelog-page .price.pro .fine{color:var(--ink-300)}
/* Pro card — slate theme (flows with header/footer) */
body.changelog-page .price.pro{background:var(--slate);color:var(--ink-900);border-color:var(--blue-200);box-shadow:0 26px 60px -32px rgba(11,16,32,0.32)}
body.changelog-page .price.pro::before{background-image:radial-gradient(ellipse 70% 50% at 80% 0%,rgba(59,110,248,0.12) 0%,transparent 60%),radial-gradient(circle at 1px 1px,rgba(26,31,54,0.045) 1px,transparent 0)}
body.changelog-page .price.pro .pe .tier{color:var(--blue-600)}
body.changelog-page .price.pro .pe .for{color:var(--muted)}
body.changelog-page .price.pro .pname{color:var(--ink-900)}
body.changelog-page .price.pro .tag .amt{color:var(--ink-900)}
body.changelog-page .price.pro .tag .amt em{color:var(--blue-600)}
body.changelog-page .price.pro .tag .per{color:var(--muted)}
body.changelog-page .price.pro .sub{color:var(--ink-700)}
body.changelog-page .price.pro ul{border-top-color:var(--border)}
body.changelog-page .price.pro ul li{border-bottom-color:var(--border)}
body.changelog-page .price.pro ul li .t{color:var(--ink-900)}
body.changelog-page .price.pro ul li .d{color:var(--muted)}
body.changelog-page .price.pro ul li .num{color:var(--hint)}
body.changelog-page .price.pro .fine{color:var(--muted)}
/* Tier badges */
body.changelog-page .price .badge{position:absolute;top:16px;right:16px;font-family:var(--mono);font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:0.1em;padding:5px 10px;border-radius:6px;z-index:3}
body.changelog-page .price.pro .badge{background:var(--blue-600);color:#fff}
body.changelog-page .price.agency .badge{background:var(--ink-900);color:#fff}
/* ───────── FAQ ───────── */
body.changelog-page section.faq-sec{padding:84px 0;background:var(--off);border-top:1px solid var(--border)}
body.changelog-page .faq-grid{display:grid;grid-template-columns:0.82fr 1.18fr;gap:clamp(40px,5vw,72px);align-items:start}
body.changelog-page .faq-aside{position:sticky;top:103px}
body.changelog-page .faq-aside .eyebrow{margin-bottom:14px}
body.changelog-page .faq-aside h2{font-size:38px;font-weight:800;letter-spacing:-0.04em;line-height:1.04;color:var(--ink-900);margin-bottom:14px;text-wrap:balance}
body.changelog-page .faq-aside h2 em{color:var(--blue-600);font-style:normal}
body.changelog-page .faq-aside p{font-size:15px;color:var(--ink-700);line-height:1.6;max-width:330px;margin-bottom:26px}
body.changelog-page .faq-help{background:#fff;border:1px solid var(--border);border-radius:14px;padding:22px;box-shadow:var(--shadow-sm)}
body.changelog-page .faq-help .ic{width:38px;height:38px;border-radius:10px;background:var(--ink-900);display:flex;align-items:center;justify-content:center;margin-bottom:16px}
body.changelog-page .faq-help .ic svg{width:19px;height:19px;stroke:#fff;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
body.changelog-page .faq-help h3{font-size:16px;font-weight:700;letter-spacing:-0.02em;color:var(--ink-900);margin-bottom:6px}
body.changelog-page .faq-help p{font-size:13px;color:var(--ink-700);line-height:1.55;margin-bottom:16px;max-width:none}
body.changelog-page .faq-help .links{display:flex;gap:8px;flex-wrap:wrap}
body.changelog-page .faq-help .links a{font-family:var(--sans);font-size:12px;font-weight:600;text-decoration:none;padding:8px 13px;border-radius:8px;display:inline-flex;align-items:center;gap:6px}
body.changelog-page .faq-help .links a.solid{background:var(--ink-900);color:#fff}
body.changelog-page .faq-help .links a.line{border:1px solid var(--border);color:var(--ink-900)}
body.changelog-page .faq-help .links a .arrow{font-size:13px}
body.changelog-page .faq{display:flex;flex-direction:column;gap:10px}
body.changelog-page .faq details{background:#fff;border:1px solid var(--border);border-radius:12px;transition:border-color 0.16s,box-shadow 0.16s}
body.changelog-page .faq details:hover{border-color:var(--blue-200)}
body.changelog-page .faq details[open]{border-color:var(--blue-400);box-shadow:0 14px 34px -20px rgba(11,16,32,0.22)}
body.changelog-page .faq summary{list-style:none;cursor:pointer;padding:18px 20px;display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center}
body.changelog-page .faq summary::-webkit-details-marker{display:none}
body.changelog-page .faq summary .qwrap{min-width:0}
body.changelog-page .faq summary .cat{font-family:var(--mono);font-size:9px;color:var(--blue-600);text-transform:uppercase;letter-spacing:0.14em;display:block;margin-bottom:7px}
body.changelog-page .faq summary .q{font-size:15.5px;font-weight:600;color:var(--ink-900);letter-spacing:-0.01em;line-height:1.4}
body.changelog-page .faq summary .pl{position:relative;width:30px;height:30px;flex-shrink:0;border:1px solid var(--border);border-radius:8px;transition:background 0.18s,border-color 0.18s}
body.changelog-page .faq details[open] summary .pl{background:var(--ink-900);border-color:var(--ink-900)}
body.changelog-page .faq summary .pl::before, body.changelog-page .faq summary .pl::after{content:'';position:absolute;background:var(--ink-700);border-radius:2px;transition:transform 0.22s,opacity 0.22s,background 0.18s}
body.changelog-page .faq summary .pl::before{top:14px;left:8px;width:14px;height:2px}
body.changelog-page .faq summary .pl::after{top:8px;left:14px;width:2px;height:14px}
body.changelog-page .faq details[open] summary .pl::before{background:#fff}
body.changelog-page .faq details[open] summary .pl::after{transform:rotate(90deg);opacity:0}
body.changelog-page .faq summary:hover .q{color:var(--blue-700)}
body.changelog-page .faq .ans{padding:0 20px 20px 20px;color:var(--ink-700);font-size:14px;line-height:1.66;max-width:600px}
body.changelog-page .faq .ans code{font-family:var(--mono);font-size:0.86em;background:var(--off);border:1px solid var(--border);padding:1px 6px;border-radius:4px;color:var(--ink-900)}
/* ───────── CTA v3 (light) ───────── */
body.changelog-page .cta{padding:92px 0;background:var(--off);border-top:1px solid var(--border)}
body.changelog-page .cta-panel{background:#fff;border:1px solid var(--border);border-radius:20px;padding:60px 48px;position:relative;overflow:hidden;text-align:center;box-shadow:0 30px 70px -40px rgba(11,16,32,0.30)}
body.changelog-page .cta-panel::before{content:'';position:absolute;top:-160px;left:50%;transform:translateX(-50%);width:760px;height:420px;pointer-events:none;background:radial-gradient(ellipse 50% 60% at 50% 30%,rgba(125,160,251,0.20) 0%,transparent 62%)}
body.changelog-page .cta-panel::after{content:'';position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle at 1px 1px,rgba(11,16,32,0.035) 1px,transparent 0);background-size:18px 18px;mask-image:linear-gradient(to bottom,#000,transparent 60%)}
body.changelog-page .cta-panel > *{position:relative;z-index:1}
body.changelog-page .cta-panel .eyebrow{justify-content:center;margin-bottom:18px}
body.changelog-page .cta-panel h2{font-size:46px;font-weight:800;letter-spacing:-0.045em;line-height:1.02;color:var(--ink-900);max-width:680px;margin:0 auto 16px;text-wrap:balance}
body.changelog-page .cta-panel h2 em{color:var(--blue-600);font-style:normal}
body.changelog-page .cta-panel p{font-size:17px;color:var(--ink-700);max-width:520px;margin:0 auto 30px;line-height:1.55}
body.changelog-page .cta-panel .acts{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap}
body.changelog-page .cta-chips{display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap;margin-top:34px;padding-top:28px;border-top:1px solid var(--border)}
body.changelog-page .cta-chips span{font-family:var(--mono);font-size:10.5px;color:var(--muted);text-transform:uppercase;letter-spacing:0.1em;display:inline-flex;align-items:center;gap:8px}
body.changelog-page .cta-chips span::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--success)}
/* ───────── Footer v7 (tinted slate + soft radial) ───────── */
body.changelog-page footer.foot{background-color:var(--slate);
    background-image:radial-gradient(ellipse 80% 95% at 50% 108%,rgba(247,248,252,0.95) 0%,rgba(247,248,252,0.45) 42%,transparent 72%);
    border-top:1px solid var(--border);}
body.changelog-page .foot-top{display:grid;grid-template-columns:1.4fr 2fr;gap:60px;padding:64px 0 40px;align-items:start}
body.changelog-page .foot-nav{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
body.changelog-page .foot-brand .logo{margin-bottom:16px}
body.changelog-page .foot-brand .wordmark{font-size:22px;color:var(--ink-900)}
body.changelog-page .foot-brand p{color:var(--ink-700);font-size:13.5px;line-height:1.6;max-width:300px;margin-bottom:22px}
body.changelog-page .foot-brand .fcta{display:inline-flex;align-items:center;gap:8px;font-family:var(--sans);font-size:13px;font-weight:600;color:#fff;background:var(--ink-900);padding:11px 18px;border-radius:9px;text-decoration:none;transition:background 0.14s}
body.changelog-page .foot-brand .fcta:hover{background:var(--blue-600)}
body.changelog-page .foot-brand .fcta .arrow{font-size:14px}
body.changelog-page .foot-col h4{font-family:var(--mono);font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:0.14em;margin-bottom:16px;font-weight:500}
body.changelog-page .foot-col ul{list-style:none;display:flex;flex-direction:column;gap:11px}
body.changelog-page .foot-col ul li a{color:var(--ink-700);text-decoration:none;font-size:13px;transition:color 0.12s}
body.changelog-page .foot-col ul li a:hover{color:var(--blue-700)}
body.changelog-page .foot-status{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 0;border-top:1px solid var(--border);flex-wrap:wrap}
body.changelog-page .foot-status .s{display:flex;align-items:center;gap:11px;font-family:var(--mono);font-size:10.5px;color:var(--muted);text-transform:uppercase;letter-spacing:0.12em}
body.changelog-page .foot-status .s .dot{width:7px;height:7px;border-radius:50%;background:var(--success);box-shadow:0 0 0 3px rgba(31,138,91,0.14)}
body.changelog-page .foot-status .s b{color:var(--ink-900);font-weight:600}
body.changelog-page .foot-status .badges{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
body.changelog-page .foot-status .badges span{font-family:var(--mono);font-size:9.5px;color:var(--muted);text-transform:uppercase;letter-spacing:0.1em;background:var(--off);border:1px solid var(--border);padding:5px 10px;border-radius:6px}
body.changelog-page .foot-status .badges span b{color:var(--ink-900);font-weight:600}
body.changelog-page .foot-bottom{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 0 28px;border-top:1px solid var(--border);font-family:var(--mono);font-size:10.5px;color:var(--muted);text-transform:uppercase;letter-spacing:0.12em;flex-wrap:wrap}
body.changelog-page .foot-bottom .tm{color:var(--ink-500);text-transform:none;letter-spacing:0.02em;font-size:10px}
body.changelog-page .foot-bottom .tm em{color:var(--blue-600);font-style:normal;font-weight:700}
/* ───────────────── Topbar: mobile menu ───────────────── */
body.changelog-page .topbar-burger{display:none;width:40px;height:40px;border-radius:9px;border:1px solid var(--border);background:var(--white);align-items:center;justify-content:center;flex-direction:column;gap:4px;cursor:pointer;padding:0;flex-shrink:0;-webkit-tap-highlight-color:transparent}
body.changelog-page .topbar-burger span{display:block;width:17px;height:1.6px;background:var(--ink-900);border-radius:2px;transition:transform .24s ease,opacity .2s ease}
body.changelog-page .topbar.open .topbar-burger span:nth-child(1){transform:translateY(5.6px) rotate(45deg)}
body.changelog-page .topbar.open .topbar-burger span:nth-child(2){opacity:0}
body.changelog-page .topbar.open .topbar-burger span:nth-child(3){transform:translateY(-5.6px) rotate(-45deg)}
body.changelog-page .nav-signin{display:none}
body.changelog-page .topbar{background:rgba(241,245,249,0.82);backdrop-filter:none;-webkit-backdrop-filter:none}
body.changelog-page .topbar::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;backdrop-filter:saturate(160%) blur(9px);-webkit-backdrop-filter:saturate(160%) blur(9px)}
/* ───────── Free · download card ───────── */
body.changelog-page .dl-card{background:#fff;border:1px solid var(--border);border-radius:18px;overflow:hidden;box-shadow:0 34px 70px -34px rgba(11,16,32,0.4)}
body.changelog-page .dl-card .dh{display:flex;align-items:center;gap:11px;padding:14px 20px;border-bottom:1px solid var(--border);background:var(--off)}
body.changelog-page .dl-card .dh .ic{width:30px;height:30px;border-radius:8px;background:var(--ink-900);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}
body.changelog-page .dl-card .dh .ic svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
body.changelog-page .dl-card .dh .fn{font-family:var(--mono);font-size:12.5px;font-weight:600;color:var(--ink-900);letter-spacing:-0.01em}
body.changelog-page .dl-card .dh .sz{margin-left:auto;font-family:var(--mono);font-size:9.5px;color:var(--muted);text-transform:uppercase;letter-spacing:0.06em}
body.changelog-page .dl-card .db{padding:22px}
body.changelog-page .dl-plug{display:flex;align-items:center;gap:12px;padding-bottom:18px;border-bottom:1px solid var(--border)}
body.changelog-page .dl-plug .pm{width:42px;height:42px;border-radius:11px;background:var(--ink-900);position:relative;flex-shrink:0;border:1px solid rgba(255,255,255,0.06)}
body.changelog-page .dl-plug .pm::before{content:'';position:absolute;top:12px;left:12px;right:12px;height:2px;background:rgba(255,255,255,0.4);border-radius:1px}
body.changelog-page .dl-plug .pm::after{content:'';position:absolute;bottom:10px;right:10px;width:9px;height:9px;border-radius:50%;background:var(--blue-600)}
body.changelog-page .dl-plug .pi .nm{font-size:16px;font-weight:700;letter-spacing:-0.02em;color:var(--ink-900)}
body.changelog-page .dl-plug .pi .vr{font-family:var(--mono);font-size:9.5px;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em;margin-top:3px}
body.changelog-page .dl-plug .free-tag{margin-left:auto;font-family:var(--mono);font-size:9px;font-weight:600;color:var(--success);background:var(--success-bg);padding:4px 10px;border-radius:6px;text-transform:uppercase;letter-spacing:0.06em}
body.changelog-page .dl-btn{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;margin:18px 0 16px;background:var(--blue-600);color:#fff;font-weight:600;font-size:14px;padding:14px;border-radius:10px;text-decoration:none;transition:background .15s}
body.changelog-page .dl-btn:hover{background:var(--blue-700)}
body.changelog-page .dl-btn svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
body.changelog-page .dl-meta{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}
body.changelog-page .dl-meta span{font-family:var(--mono);font-size:9.5px;color:var(--ink-700);background:var(--off);border:1px solid var(--border);padding:6px 10px;border-radius:7px;text-transform:uppercase;letter-spacing:0.04em}
body.changelog-page .dl-inc .il{font-family:var(--mono);font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:0.12em;margin-bottom:12px;display:block}
body.changelog-page .dl-inc .ir{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--ink-900);margin-bottom:10px}
body.changelog-page .dl-inc .ir:last-child{margin-bottom:0}
body.changelog-page .dl-inc .ir::before{content:'✓';display:flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:6px;background:var(--blue-100);color:var(--blue-600);font-size:11px;font-weight:700;flex-shrink:0}
/* ───────── Quick start ───────── */
body.changelog-page section.quickstart{padding:84px 0;background:var(--off);border-top:1px solid var(--border)}
body.changelog-page .qsteps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:44px}
body.changelog-page .qstep{background:#fff;border:1px solid var(--border);border-radius:16px;padding:26px 24px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column}
body.changelog-page .qstep .qn{font-family:var(--mono);font-size:9.5px;font-weight:600;color:var(--blue-600);letter-spacing:0.12em;text-transform:uppercase;margin-bottom:16px;display:block}
body.changelog-page .qstep .qic{width:44px;height:44px;border-radius:11px;background:var(--blue-100);color:var(--blue-600);display:flex;align-items:center;justify-content:center;margin-bottom:16px}
body.changelog-page .qstep .qic svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
body.changelog-page .qstep h3{font-size:17px;font-weight:700;letter-spacing:-0.02em;color:var(--ink-900);margin-bottom:8px}
body.changelog-page .qstep p{font-size:13px;color:var(--ink-700);line-height:1.55;margin-bottom:16px}
body.changelog-page .qstep .qm{font-family:var(--mono);font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em;margin-top:auto;padding-top:14px;border-top:1px solid var(--border)}
body.changelog-page .qstep .qm b{color:var(--ink-900);font-weight:600}
/* ───────── Free → Pro band ───────── */
body.changelog-page section.proband-sec{padding:84px 0;background:#fff;border-top:1px solid var(--border)}
body.changelog-page .proband{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:44px;align-items:stretch}
body.changelog-page .pb{background:#fff;border:1px solid var(--border);border-radius:16px;padding:28px;display:flex;flex-direction:column;position:relative}
body.changelog-page .pb.up{background:var(--slate);border-color:var(--blue-200);box-shadow:0 28px 64px -34px rgba(11,16,32,0.32)}
body.changelog-page .pb .pbt{font-family:var(--mono);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:0.14em;color:var(--blue-600);display:flex;align-items:center;gap:8px}
body.changelog-page .pb .pbt::before{content:'';width:7px;height:7px;border-radius:50%;background:var(--blue-600)}
body.changelog-page .pb .pbn{font-size:23px;font-weight:800;letter-spacing:-0.03em;color:var(--ink-900);margin:13px 0 4px}
body.changelog-page .pb .pbp{font-family:var(--mono);font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:22px}
body.changelog-page .pb .pbp em{color:var(--blue-600);font-style:normal;font-weight:600}
body.changelog-page .pb ul{list-style:none;display:flex;flex-direction:column;gap:11px;flex:1;margin-bottom:24px}
body.changelog-page .pb li{display:flex;align-items:flex-start;gap:11px;font-size:13.5px;color:var(--ink-900);line-height:1.45}
body.changelog-page .pb li::before{content:'✓';display:flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:6px;flex-shrink:0;margin-top:1px;font-size:10px;font-weight:700;background:var(--off);color:var(--muted);border:1px solid var(--border)}
body.changelog-page .pb.up li::before{background:var(--blue-100);color:var(--blue-600);border:none}
body.changelog-page .pb .pbcta{display:flex;align-items:center;justify-content:center;gap:8px;padding:13px;border-radius:10px;text-decoration:none;font-weight:600;font-size:13.5px;font-family:var(--sans)}
body.changelog-page .pb .pbcta.now{color:var(--ink-700);background:transparent;border:1px dashed var(--border);font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:0.1em;font-weight:600}
body.changelog-page .pb .pbcta.go{background:var(--blue-600);color:#fff}
body.changelog-page .pb .pbcta.go:hover{background:var(--blue-700)}
/* ───────────────── Responsive ───────────────── */
@media (max-width:1040px){
body.changelog-page .hero{padding:48px 0 36px}
body.changelog-page .hero-grid{grid-template-columns:1fr;gap:40px}
body.changelog-page .hero-copy{max-width:680px}
body.changelog-page .hero h1{font-size:46px}
body.changelog-page .hero .lede{max-width:560px}
body.changelog-page .hero-proof{max-width:520px}
body.changelog-page .faq-grid{grid-template-columns:1fr;gap:32px}
body.changelog-page .faq-aside{position:static}
body.changelog-page .faq-aside p{max-width:none}
body.changelog-page .foot-top{grid-template-columns:1fr;gap:36px}
body.changelog-page .wl-stack .wl-ghost.g1{left:196px;right:-196px}
body.changelog-page .wl-stack .wl-ghost.g2{left:-196px;right:196px}
body.changelog-page .topbar-version{display:none}
body.changelog-page .topbar nav a{padding:7px 9px;font-size:12.5px}
body.changelog-page .topbar-inner{gap:16px}
}
@media (max-width:900px){
body.changelog-page .topbar-burger{display:flex}
body.changelog-page .topbar .btn.ghost{display:none}
body.changelog-page .topbar nav{position:absolute;top:calc(100% + 1px);left:0;right:0;
      flex-direction:column;align-items:stretch;gap:0;
      background:rgba(241,245,249,0.72);backdrop-filter:saturate(160%) blur(14px);-webkit-backdrop-filter:saturate(160%) blur(14px);
      border-bottom:1px solid var(--border);box-shadow:0 24px 44px -26px rgba(11,16,32,0.45);
      padding:12px clamp(20px,4vw,40px) 16px;
      max-height:0;overflow:hidden;opacity:0;visibility:hidden;pointer-events:none;overscroll-behavior:contain;
      transition:max-height .28s ease,opacity .2s ease,visibility .28s ease,padding .28s ease;}
body.changelog-page .topbar.open nav{max-height:calc(100vh - 66px);max-height:calc(100dvh - 66px);overflow-y:auto;-webkit-overflow-scrolling:touch;opacity:1;visibility:visible;pointer-events:auto}
body.changelog-page .topbar nav a{padding:13px 12px;font-size:15px;border-radius:0;color:var(--ink-700);border-bottom:1px solid var(--border)}
body.changelog-page .topbar nav a:hover{color:var(--ink-900)}
body.changelog-page .topbar nav a:nth-last-child(2){border-bottom:none}
body.changelog-page .topbar nav a.nav-signin{display:block;margin-top:12px;text-align:center;background:var(--ink-900);color:#fff;border-radius:9px;border-bottom:none;padding:13px 14px;font-weight:600;font-size:14px}
body.changelog-page .topbar nav a.nav-signin:hover{background:var(--ink-800);color:#fff}
}
@media (max-width:780px){
body.changelog-page section.quickstart, body.changelog-page section.proband-sec, body.changelog-page section.faq-sec{padding:56px 0}
body.changelog-page .qsteps{grid-template-columns:1fr}
body.changelog-page .proband{grid-template-columns:1fr}
body.changelog-page section.feat, body.changelog-page section.pricing{padding:56px 0}
body.changelog-page section.wl{padding:56px 0 0}
body.changelog-page section.flow{padding:54px 0}
body.changelog-page .sec-head{margin-bottom:36px}
body.changelog-page .sec-head h2{font-size:32px}
body.changelog-page .hero h1{font-size:40px}
body.changelog-page .trio{grid-template-columns:1fr;gap:16px}
body.changelog-page .steps{grid-template-columns:1fr;border-top:none}
body.changelog-page .step, body.changelog-page .step:nth-child(2), body.changelog-page .step:nth-child(3){padding:26px 0;border-right:none;border-top:1px solid var(--border)}
body.changelog-page .price-grid{grid-template-columns:1fr;gap:14px}
body.changelog-page .price.pro{transform:none}
body.changelog-page .dash-stats{grid-template-columns:repeat(2,1fr)}
body.changelog-page .dash-low{grid-template-columns:1fr}
body.changelog-page .wl-copy h2, body.changelog-page .wl-card .h .score .n{}
body.changelog-page .wl-stack .wl-ghost.g1{left:104px;right:-104px}
body.changelog-page .wl-stack .wl-ghost.g2{left:-104px;right:104px}
}
@media (max-width:460px){
body.changelog-page .wrap, body.changelog-page .topbar-inner{padding-left:18px;padding-right:18px}
body.changelog-page .topbar-right .btn.accent{padding:10px 13px;font-size:12.5px}
body.changelog-page .topbar-right .btn.accent .arrow{display:none}
body.changelog-page .hero h1{font-size:34px}
body.changelog-page .hero .lede{font-size:16px}
body.changelog-page .hero-proof{flex-wrap:wrap;gap:14px 0}
body.changelog-page .hero-proof .p{flex:0 0 50%;border-left:none;padding-left:0}
body.changelog-page .sec-head h2{font-size:28px}
body.changelog-page .foot-nav{grid-template-columns:repeat(2,1fr);gap:24px}
body.changelog-page .dash-head .acts .mini{display:none}
body.changelog-page .price .tag .amt{font-size:40px}
body.changelog-page .dash{padding:14px 14px 16px}
body.changelog-page .dash-tabs{flex-wrap:wrap;gap:2px 4px}
body.changelog-page .dash-tabs a{padding:9px 8px}
body.changelog-page .hero-proof .p:nth-child(3){padding-top:14px}
body.changelog-page .wl-card .h .score .n{font-size:54px}
body.changelog-page .wl-stack .wl-ghost.g1{left:56px;right:-56px}
body.changelog-page .wl-stack .wl-ghost.g2{left:-56px;right:56px}
}
/* ═══════════════════ DOCS ═══════════════════ */
body.changelog-page .progress-bar{position:fixed;top:0;left:0;height:3px;width:0;background:var(--blue-600);z-index:200;transition:width .12s linear}
/* Hero */
body.changelog-page .dhero{background:radial-gradient(ellipse 60% 80% at 50% -25%,rgba(125,160,251,0.18) 0%,transparent 60%),var(--off);border-bottom:1px solid var(--border);padding:54px 0 42px}
body.changelog-page .dhero .wrap{max-width:1180px}
body.changelog-page .dhero h1{font-size:56px;font-weight:800;letter-spacing:-0.045em;line-height:1;color:var(--ink-900);margin:18px 0 18px}
body.changelog-page .dhero h1 em{color:var(--blue-600);font-style:normal}
body.changelog-page .dhero .dlede{font-size:16.5px;color:var(--ink-700);line-height:1.62;max-width:640px}
body.changelog-page .dhero .dlede strong{color:var(--ink-900);font-weight:600}
body.changelog-page .dsearch{display:flex;align-items:center;gap:12px;margin-top:30px;max-width:540px;background:#fff;border:1px solid var(--border);border-radius:12px;padding:13px 16px;box-shadow:var(--shadow-sm);cursor:text}
body.changelog-page .dsearch svg{width:18px;height:18px;color:var(--muted);flex-shrink:0;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
body.changelog-page .dsearch .ph{font-size:14.5px;color:var(--muted)}
body.changelog-page .dsearch .kbd{margin-left:auto;font-family:var(--mono);font-size:11px;color:var(--ink-700);background:var(--off);border:1px solid var(--border);border-radius:6px;padding:4px 8px;letter-spacing:0.04em}
body.changelog-page .dhero-meta{display:flex;flex-wrap:wrap;margin-top:26px;border-top:1px solid var(--border);padding-top:20px;max-width:540px}
body.changelog-page .dhero-meta .m{padding:0 22px;border-left:1px solid var(--border)}
body.changelog-page .dhero-meta .m:first-child{padding-left:0;border-left:none}
body.changelog-page .dhero-meta .m .k{font-family:var(--mono);font-size:9.5px;color:var(--muted);text-transform:uppercase;letter-spacing:0.1em;display:block;margin-bottom:6px}
body.changelog-page .dhero-meta .m .v{font-size:14px;font-weight:600;color:var(--ink-900);font-variant-numeric:tabular-nums}
/* Shell */
body.changelog-page .dshell{max-width:1200px;margin:0 auto;padding:0 clamp(20px,4vw,40px);display:grid;grid-template-columns:276px minmax(0,1fr);gap:60px;align-items:start}
/* Sidebar */
body.changelog-page .dside{align-self:start;padding:30px 8px 44px}
body.changelog-page .dside-prog{margin-bottom:24px;padding:0 12px 22px;border-bottom:1px solid var(--border)}
body.changelog-page .dside-prog .pl{display:flex;justify-content:space-between;font-family:var(--mono);font-size:9.5px;text-transform:uppercase;letter-spacing:0.1em;color:var(--muted);margin-bottom:9px}
body.changelog-page .dside-prog .pl b{color:var(--blue-600)}
body.changelog-page .dside-prog .track{height:4px;border-radius:2px;background:var(--slate);overflow:hidden}
body.changelog-page .dside-prog .fill{height:100%;width:0;background:var(--blue-600);transition:width .12s linear}
body.changelog-page .dside-group{margin-bottom:24px}
body.changelog-page .dside-group + .dside-group{border-top:1px solid var(--border);padding-top:20px}
body.changelog-page .dside-group h4{font-family:var(--mono);font-size:10.5px;font-weight:600;text-transform:uppercase;letter-spacing:0.13em;color:var(--ink-900);margin-bottom:11px;padding-left:12px}
body.changelog-page .dside-link{display:flex;align-items:center;gap:10px;font-size:13.5px;line-height:1.35;color:var(--ink-700);text-decoration:none;padding:9px 12px;border-radius:8px;transition:background .12s,color .12s}
body.changelog-page .dside-link:hover{background:var(--off);color:var(--ink-900)}
body.changelog-page .dside-link.active{color:var(--blue-700);background:var(--blue-100);font-weight:600}
body.changelog-page .dside-link .ct{margin-left:auto;font-family:var(--mono);font-size:10px;color:var(--hint);flex-shrink:0}
body.changelog-page .dside-link.active .ct{color:var(--blue-600)}
body.changelog-page .dside-link .ext{margin-left:auto;font-size:13px;color:var(--hint);flex-shrink:0}
/* Content */
body.changelog-page .dmain{min-width:0;padding:36px 0 24px}
body.changelog-page .dbrowse-h{margin-bottom:22px}
body.changelog-page .dbrowse-h h2{font-size:25px;font-weight:800;letter-spacing:-0.03em;color:var(--ink-900)}
body.changelog-page .dbrowse-h h2 em{color:var(--blue-600);font-style:normal}
body.changelog-page .dbrowse-h p{font-size:14px;color:var(--ink-700);margin-top:9px;max-width:640px;line-height:1.6}
body.changelog-page .dbrowse-h p b{color:var(--ink-900);font-weight:600}
body.changelog-page .dcards{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
body.changelog-page .dcard{display:flex;flex-direction:column;text-decoration:none;background:#fff;border:1px solid var(--border);border-radius:14px;padding:20px;transition:border-color .14s,box-shadow .14s,transform .14s}
body.changelog-page .dcard:hover{border-color:var(--blue-200);box-shadow:0 18px 40px -26px rgba(11,16,32,0.3);transform:translateY(-2px)}
body.changelog-page .dcard .n{font-family:var(--mono);font-size:10px;font-weight:600;color:var(--blue-600);letter-spacing:0.1em}
body.changelog-page .dcard h3{font-size:16px;font-weight:700;letter-spacing:-0.02em;color:var(--ink-900);margin:9px 0 6px;display:flex;align-items:center;gap:8px}
body.changelog-page .dcard p{font-size:12.5px;color:var(--ink-700);line-height:1.55;margin-bottom:16px;flex:1}
body.changelog-page .dcard .ct{font-family:var(--mono);font-size:9.5px;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em}
/* Article */
body.changelog-page .doc{padding:48px 0;border-top:1px solid var(--border);scroll-margin-top:64px}
body.changelog-page .doc-crumb{display:flex;align-items:center;gap:7px;font-family:var(--mono);font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:18px;flex-wrap:wrap}
body.changelog-page .doc-crumb a{color:var(--muted);text-decoration:none}
body.changelog-page .doc-crumb a:hover{color:var(--blue-600)}
body.changelog-page .doc-crumb .sep{color:var(--hint)}
body.changelog-page .doc-crumb .cur{color:var(--ink-900)}
body.changelog-page .doc .dt{font-size:34px;font-weight:800;letter-spacing:-0.035em;line-height:1.05;color:var(--ink-900);margin-bottom:16px}
body.changelog-page .doc .dt em{color:var(--blue-600);font-style:normal}
body.changelog-page .doc .lead{font-size:16px;color:var(--ink-700);line-height:1.62;max-width:660px;margin-bottom:22px}
body.changelog-page .doc-meta{display:flex;gap:26px;flex-wrap:wrap;padding:15px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin-bottom:28px}
body.changelog-page .doc-meta .mm{display:flex;flex-direction:column;gap:5px}
body.changelog-page .doc-meta .mm .k{font-family:var(--mono);font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:0.1em}
body.changelog-page .doc-meta .mm .v{font-size:12.5px;font-weight:600;color:var(--ink-900);display:flex;align-items:center;gap:7px}
/* Tags */
body.changelog-page .tag{display:inline-flex;align-items:center;font-family:var(--mono);font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:0.05em;padding:3px 8px;border-radius:5px}
body.changelog-page .tag.pro{background:var(--blue-100);color:var(--blue-700)}
body.changelog-page .tag.free{background:var(--success-bg);color:#166534}
body.changelog-page .tag.both{background:var(--off);color:var(--ink-700);border:1px solid var(--border)}
/* Prose */
body.changelog-page .prose h3{font-size:19px;font-weight:700;letter-spacing:-0.02em;color:var(--ink-900);margin:32px 0 12px;display:flex;align-items:baseline;gap:11px}
body.changelog-page .prose h3 .sx{font-family:var(--mono);font-size:11px;font-weight:600;color:var(--blue-600);background:var(--blue-100);padding:3px 8px;border-radius:5px;letter-spacing:0.04em}
body.changelog-page .prose p{font-size:14.5px;color:var(--ink-700);line-height:1.72;margin-bottom:14px;max-width:680px}
body.changelog-page .prose p strong, body.changelog-page .prose li strong{color:var(--ink-900);font-weight:600}
body.changelog-page .prose ul, body.changelog-page .prose ol{margin:0 0 16px;padding:0;list-style:none;max-width:680px;display:flex;flex-direction:column;gap:9px}
body.changelog-page .prose ul li{position:relative;padding-left:22px;font-size:14px;color:var(--ink-700);line-height:1.62}
body.changelog-page .prose ul li::before{content:'';position:absolute;left:4px;top:8px;width:6px;height:6px;border-radius:50%;background:var(--blue-400)}
body.changelog-page .prose ol{counter-reset:n}
body.changelog-page .prose ol li{position:relative;padding-left:32px;font-size:14px;color:var(--ink-700);line-height:1.6;counter-increment:n;min-height:20px}
body.changelog-page .prose ol li::before{content:counter(n);position:absolute;left:0;top:0;width:21px;height:21px;border-radius:6px;background:var(--blue-100);color:var(--blue-700);font-family:var(--mono);font-size:10px;font-weight:600;display:flex;align-items:center;justify-content:center}
body.changelog-page .prose code{font-family:var(--mono);font-size:12.5px;background:var(--slate);border:1px solid var(--border);border-radius:5px;padding:1.5px 6px;color:var(--ink-900)}
body.changelog-page .prose hr{height:1px;background:var(--border);border:none;margin:24px 0;max-width:680px}
/* Callout */
body.changelog-page .callout{display:flex;gap:13px;max-width:680px;background:var(--blue-100);border:1px solid var(--blue-200);border-radius:12px;padding:15px 17px;margin:18px 0}
body.changelog-page .callout .ci{font-family:var(--mono);font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:0.07em;color:var(--blue-700);background:#fff;border:1px solid var(--blue-200);border-radius:6px;padding:5px 8px;height:fit-content;white-space:nowrap}
body.changelog-page .callout p{margin:0;font-size:13.5px;color:var(--ink-800);line-height:1.62;max-width:none}
body.changelog-page .callout p strong{color:var(--ink-900)}
/* Settings table */
body.changelog-page .dtable{max-width:720px;margin:8px 0 18px;border:1px solid var(--border);border-radius:12px;overflow:hidden;background:#fff}
body.changelog-page .dtable .row{padding:14px 16px;border-top:1px solid var(--border)}
body.changelog-page .dtable .row:first-child{border-top:none}
body.changelog-page .dtable .row .nm{font-size:13.5px;font-weight:600;color:var(--ink-900);display:flex;align-items:center;gap:9px;flex-wrap:wrap}
body.changelog-page .dtable .row .nm code{font-family:var(--mono);font-size:11px;color:var(--muted);background:none;border:none;padding:0;font-weight:400}
body.changelog-page .dtable .row .ds{font-size:12.5px;color:var(--ink-700);line-height:1.55;margin-top:6px}
/* Next-up */
body.changelog-page .doc-next{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:34px;padding:18px 22px;background:#fff;border:1px solid var(--border);border-radius:12px;max-width:680px;text-decoration:none;transition:border-color .14s,box-shadow .14s}
body.changelog-page .doc-next:hover{border-color:var(--blue-200);box-shadow:0 16px 34px -24px rgba(11,16,32,0.3)}
body.changelog-page .doc-next .nl{font-family:var(--mono);font-size:9.5px;color:var(--muted);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:5px}
body.changelog-page .doc-next .nt{font-size:16px;font-weight:700;letter-spacing:-0.02em;color:var(--ink-900)}
body.changelog-page .doc-next .ar{font-size:22px;color:var(--blue-600);line-height:1}
@media (max-width:880px){
body.changelog-page .dshell{grid-template-columns:1fr;gap:0}
body.changelog-page .dside{display:none}
body.changelog-page .dcards{grid-template-columns:1fr}
body.changelog-page .dhero{padding:42px 0 34px}
body.changelog-page .dhero h1{font-size:42px}
body.changelog-page .dmain{padding:26px 0 10px}
body.changelog-page .doc .dt{font-size:28px}
}
@media (max-width:460px){
body.changelog-page .dhero h1{font-size:34px}
body.changelog-page .dhero-meta .m{padding:0 14px}
body.changelog-page .doc-meta{gap:18px}
}
/* ═══════════════════ CHANGELOG ═══════════════════ */
body.changelog-page .cl-current{display:inline-flex;align-items:center;gap:14px;margin-top:8px;background:#fff;border:1px solid var(--border);border-radius:12px;padding:11px 16px;box-shadow:var(--shadow-sm)}
body.changelog-page .cl-current .cl{font-family:var(--mono);font-size:9px;text-transform:uppercase;letter-spacing:0.1em;color:var(--muted);display:block;margin-bottom:4px}
body.changelog-page .cl-current .cv{font-size:19px;font-weight:800;letter-spacing:-0.03em;color:var(--ink-900);line-height:1}
body.changelog-page .cl-current .cv em{color:var(--blue-600);font-style:normal}
body.changelog-page .cl-current .cd{font-size:12px;color:var(--ink-700);font-variant-numeric:tabular-nums}
body.changelog-page .cl-current .latest{font-family:var(--mono);font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:0.06em;color:#166534;background:var(--success-bg);padding:4px 9px;border-radius:5px}
body.changelog-page .clfilters{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}
body.changelog-page .clchip{display:inline-flex;align-items:center;gap:9px;font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:0.04em;color:var(--ink-700);background:#fff;border:1px solid var(--border);border-radius:8px;padding:9px 14px;cursor:pointer;transition:background .14s,color .14s,border-color .14s;text-transform:uppercase;-webkit-tap-highlight-color:transparent}
body.changelog-page .clchip:hover{border-color:var(--blue-200)}
body.changelog-page .clchip .dot{width:7px;height:7px;border-radius:50%}
body.changelog-page .clchip[data-cat="all"] .dot{background:var(--ink-700)}
body.changelog-page .clchip[data-cat="new"] .dot{background:var(--success)}
body.changelog-page .clchip[data-cat="improved"] .dot{background:var(--blue-600)}
body.changelog-page .clchip[data-cat="fixed"] .dot{background:var(--warning)}
body.changelog-page .clchip .n{color:var(--muted);font-size:10px}
body.changelog-page .clchip.active{background:var(--slate);color:var(--ink-900);border-color:var(--ink-300)}
body.changelog-page .clchip.active .n{color:var(--muted)}
/* version rail */
body.changelog-page .dside-link.is-latest .ct{color:#166534;font-weight:600}
body.changelog-page .dside-versions h4{padding-left:0}
body.changelog-page .vpills{position:relative}
body.changelog-page .vtrack{position:relative}
body.changelog-page .vstick{position:sticky;top:88px;display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding-bottom:34px}
body.changelog-page .vpill{min-width:86px;justify-content:center}
body.changelog-page .vmeta{display:flex;flex-direction:column;gap:1px;padding-left:3px}
body.changelog-page .vmeta .vd{font-family:var(--mono);font-size:9.5px;font-weight:500;color:var(--ink-700)}
body.changelog-page .vmeta .va{font-family:var(--mono);font-size:9px;color:var(--muted);letter-spacing:0.02em}
body.changelog-page .vpill{display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:11px;font-weight:600;color:var(--ink-700);background:#fff;border:1px solid var(--border);border-radius:7px;padding:6px 9px;text-decoration:none;transition:background .12s,color .12s,border-color .12s}
body.changelog-page .vpill:hover{border-color:var(--blue-200);color:var(--ink-900)}
body.changelog-page .vpill.active{background:var(--blue-100);color:var(--blue-700);border-color:var(--blue-200)}
body.changelog-page .vpill.latest::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--success);flex-shrink:0}
/* releases timeline */
body.changelog-page .rels{position:relative}
body.changelog-page .rels::before{content:'';position:absolute;left:7px;top:18px;bottom:10px;width:2px;background:var(--border)}
body.changelog-page .rel{position:relative;padding:32px 0 34px 34px;scroll-margin-top:64px}
body.changelog-page .rel:first-child{padding-top:6px}
body.changelog-page .rel::after{content:'';position:absolute;top:0;left:34px;right:0;height:1px;background:var(--border)}
body.changelog-page .rel:first-child::after{display:none}
body.changelog-page .rel::before{content:'';position:absolute;left:0;top:40px;width:16px;height:16px;border-radius:50%;background:#fff;border:3px solid var(--blue-400);z-index:1}
body.changelog-page .rel:first-child::before{top:12px}
body.changelog-page .rel.is-latest::before{border-color:var(--blue-600);background:var(--blue-600);box-shadow:0 0 0 4px var(--blue-100)}
body.changelog-page .rel-head{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:4px}
body.changelog-page .rel-v{font-size:24px;font-weight:800;letter-spacing:-0.03em;color:var(--ink-900)}
body.changelog-page .rel-v em{color:var(--blue-600);font-style:normal}
body.changelog-page .latest-pill{font-family:var(--mono);font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:0.06em;color:#166534;background:var(--success-bg);padding:3px 8px;border-radius:5px}
body.changelog-page .rel-date{margin-left:auto;font-family:var(--mono);font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:0.06em;white-space:nowrap}
body.changelog-page .rel-sum{font-size:16.5px;font-weight:700;letter-spacing:-0.02em;color:var(--ink-900);margin:10px 0 8px;max-width:680px;line-height:1.35}
body.changelog-page .rel-desc{font-size:14px;color:var(--ink-700);line-height:1.68;max-width:680px;margin-bottom:22px}
body.changelog-page .rel-group{border:1px solid var(--border);border-radius:14px;overflow:hidden;background:#fff;margin-bottom:16px}
body.changelog-page .rel-group:last-child{margin-bottom:0}
body.changelog-page .rel-glabel{display:flex;align-items:center;justify-content:space-between;gap:12px;font-family:var(--mono);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:0.08em;padding:12px 18px;background:var(--off);border-bottom:1px solid var(--border)}
body.changelog-page .rel-glabel .gl{display:inline-flex;align-items:center;gap:9px}
body.changelog-page .rel-glabel .gd{width:8px;height:8px;border-radius:50%;flex-shrink:0}
body.changelog-page .rel-glabel .gc{color:var(--muted);font-weight:500;letter-spacing:0.06em;white-space:nowrap}
body.changelog-page .rel-group[data-cat="new"] .rel-glabel{color:#166534}
body.changelog-page .rel-group[data-cat="new"] .gd{background:var(--success)}
body.changelog-page .rel-group[data-cat="improved"] .rel-glabel{color:var(--blue-700)}
body.changelog-page .rel-group[data-cat="improved"] .gd{background:var(--blue-600)}
body.changelog-page .rel-group[data-cat="fixed"] .rel-glabel{color:#9A5B06}
body.changelog-page .rel-group[data-cat="fixed"] .gd{background:var(--warning)}
body.changelog-page .changes{list-style:none;display:block;max-width:none;padding:0;margin:0}
body.changelog-page .changes li{position:relative;padding:14px 18px 14px 36px;border-top:1px solid var(--border);font-size:13.5px;color:var(--ink-700);line-height:1.62}
body.changelog-page .changes li:first-child{border-top:none}
body.changelog-page .changes li::before{content:'';position:absolute;left:18px;top:22px;width:6px;height:6px;border-radius:50%}
body.changelog-page .changes li[data-cat="new"]::before{background:var(--success)}
body.changelog-page .changes li[data-cat="improved"]::before{background:var(--blue-600)}
body.changelog-page .changes li[data-cat="fixed"]::before{background:var(--warning)}
body.changelog-page .changes li strong{color:var(--ink-900);font-weight:600}
body.changelog-page .changes li code{font-family:var(--mono);font-size:11.5px;background:var(--slate);border:1px solid var(--border);border-radius:4px;padding:1px 5px;color:var(--ink-900)}
body.changelog-page .changes li .pro{display:inline-flex;align-items:center;font-family:var(--mono);font-size:8.5px;font-weight:600;text-transform:uppercase;letter-spacing:0.05em;padding:2px 6px;border-radius:4px;background:var(--blue-100);color:var(--blue-700);margin-left:6px;vertical-align:1.5px;white-space:nowrap}
body.changelog-page .rel.hide{display:none}
body.changelog-page .cl-empty{display:none;padding:40px 0 20px;color:var(--muted);font-size:14px}
body.changelog-page .cl-empty b{color:var(--ink-900);font-weight:600}
@media (max-width:880px){
body.changelog-page .rels::before{left:6px}
body.changelog-page .rel{padding-left:28px}
body.changelog-page .rel::after{left:28px}
body.changelog-page .rel::before{width:14px;height:14px;top:38px}
body.changelog-page .rel-date{margin-left:0;width:100%}
}

/* WP admin-bar offsets for changelog sticky/fixed chrome (mirrors foundation §21).
   The sticky element here is .vstick (the version rail, top:88px) — not .dside,
   which is non-sticky on this page. The fixed .progress-bar pins to the viewport
   top. Push both down by the admin bar's height when body.admin-bar is present. */
body.admin-bar.changelog-page .vstick{top:calc(88px + 32px)}
body.admin-bar.changelog-page .progress-bar{top:32px}
@media screen and (max-width:782px){
	body.admin-bar.changelog-page .vstick{top:calc(88px + 46px)}
	body.admin-bar.changelog-page .progress-bar{top:46px}
}
body.changelog-page .dsearch{cursor:pointer}