/* Hand-designed pages (CVL-795): /seo-audit, /pricing, /session-replay. Tokens from global.css only. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.hidden{display:none}
.stat-line{color:var(--mute);font-size:.875rem;line-height:1.35}.stat-line b{color:var(--ink);font-weight:600}
.flag.demo{display:inline-block;padding:2px 7px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--white);color:var(--mute);font:500 .6875rem/1.5 var(--mono);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}

/* Shared layouts */
main>section.wrap,main>.wrap{width:100%}
.split{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(24px,6vw,96px);padding-block:clamp(56px,8vw,112px);align-items:start}
.split-t>h2{margin-bottom:clamp(20px,3vw,40px)}.split-t p{color:var(--mute)}.split-t p+p{margin-top:14px}
.shot{position:relative;min-width:0}.shot img{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:var(--r);box-shadow:0 1px 2px rgba(16,24,40,.04),0 18px 40px rgba(16,24,40,.08)}
.shot figcaption{margin-bottom:8px}.shot figcaption.below{margin:10px 0 0;color:var(--mute);font-size:.875rem}
.plain-rows>div{padding-block:18px;border-top:1px solid var(--line)}.plain-rows>div:last-child{border-bottom:1px solid var(--line)}
.plain-rows h3{margin-bottom:6px}.plain-rows p{color:var(--mute)}.plain-rows a{color:var(--brand-600)}
.line-steps{display:grid;gap:clamp(20px,3vw,48px);margin-top:clamp(28px,4vw,56px);border-top:2px solid var(--ink)}
.line-steps.four{grid-template-columns:repeat(4,minmax(0,1fr))}
.line-steps li{position:relative;padding-top:20px}
.line-steps li::before{content:"";position:absolute;top:-7px;left:0;width:12px;height:12px;border-radius:50%;background:var(--brand-500);box-shadow:0 0 0 3px var(--paper)}
.line-steps p{font-size:1.0625rem;line-height:1.4}

/* The reading zone: all the ranking text, always visible, with its contents beside it */
.read-grid{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,9fr);gap:clamp(24px,6vw,96px);padding-block:clamp(56px,8vw,112px);align-items:start}
.rail{position:sticky;top:88px;display:grid;gap:2px;font-size:.9375rem}
.rail p{margin-bottom:8px;font-weight:600}
.rail a{padding:5px 0;color:var(--mute);line-height:1.3;text-decoration:none}.rail a:hover{color:var(--brand-600);text-decoration:underline;text-underline-offset:3px}
.read{max-width:44em}
.read h2{margin:clamp(40px,5vw,64px) 0 16px;font-size:clamp(1.625rem,2.6vw,2.25rem);line-height:1.1;letter-spacing:-.025em;scroll-margin-top:84px}
.read h2:first-child{margin-top:0}
.read h3{margin:28px 0 6px;font-size:1.125rem;letter-spacing:-.01em}
.read p,.read li{color:var(--mute)}.read p+p{margin-top:14px}.read a{color:var(--brand-600);text-underline-offset:2px}
.read ol,.read ul{list-style:revert;padding-left:1.3em;margin-block:12px}.read li+li{margin-top:8px}.read strong{color:var(--ink)}
.again{display:flex;gap:8px;max-width:640px}
.field{flex:1;min-width:0;min-height:54px;padding:0 16px;border:1px solid var(--faint);border-radius:var(--r);background:var(--white);color:var(--ink);font:400 1.0625rem var(--sans)}
.field::placeholder{color:var(--faint)}.again .btn{min-height:54px}

/* /seo-audit: the tool is the first screen */
.tool{background:var(--ink);color:#fff;padding-block:clamp(32px,6svh,72px)}
.tool-grid{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:clamp(32px,6vw,96px);align-items:center}
.tool h1{color:#fff;font-size:clamp(2.75rem,min(7vw,12svh),6rem)}
.tool .lede{margin-top:clamp(14px,2.4svh,24px);color:hsl(220,20%,82%);max-width:31.5em}
body .tool .audit-col{margin-top:clamp(20px,3.4svh,36px);max-width:none;text-align:left}
body .tool .field-label{display:block;margin-bottom:8px;color:#fff;font-weight:600;font-size:1rem}
body .tool .inputrow{display:flex;gap:8px;max-width:none;margin:0}
body .tool .inputrow .field{flex:1;width:auto;min-height:64px;font-size:1.25rem;border-color:var(--white)}
body .tool .inputrow .btn{min-height:64px;padding-inline:30px;font-size:1.125rem;border-color:var(--brand-500)}
body .tool .risk{margin:10px 0 0;color:hsl(220,20%,82%);font-size:.875rem;text-align:left}
.tool-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin-top:clamp(14px,2.6svh,28px);max-width:none}
.tool .stat-line{color:hsl(220,20%,82%)}.tool .stat-line b{color:#fff}
.tool .chip{background:transparent;border-color:hsl(220,15%,40%);color:hsl(220,20%,82%)}
body .audit-example{padding:0;margin:0;max-width:none;min-width:0}
body .audit-example>.klabel{margin:0 0 8px;color:hsl(220,20%,82%);font:500 .8125rem/1.3 var(--sans);letter-spacing:0;text-transform:none}
.audit-ex{padding:clamp(20px,2.6vw,36px);background:var(--white);color:var(--ink);border-radius:var(--r);box-shadow:0 2px 4px rgba(0,0,0,.2),0 24px 56px rgba(0,0,0,.35)}
body .audit-ex .audit-ex-score{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 10px;margin:0;font-size:1.25rem;font-weight:600;color:var(--ink);max-width:none}
body .audit-ex .audit-ex-score b{font-size:clamp(4.5rem,9vw,7.5rem);line-height:.9;letter-spacing:-.05em;font-weight:700;color:var(--ink)}
body .audit-ex .audit-ex-score span{flex-basis:100%;margin-top:6px;color:var(--mute);font-size:.9375rem;font-weight:400}
.score-bar{display:block;height:10px;margin-top:14px;background:linear-gradient(90deg,var(--leak-bar) calc(var(--v)*100%),var(--line-soft) 0);border-radius:2px}
body .audit-ex .klabel{margin:22px 0 4px;color:var(--ink);font:600 1.0625rem/1.3 var(--sans);letter-spacing:-.01em;text-transform:none}
.ex-issues li{position:relative;padding:12px 0 16px;border-bottom:1px solid var(--line-soft);font-weight:500;line-height:1.3}
.ex-issues li::after{content:"";position:absolute;left:0;bottom:7px;height:4px;width:calc(var(--v)*100%);background:var(--broken);border-radius:2px}
body .audit-ex .risk{margin:14px 0 0;color:var(--mute);font-size:.875rem;line-height:1.4;text-align:left}
/* Pressing Crawl: the marketing steps aside and the run takes over */
body:has(#run:not(.hidden)) .audit-example,body:has(#run:not(.hidden)) .tool .lede,body:has(#run:not(.hidden)) .tool-meta,body:has(#run:not(.hidden)) .tool .risk,.scan-link .audit-example,.scan-link .tool .lede,.scan-link .tool-meta,.scan-link .tool .risk{display:none}
body:has(#run:not(.hidden)) .tool-grid,.scan-link .tool-grid{grid-template-columns:minmax(0,1fr)}
body:has(#run:not(.hidden)) .tool,.scan-link .tool{padding-block:18px 22px}
body:has(#run:not(.hidden)) .tool h1,.scan-link .tool h1{font-size:1.5rem;letter-spacing:-.02em}
body:has(#run:not(.hidden)) .tool .audit-col,.scan-link .tool .audit-col{margin-top:8px}
body:has(#run:not(.hidden)) .tool .inputrow .field,body:has(#run:not(.hidden)) .tool .inputrow .btn,.scan-link .tool .inputrow .field,.scan-link .tool .inputrow .btn{min-height:50px;font-size:1rem}
body[data-page="/seo-audit"] #run,body[data-page="/seo-audit"] #result,body[data-page="/seo-audit"] #log,body[data-page="/seo-audit"] #problem{max-width:1100px;margin-inline:auto;padding-inline:var(--gut);text-align:left}
.how-band{padding-block:clamp(56px,8vw,112px)}
.audit-close{margin-top:0}
.close-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,3vw,48px);margin-block:clamp(32px,4vw,56px)}
.close-three h3{margin-bottom:8px}body .close-three p{margin:0;font-size:1.0625rem}
.close .again .btn.brand{background:var(--ink);border-color:var(--ink);color:#fff}.close .again .btn.brand:hover{background:#fff;border-color:#fff;color:var(--ink)}
.close .field{border-color:#fff}
body .close-ai{margin:20px 0 14px;font-size:1rem}.close-ai code{overflow-wrap:anywhere}
/* CVL-836: code on the blue close band takes the band's text colour; main p code's ink was 3.5:1 on it */
.close :is(p,li) code{color:inherit}

/* /pricing: the dial is the first screen */
/* One frame: logo, h1, dial and sections share the left edge at every width; hero and Free strip split where the dial splits. */
body[data-page="/pricing"] .wrap,body[data-page="/session-replay"] .wrap,body[data-page="/start"] .wrap,body[data-page="/how-it-works"] .wrap,body[data-page="/product"] .wrap,body[data-page="/developers"] .wrap{max-width:none}
.price-head{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:0;padding-inline:0;padding-block:clamp(20px,3.4svh,40px) clamp(16px,2.8svh,32px);align-items:end}
.price-head h1{padding-inline:var(--gut)}.price-head>div{padding-inline:var(--gut);border-left:1px solid transparent}
.price-head h1{font-size:clamp(2.5rem,min(4.8vw,9svh),4.5rem);line-height:1}
.price-head .lede{max-width:none;font-size:clamp(1rem,1.2vw,1.125rem)}
.price-offer{margin-top:10px;padding:8px 14px;background:var(--brand-50);border-radius:var(--r);font-size:.9375rem;line-height:1.35;max-width:none}
.v2-dial{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);border-block:1px solid var(--line)}
.dial-pick{display:flex;flex-direction:column;padding:clamp(16px,2.6svh,28px) 0 0;min-width:0}
.dial-pick label{padding-inline:var(--gut);font-weight:600;font-size:1.0625rem}
.v2-visits{padding-inline:var(--gut);font-size:clamp(2.25rem,4.4vw,4rem);font-weight:700;line-height:1.1;letter-spacing:-.035em}
.v2-visits small{font-size:1.0625rem;font-weight:400;letter-spacing:0;color:var(--mute)}
.v2-ticks{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));flex:1;min-height:clamp(150px,27svh,270px);margin-top:10px}
.v2-ticks button{position:relative;display:flex;flex-direction:column;justify-content:flex-end;padding:0;border:0;background:none;color:var(--mute);font:500 .9375rem var(--sans);cursor:pointer}
.v2-ticks i{display:block;flex:none;height:calc(var(--n)*(100% - 40px));background:var(--brand-100);transition:background .15s,height .3s cubic-bezier(.16,1,.3,1)}
.v2-ticks button:hover i{background:hsl(210,100%,82%)}
.v2-ticks button.on i{background:var(--brand-500)}
.v2-ticks button[aria-pressed=true] i{background:var(--brand-600)}
.v2-ticks span{order:2;padding-block:8px}.v2-ticks button[aria-pressed=true] span{color:var(--ink);font-weight:700}
.v2-ticks em{position:absolute;left:50%;bottom:calc(var(--n)*(100% - 40px) + 44px);transform:translateX(-50%);color:var(--win);font:600 .875rem var(--sans)}
#v2-step{display:block;width:100%;height:28px;margin:0;accent-color:var(--brand-500);cursor:pointer}
.dial-plan{padding:clamp(16px,2.6svh,28px) var(--gut);border-left:1px solid var(--line);background:var(--white);min-width:0}
.plan-top{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px}
.v2-name{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.v2-name[hidden]{display:none}
.v2-name h2{font-size:1.5rem;letter-spacing:-.02em;margin-right:4px}
.v2-tag{padding:2px 8px;border-radius:var(--r-sm);background:var(--brand-50);color:var(--brand-600);font-size:.8125rem;font-weight:600;white-space:nowrap}.v2-tag.trial{background:var(--win-bg);color:var(--win)}
.toggle{display:inline-flex;border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.toggle button{min-height:38px;padding:0 12px;border:0;background:none;color:var(--mute);font:500 .875rem var(--sans);cursor:pointer}
.toggle button[aria-pressed=true]{background:var(--ink);color:#fff}
.v2-price{margin-top:clamp(6px,1.4svh,14px);font-size:clamp(3rem,min(6vw,11svh),5.5rem);font-weight:700;line-height:1;letter-spacing:-.045em;cursor:pointer}
.v2-price small{font-size:1.125rem;font-weight:400;letter-spacing:0;color:var(--mute)}
.v2-price s{margin-right:10px;font-size:.45em;font-weight:500;color:var(--mute);letter-spacing:-.02em}
.v2-rate{min-height:1.2em;color:var(--mute);font-size:.9375rem;line-height:1.3}
.dial-plan .cta-row{margin-top:6px}
/* ponytail: pricing-v2.js writes to #v2-free, so it stays in the page, unseen; the Free strip right below does its job. */
.v2-free,.dial-plan .v2-trial[hidden]{display:none}
.dial-plan .v2-trial{display:block;margin-top:8px;color:var(--mute);font-size:.875rem;line-height:1.35}
.v2-allow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px;margin-top:clamp(8px,1.6svh,16px)}
.v2-allow div{padding:7px 0;border-top:1px solid var(--line-soft)}
.v2-allow dt{color:var(--mute);font-size:.8125rem;line-height:1.3}.v2-allow dd{font-size:.9375rem;font-weight:600;line-height:1.3}
.v2-freecard{background:var(--paper);border-bottom:1px solid var(--line-soft)}
.free-row{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:start;gap:14px 0;padding-inline:0;padding-block:18px}
.free-name{padding-inline:var(--gut)}.free-name h2{font-size:1.5rem;line-height:1.1;letter-spacing:-.02em}.free-name p{color:var(--mute);font-size:.9375rem}.free-name .stat-line{margin-top:8px;font-size:.875rem}
.free-form{display:flex;flex-direction:column;gap:6px;min-width:0;padding-inline:var(--gut);border-left:1px solid transparent}
.free-doors{display:flex;flex-wrap:wrap;gap:8px}.free-doors .btn{flex:1 1 200px;gap:10px;min-height:46px}.free-doors .pico{flex:none;width:18px;height:18px}.free-doors .is-opening .pico{display:none}.free-doors .btn.brand .pico{padding:2px;border-radius:3px;background:#fff;box-sizing:content-box}
.free-email summary{display:inline-flex;align-items:center;min-height:44px;color:var(--brand-600);font-size:.9375rem;font-weight:600;text-decoration:underline;text-underline-offset:3px;cursor:pointer;list-style:none}.free-email summary::-webkit-details-marker{display:none}
.free-email .inputrow{display:flex;gap:8px;min-width:0}.free-email .field{flex:1;min-width:0;min-height:46px}.free-email .btn{min-height:46px}
.includes{padding-block:clamp(56px,8vw,112px);background:var(--ink);color:#fff}
.includes ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 clamp(24px,6vw,96px);margin-top:clamp(24px,4vw,48px)}
.includes li{padding-block:12px;border-top:1px solid hsl(220,15%,28%);font-size:clamp(1.25rem,2.2vw,2rem);font-weight:600;line-height:1.2;letter-spacing:-.02em}
.includes a{text-decoration:none}.includes a:hover{text-decoration:underline;text-underline-offset:4px}
.v2-facts{margin-top:clamp(20px,3vw,36px);max-width:none;color:hsl(220,20%,82%)}
.promises{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(20px,3vw,48px);padding-block:clamp(48px,6vw,88px)}
.promises h3{margin-bottom:8px;padding-top:14px;border-top:2px solid var(--ink)}.promises p{color:var(--mute);font-size:1rem}
.ladder-sec{padding-block:0 clamp(56px,8vw,112px)}.ladder-sec h2{margin-bottom:clamp(20px,3vw,36px)}
.v2-ladder{overflow-x:auto}
.v2-ladder table{width:100%;min-width:860px;border-collapse:collapse;font-size:.9375rem;line-height:1.3}
.v2-ladder th{padding:10px 12px;text-align:left;font-size:.8125rem;font-weight:600;color:var(--mute);border-bottom:2px solid var(--ink);vertical-align:bottom}
.v2-ladder td{padding:13px 12px;border-bottom:1px solid var(--line);vertical-align:top}
.v2-ladder td:nth-child(-n+2){font-weight:600}
.v2-ladder tbody tr{cursor:pointer;transition:background .15s}.v2-ladder tbody tr:hover{background:var(--paper)}
.v2-ladder tr.on td{background:var(--brand-50)}
.tax{margin-top:12px;color:var(--mute);font-size:.875rem;max-width:55em}.tax a{text-underline-offset:2px}
.sum{margin-top:24px;padding:20px 22px;background:var(--white);border:1px solid var(--line);border-radius:var(--r)}
.sum h3{margin-bottom:6px}.sum p{font-size:1.125rem;line-height:1.4;font-weight:500}
.seo-reports{padding-bottom:clamp(56px,8vw,112px)}

/* /session-replay: the replay is the first screen */
/* Hero: words and button left, film right, on the same two columns as every section below. */
.replay-head{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(24px,6vw,96px);padding-block:clamp(24px,4svh,48px);align-items:center}
.replay-head h1{font-size:clamp(2.125rem,min(3.5vw,7svh),3.5rem);line-height:1.05;text-wrap:balance}
.replay-act .lede{margin-block:16px 10px;font-weight:600;color:var(--ink)}.replay-offer{margin-bottom:16px}
.risk{color:var(--mute);font-size:.875rem;line-height:1.4}.replay-act .risk{margin-top:10px}.replay-act .risk a{text-underline-offset:2px}
.stage{padding-block:clamp(20px,3vw,40px);background:var(--ink);color:#fff}
.stage-film{min-width:0}
.stage-film video{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:var(--r);background:#000;box-shadow:0 1px 2px rgba(16,24,40,.04),0 18px 40px rgba(16,24,40,.08)}
.stage-film figcaption{margin-top:10px;color:var(--mute);font-size:.875rem}
.stage .flag.demo{background:transparent;border-color:hsl(220,15%,40%);color:hsl(220,20%,82%)}
.watch-h{font-size:clamp(1.25rem,1.8vw,1.625rem);line-height:1.15;letter-spacing:-.02em;font-weight:600}
.watch ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 clamp(20px,3vw,48px);margin-top:14px}
.watch li{padding-block:clamp(12px,1.6vw,20px);border-top:1px solid hsl(220,15%,28%);font-size:clamp(1.0625rem,1.5vw,1.3125rem);line-height:1.25;font-weight:600;letter-spacing:-.012em}
.watch-note{max-width:none;padding-top:14px;border-top:1px solid hsl(220,15%,28%);color:hsl(220,20%,82%);font-size:.875rem}
.marks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px;margin-top:22px}
.marks li{display:flex;align-items:center;gap:10px;min-height:44px;border-top:1px solid var(--line-soft);font-size:.9375rem;font-weight:500}
.marks i{flex:none;width:12px;height:12px;border-radius:50%}
.m-page{background:var(--ink);border-radius:2px!important}.m-click{background:var(--brand-500)}.m-rage{background:var(--broken)}.m-dead{background:var(--leak-bar)}.m-error{background:var(--broken);border-radius:2px!important;transform:rotate(45deg)}.m-type{background:var(--faint);height:4px!important;border-radius:2px!important}
.find,.marks-sec{padding-block:clamp(40px,6vw,88px)}
.marks-sec{border-top:1px solid var(--line)}
.side-sec{padding-block:clamp(56px,8vw,112px);background:var(--paper);border-block:1px solid var(--line-soft);scroll-margin-top:64px}
.side-sec h2{margin-bottom:clamp(20px,3vw,36px)}
/* Owner 11-04: tighter sections on this page. */
body:is([data-page="/session-replay"],[data-page="/start"],[data-page="/how-it-works"],[data-page="/product"],[data-page="/developers"]) :is(.split,.find,.marks-sec,.side-sec,.read-grid,.faq,.start-sec,.hiw-steps){padding-block:clamp(28px,3.4vw,48px)}
body[data-page="/session-replay"] .fits{padding-block:clamp(28px,3.4vw,48px) 0}
body:is([data-page="/session-replay"],[data-page="/start"],[data-page="/how-it-works"],[data-page="/product"],[data-page="/developers"]) .split-t>h2{margin-bottom:clamp(12px,1.4vw,20px)}
.shot img+img{margin-top:12px}.shot-note{margin-top:10px;color:var(--mute);font-size:.875rem}
.cmp .btn.brand{display:flex;justify-content:center;color:#fff}.cmp .cmp-cta td{border-bottom:0}
@media (min-width:981px){
  /* Lower half uses the same two columns as the sections above: read text starts where the images start. */
  body[data-page="/session-replay"] .read-grid,body[data-page="/session-replay"] .sources-sec{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(24px,6vw,96px);align-items:start}
  body[data-page="/session-replay"] .read{max-width:none}body[data-page="/session-replay"] #sources{max-width:none}
}
.cmp .v2-tag.trial{display:inline-block;margin-block:6px;white-space:normal}.cmp .cell-offer{display:block;margin-bottom:6px}
.cmp-wrap{overflow-x:auto}
.cmp{width:100%;min-width:820px;border-collapse:collapse;background:var(--white);font-size:.9375rem;line-height:1.35}
.cmp th,.cmp td{padding:14px 16px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}
.cmp thead th{font-size:1.0625rem;font-weight:700;border-bottom:2px solid var(--ink)}
.cmp tbody th{width:17%;font-weight:600}
.cmp td{color:var(--mute)}.cmp .lead{display:block;margin-bottom:2px;color:var(--ink);font-weight:600}
.cmp thead th:last-child,.cmp td:last-child{background:var(--brand-50)}.cmp thead th:last-child{color:var(--brand-600)}
.cmp a{color:var(--brand-600)}.src{margin-left:2px;font-size:.75em;vertical-align:super;color:var(--brand-600);text-decoration:none}
.nofact.asof,.side-sec .nofact{margin-top:12px;color:var(--mute);font-size:.875rem;max-width:55em}.side-sec .nofact a{text-underline-offset:2px}
.fits{padding-block:clamp(56px,8vw,112px) 0}
.three-lines{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,3vw,48px);margin-top:clamp(24px,3vw,40px)}
.three-lines li{padding-top:14px;border-top:2px solid var(--ink);color:var(--mute)}
.three-lines strong{display:block;margin-bottom:8px;color:var(--ink);font-size:1.3rem;line-height:1.2;letter-spacing:-.015em}
.read-audit{margin-top:clamp(32px,4vw,56px);padding-top:20px;border-top:1px solid var(--line)}.read-audit p{margin-bottom:10px;color:var(--ink);font-weight:500}
.sources-sec{padding-block:0 clamp(48px,6vw,88px)}
.sources-sec h2{font-size:1.125rem;letter-spacing:-.01em;margin-bottom:8px}
#sources{list-style:decimal;padding-left:1.4em;color:var(--mute);font-size:.875rem;max-width:55em}#sources li{padding-block:3px;scroll-margin-top:84px}#sources li:target{background:var(--leak-bg)}#sources a{overflow-wrap:anywhere}
main>.close{margin-top:0}
.stick-cta{position:fixed;left:0;right:0;bottom:0;z-index:15;display:flex;justify-content:flex-end;align-items:center;gap:14px;padding:8px var(--gut);background:var(--bg);border-top:1px solid var(--line)}
.stick-cta[hidden]{display:none}.stick-cta .btn{min-height:42px}.stick-cta span{color:var(--mute);font-size:.9375rem}

@media (max-width:980px){
  .tool-grid,.split,.read-grid,.price-head,.v2-dial,.replay-head,.watch ol{grid-template-columns:minmax(0,1fr)}
  .dial-plan{border-left:0;border-top:1px solid var(--line)}
  .free-row{grid-template-columns:minmax(0,1fr)}
  .rail{position:static;padding-bottom:16px;border-bottom:1px solid var(--line)}
  .promises,.line-steps.four{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
  .line-steps.four{grid-template-columns:minmax(0,1fr);border-top:0;border-left:2px solid var(--ink);padding-left:20px}
  .line-steps li{padding-top:0}.line-steps li::before{left:-27px;top:6px}
  .close-three,.three-lines,.promises,.includes ul{grid-template-columns:minmax(0,1fr)}
  body .tool .inputrow,.again,.free-email .inputrow{flex-direction:column;align-items:stretch}
  body .tool .inputrow .field{flex:none;width:100%}.field{flex:none;width:100%}
  .v2-allow{grid-template-columns:minmax(0,1fr)}
  .v2-ticks{min-height:130px}.v2-ticks button{font-size:.75rem}
  .toggle{width:100%}.toggle button{flex:1}
  .stick-cta span{display:none}.stick-cta .btn{flex:1}
}

/* Fixes after the first look */
.stat-line:has(b:empty){display:none}#v2-stat:has(b:empty){display:block;visibility:hidden}
body .tool :not(.btn){text-align:left}
body .tool .field{font-family:var(--sans)}
.tool .chip{font-family:var(--sans);text-transform:none;letter-spacing:0}
.ex-issues{margin:0;padding:0;list-style:none}
.close .risk{color:#fff}
/* /seo-audit run and result: one left edge with the rest of the page, no boxes inside boxes */
body[data-page="/seo-audit"] #run,body[data-page="/seo-audit"] #result,body[data-page="/seo-audit"] #log,body[data-page="/seo-audit"] #problem{max-width:1440px}
#result>.card,#log>.card{padding:0;border:0;background:none;box-shadow:none}
#result>#resultMore{padding-top:24px;border-top:1px solid var(--line)}
.teaser{border:0;padding:0}
#resultHead{font-size:clamp(2.5rem,5vw,4.5rem)}
.scoreblock .klabel{font:600 1.0625rem/1.3 var(--sans);letter-spacing:-.01em;text-transform:none;color:var(--ink)}
.scoreline{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 14px;font-family:var(--sans)}
.scorebig{font:700 clamp(5rem,11vw,9rem)/.95 var(--sans);letter-spacing:-.05em}
.scorerest{font:500 1.25rem var(--sans);color:var(--mute)}
#pillars{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,2vw,32px);max-width:none;margin-block:16px}
#pillars li{font-weight:600;width:auto}#pillars .pbar{height:10px;width:100%;border-radius:2px}
#sev{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,2vw,32px);margin-block:28px}
#sev .sevbox{padding:12px 0 0;border:0;border-top:2px solid var(--ink);border-radius:0;background:none}
#sev .n{font:700 clamp(2.25rem,4vw,3.5rem)/1 var(--sans);letter-spacing:-.03em}
#sev .l{font-size:.9375rem}
#fixHead{margin-top:clamp(28px,4vw,48px)!important;font-size:clamp(1.5rem,2.4vw,2rem);letter-spacing:-.015em}
#issues{display:block}
.fixlead{margin:0 0 14px;color:var(--mute)}
#issues .alsohead{margin-top:36px;padding:0 0 12px;border:0;font-size:1.375rem;letter-spacing:-.01em}
#issues .issue{display:grid;grid-template-columns:2.25rem minmax(0,1fr);column-gap:clamp(8px,1.5vw,20px);align-items:start;min-width:0;padding:20px 0;border:0;border-top:1px solid var(--line)}
#issues .issue>*{grid-column:2;min-width:0}
#issues .issue>.issue-no{grid-column:1;grid-row:1;font:600 1.125rem/1.4 var(--sans);color:var(--mute);font-variant-numeric:tabular-nums}
#issues .issue>h4{margin:0 0 2px;font-size:clamp(1.0625rem,1.3vw,1.1875rem);line-height:1.35}
#issues .issue .fixtext{margin:4px 0 0;max-width:42.5em}
.share-band{margin-top:clamp(28px,4vw,48px)}
.share-band h3{margin:0 0 12px;font-size:1.125rem}
.share-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(8px,1.2vw,16px)}
.share-tile{display:flex;flex-direction:column;gap:4px;min-height:92px;padding:16px;border:1px solid var(--line);border-radius:8px;background:none;color:var(--ink);font:inherit;text-align:left;cursor:pointer}
.share-tile:hover{border-color:var(--ink)}
.share-tile b{font-size:1rem;font-weight:600;color:var(--brand-600)}
.share-tile span{font-size:.875rem;line-height:1.4;color:var(--mute)}
.share-band #scanOther{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2px clamp(16px,3vw,40px);margin-top:clamp(8px,1.2vw,16px)!important;padding:16px;border:1px solid var(--line);border-radius:8px;background:none;box-shadow:none}
.share-band #scanOther.hidden{display:none}
.share-band #scanOther h2{margin:0;font-size:1rem;font-weight:600}
.share-band #scanOther>p:not(:last-child){grid-column:1;margin:0!important;font-size:.875rem;color:var(--mute)}
.share-band #scanOther>p:last-child{grid-column:2;grid-row:1/span 2;margin:0!important}
#fixMore{margin:-12px 0 0;color:var(--mute)}
#fixMore .tlink{display:inline;min-height:0;padding:0}
.share-tile.ok{border-color:var(--brand-600)}.share-tile.ok span{color:var(--ink)}
.issue .issueline{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0;color:var(--mute);font-size:.875rem;font-weight:400;text-decoration:none;cursor:pointer}
.issue .issueline:hover{color:var(--ink);text-decoration:underline}
.issue .linkbtn{display:inline-flex;align-items:center;min-height:44px;margin-right:20px;font-size:.9375rem}
#rows .row{grid-template-columns:48px minmax(0,1fr) auto;gap:12px;padding:10px 16px;align-items:baseline}
@media (max-width:640px){
  #issues .issue{grid-template-columns:1.75rem minmax(0,1fr)}
  #scanOther.card{display:block}#scanOther p{margin-top:4px}#scanOther .btn{width:100%;margin-top:8px}
  .share-tiles{grid-template-columns:minmax(0,1fr)}.share-tile{min-height:0}
  #pillars{grid-template-columns:repeat(2,minmax(0,1fr))}
  #sev{grid-template-columns:repeat(3,minmax(0,1fr))}
  #rows .row{grid-template-columns:40px minmax(0,1fr)}#rows .row .n{grid-column:2}
  /* phone: the dial comes straight after the heading; the sentences follow it */
  body[data-page="/pricing"] main{display:flex;flex-direction:column}
  .price-head{display:contents}
  .price-head h1{order:-2;padding:16px var(--gut) 12px}
  .v2-dial{order:-1}
  .price-head>div{padding:16px var(--gut)}
  .v2-ticks{min-height:110px}
  /* comparison table stacks, each value named by its tool */
  .cmp{min-width:0;display:block}.cmp thead{display:none}.cmp tbody,.cmp tr{display:block}
  .cmp tr{padding-block:12px;border-bottom:2px solid var(--ink)}
  .cmp tbody th,.cmp td{display:block;width:auto;padding:8px 12px;border:0}
  .cmp tbody th{font-size:1.125rem}
  .cmp .cmp-cta td[colspan]{display:none}.cmp .cmp-cta td::before{content:none}
  .cmp td::before{content:attr(data-col);display:block;margin-bottom:2px;color:var(--mute);font-size:.8125rem;font-weight:600}
}
.tool .lede{margin-inline:0}
#scoreOverall .scorebig{font-size:clamp(5rem,11vw,9rem);line-height:.95}
#issues .issueline{color:var(--mute);font-size:.875rem;font-weight:400}
/* bars keep their height when the plan column changes */
.v2-ticks{flex:none;height:clamp(150px,30svh,290px);min-height:0;margin-top:auto}
@media (max-width:640px){.v2-ticks{height:110px;min-height:0}}
body .tool .lede.lede{margin-left:0;margin-right:0}
.plain-rows .hd,.promises .hd{margin-bottom:6px;color:var(--ink);font-size:clamp(1.125rem,1.5vw,1.3125rem);font-weight:600;line-height:1.2;letter-spacing:-.012em}
.promises .hd{margin-bottom:8px;padding-top:14px;border-top:2px solid var(--ink)}
/* /start: the form left, what you get right, on the same two columns as the sections below. */
.start-form h1{font-size:clamp(2.25rem,min(3.5vw,7svh),3.5rem);line-height:1.05}.start-form .lede{margin-block:12px 20px;color:var(--mute)}
.start-steps{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:18px;color:var(--mute);font-size:.8125rem}
.start-steps li{display:inline-flex;align-items:center;gap:6px;padding:4px 10px 4px 4px;border:1px solid var(--line);border-radius:999px}
.start-steps span{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--paper);font-weight:600}
.start-steps [aria-current=step]{border-color:var(--brand-500);color:var(--ink)}.start-steps [aria-current=step] span{background:var(--brand-500);color:#fff}
.start-form .free-email{margin-top:8px}
.start-side .shot img{aspect-ratio:2532/1232;object-fit:cover;object-position:top}
.start-form .inputrow{display:flex;gap:8px}.start-form .field{flex:1;min-width:0;min-height:46px}.start-form .inputrow .btn{min-height:46px}
.start-offer{margin-top:14px}.start-trial{margin-top:8px;font-weight:700;color:var(--ink);max-width:none}.start-signin{margin-top:10px;color:var(--mute);font-size:.9375rem}.start-signin form{display:inline}.start-signin .tlink{padding:0;border:0;background:none;font:inherit;cursor:pointer}
.start-ticks{display:grid;gap:8px;margin-block:18px 12px}.start-ticks li{position:relative;padding-left:26px;font-weight:500}.start-ticks li::before{content:"";position:absolute;left:2px;top:.3em;width:14px;height:14px;border-radius:50%;background:var(--win)}
.start-form .risk+.risk{margin-top:4px}
body[data-page="/start"] main h2{font-size:clamp(1.625rem,2.6vw,2.25rem);line-height:1.1}
.start-next p{padding-block:10px;border-top:1px solid var(--line);color:var(--mute);max-width:none}.start-next p:first-child{border-top:0;padding-top:0}
.start-sec h2{margin-bottom:0}.start-sec .three-lines h3{margin-bottom:8px;padding-top:14px;border-top:2px solid var(--ink)}.start-sec .three-lines p{color:var(--mute)}
.start-tag{margin-bottom:10px;padding:12px;overflow-x:auto;border-radius:var(--r);background:var(--ink);color:#fff;font:400 .8125rem/1.5 var(--mono);white-space:pre-wrap}
@media (max-width:640px){.start-form .inputrow{flex-direction:column;align-items:stretch}.start-form .field{flex:none;width:100%}}
/* Step you are on pulses blue; the two ahead glow orange. Motion only for those who have not asked for less. */
.start-steps li:not([aria-current]){border-color:hsl(28,90%,50%);box-shadow:0 0 10px hsla(28,95%,50%,.45);color:var(--ink)}
.start-steps li:not([aria-current]) span{background:hsl(28,90%,42%);color:#fff}
@media (prefers-reduced-motion:no-preference){
.start-steps [aria-current=step]{animation:step-pulse 1.6s ease-in-out infinite}
.start-steps li:not([aria-current]){animation:step-glow 2.4s ease-in-out infinite}
@keyframes step-pulse{50%{box-shadow:0 0 0 5px hsla(210,98%,42%,.28)}}
@keyframes step-glow{50%{box-shadow:0 0 16px hsla(28,95%,50%,.75)}}
}
.start-sec .three-lines .tlink{display:inline}.start-sec .three-lines p+p{margin-top:10px}
/* /how-it-works */
body:is([data-page="/how-it-works"],[data-page="/product"],[data-page="/developers"]) main section:not(.close) h2{font-size:clamp(1.625rem,2.6vw,2.25rem);line-height:1.1}
.hiw-hero .lede{font-weight:400;color:var(--mute)}
body .hiw-hero{align-items:start;padding-block:clamp(10px,2svh,20px) clamp(24px,3svh,36px)}
.hiw-hero .shot{justify-self:start;width:100%;max-width:calc((100svh - 150px)*1.366)}
.hiw-steps>ol{margin:clamp(16px,2vw,28px) 0 0;padding:0;list-style:none}
.hiw-step{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(24px,6vw,96px);align-items:start;padding-block:clamp(24px,3vw,40px);border-top:1px solid var(--line)}
.hiw-n{display:grid;place-items:center;width:32px;height:32px;margin-bottom:12px;border-radius:50%;background:var(--brand-500);color:#fff;font-weight:700}
.hiw-when{margin-top:2px;color:var(--mute)}
.hiw-step ul{margin:16px 0 0;padding:0;list-style:none}.hiw-step ul li{padding-block:10px;border-top:1px solid var(--line);color:var(--mute);font-size:.9375rem;line-height:1.5}.hiw-step ul li b{color:var(--ink)}
.hiw-walk summary h3{margin:0;font:inherit;letter-spacing:inherit}
.hiw-room{font-size:.9375rem}.hiw-room p{margin-bottom:16px;color:var(--mute);line-height:1.55}.hiw-room .tlink{display:inline}.hiw-room .lim{color:var(--ink)}
.hiw-audit .inputrow{display:flex;gap:8px;margin-top:16px}.hiw-audit .field{flex:1;min-width:0;min-height:46px}.hiw-audit .btn{min-height:46px}.hiw-audit p{color:var(--mute)}.hiw-audit p .tlink{display:inline}
.split-t p .tlink{display:inline}
.close .replay-offer .v2-tag{background:#fff}
@media (max-width:980px){.hiw-step{grid-template-columns:minmax(0,1fr)}.hiw-hero .shot{max-width:none}}
@media (max-width:640px){.hiw-audit .inputrow{flex-direction:column;align-items:stretch}.hiw-audit .field{flex:none;width:100%}}
/* /product */
body[data-page="/product"] main p .tlink{display:inline}
.where{margin-top:2px;color:var(--mute);font-size:.875rem}
.pv{margin-block:12px;color:var(--ink)}.where+p{margin-top:12px}.pv-k{display:block;margin-bottom:2px;color:var(--mute);font-family:var(--mono,monospace);font-size:.75rem;text-transform:uppercase;letter-spacing:.04em}
.hiw-step>div>p:not(.where):not(.pv):not(.hiw-n):not(.hiw-when){color:var(--mute);font-size:.9375rem;line-height:1.55}
.prod-more{border-top:1px solid var(--line)}.plain-rows p+p{margin-top:8px}
.prod-jump a{display:block;padding-block:18px;border-top:1px solid var(--line);color:inherit;text-decoration:none}.prod-jump a:last-child{border-bottom:1px solid var(--line)}.prod-jump a:hover h3{color:var(--brand-500)}
.ptabs{position:sticky;top:64px;z-index:5;display:flex;gap:4px 20px;overflow-x:auto;margin-top:12px;padding-block:10px;background:var(--bg,#fff)}.ptabs a{flex:none;color:var(--mute);font-weight:600;text-decoration:none}.ptabs a:hover{color:var(--brand-500)}
.prod-detail [id],#seo,#ships,#api{scroll-margin-top:124px}
.prod-compare{color:var(--mute)}
.ptabs a{padding-bottom:4px}.ptabs a[aria-current]{color:var(--brand-500);box-shadow:inset 0 -2px 0 var(--brand-500)}
.prod-more{padding-top:clamp(24px,3vw,40px)}.more-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 24px;margin-bottom:24px}
.more-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(32px,4vw,56px) clamp(24px,4vw,56px)}
.more-card{display:grid;grid-template-rows:subgrid;grid-row:span 2;row-gap:12px}.more-card>div>p:last-child{margin-top:8px;color:var(--mute);font-size:.9375rem}
@media (max-width:980px){.more-grid{grid-template-columns:minmax(0,1fr)}}
.more-card h3{font-size:1.125rem}
/* /developers. The reference keeps the live page's folded sections and tabs; these rules replace its stylesheet. */
body[data-page="/developers"]{
  & .still-dark{display:none}.still{margin-top:16px}
  & .still figcaption{margin-top:8px;color:var(--mute);font-size:.875rem}
  & .addr{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-block:12px;padding:10px 14px;border:1px solid var(--line);border-radius:var(--r);background:var(--paper)}
  & .addr code{flex:1 1 220px;overflow-wrap:anywhere;font-size:.9375rem}
  & .replay-act .lede{font-weight:400;color:var(--mute)}
  & .replay-act .cta-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px}
  & .dev-chat{margin-top:20px;padding:16px;border:1px solid var(--line);border-radius:var(--r);background:var(--paper)}
  & .dc-tag{display:inline-block;margin-bottom:8px;font-family:var(--mono);font-size:.6875rem;text-transform:uppercase;letter-spacing:.06em;color:var(--mute)}
  & .split-t .chat-q{margin:0 0 0 auto;max-width:85%;padding:10px 12px;border:1px solid var(--brand-100);border-radius:10px;background:var(--brand-50);color:var(--ink)}
  & .split-t .chat-a{margin-top:10px;max-width:92%;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink)}
  & .split-t .chat-src{margin-top:8px;font-family:var(--mono);font-size:.71875rem;color:var(--mute)}
  & .apptab-r{position:absolute;opacity:0;width:1px;height:1px}
  & .apptab-l{display:flex;flex-wrap:wrap;gap:4px 2px;border-bottom:1px solid var(--line)}
  & .apptab-l :is(label,a){display:inline-flex;align-items:center;min-height:44px;padding:0 12px;border-bottom:2px solid transparent;color:var(--mute);font-weight:600;font-size:.9375rem;text-decoration:none;cursor:pointer}
  & .apppanel{display:none;padding-top:14px}
  & :is(#app-claude:checked~.apppanel[data-app="claude"],#app-claude-code:checked~.apppanel[data-app="claude-code"],#app-chatgpt:checked~.apppanel[data-app="chatgpt"],#app-cursor:checked~.apppanel[data-app="cursor"],#app-vscode:checked~.apppanel[data-app="vscode"]){display:block}
  & :is(#app-claude:checked~.apptab-l [for="app-claude"],#app-claude-code:checked~.apptab-l [for="app-claude-code"],#app-chatgpt:checked~.apptab-l [for="app-chatgpt"],#app-cursor:checked~.apptab-l [for="app-cursor"],#app-vscode:checked~.apptab-l [for="app-vscode"]){color:var(--ink);border-bottom-color:var(--brand-500)}
  & :is(#app-claude:focus-visible~.apptab-l [for="app-claude"],#app-claude-code:focus-visible~.apptab-l [for="app-claude-code"],#app-chatgpt:focus-visible~.apptab-l [for="app-chatgpt"],#app-cursor:focus-visible~.apptab-l [for="app-cursor"],#app-vscode:focus-visible~.apptab-l [for="app-vscode"]){outline:3px solid var(--brand-400);outline-offset:2px}
  & .appsteps{counter-reset:s;list-style:none;padding:0}
  & .appsteps li{counter-increment:s;position:relative;min-height:28px;margin-top:10px;padding-left:38px}
  & .appsteps li::before{content:counter(s);position:absolute;left:0;top:0;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--brand-500);color:#fff;font-size:.8125rem;font-weight:700}
  & .apppanel>p{margin-top:12px}
  & .dev-ref{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:clamp(24px,5vw,72px);align-items:start;padding-block:clamp(28px,3.4vw,48px)}
  & .dev-side{position:sticky;top:84px;max-height:calc(100svh - 100px);overflow-y:auto}
  & .index{display:grid;margin-top:12px}
  & .index a{display:block;padding-block:7px;border-top:1px solid var(--line);color:var(--ink);font-weight:600;font-size:.9375rem;text-decoration:none}
  & .index a:hover{color:var(--brand-500)}
  & .index a span{display:block;color:var(--mute);font-weight:400;font-size:.8125rem}
  & .dev-docs{min-width:0}
  & .dev-docs>p{max-width:42.5em;margin-bottom:14px;color:var(--mute)}
  & details.doc{border-bottom:1px solid var(--line);scroll-margin-top:84px}
  & details.doc>summary{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:56px;list-style:none;cursor:pointer}
  & details.doc>summary::-webkit-details-marker{display:none}
  & details.doc>summary::after{content:"+";color:var(--brand-500);font-size:1.375rem;line-height:1}
  & details.doc[open]>summary::after{content:"\2212"}
  & main section details.doc>summary h2{font-size:1.125rem;line-height:1.3;scroll-margin-top:84px}
  & details.doc[open]{padding-bottom:24px}
  & details.doc :is(p,li){max-width:42.5em;margin-top:10px;color:var(--mute);font-size:.9375rem}
  & details.doc :is(ol,ul){margin-top:6px;padding-left:22px}
  & details.doc li{list-style:revert}
  & details.doc h3{margin-top:24px;font-size:1rem;scroll-margin-top:84px}
  & details.doc a:not(.btn){color:var(--brand-500)}
  & details.doc code{overflow-wrap:anywhere;color:var(--ink)}
  & details.doc strong{color:var(--ink)}
  & .installs{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
  & .snip{position:relative;margin-top:12px}
  & .snip pre{overflow-x:auto;padding:14px 74px 14px 16px;border:1px solid var(--line);border-radius:var(--r);background:var(--paper);color:var(--ink);font-family:var(--mono);font-size:.78125rem;line-height:1.65;white-space:pre}
  & .snip .copy{position:absolute;top:8px;right:8px;padding:4px 10px;font-size:.75rem;@media (max-width:760px){min-height:44px}}
  & .file{display:block;margin-top:14px;color:var(--mute);font-family:var(--mono);font-size:.75rem}
  & details.doc table{width:100%;margin-top:14px;border-collapse:collapse;font-size:.875rem}
  & details.doc :is(th,td){padding:9px 10px;border-bottom:1px solid var(--line);color:var(--mute);text-align:left;vertical-align:top}
  & details.doc th{color:var(--ink);font-weight:600}
  @media (max-width:980px){
    & .dev-ref{grid-template-columns:minmax(0,1fr)}
    & .dev-side{position:static;max-height:none;overflow:visible}
    & .index{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:16px}
  }
  @media (max-width:600px){.snip pre{padding-top:56px;padding-right:16px}}
}
body[data-page="/developers"]{
  & details.doc{padding-block:0}
  & details.doc[open]{padding-bottom:24px}
  & details.doc ol{list-style:decimal}.doc ul{list-style:disc}
  & details.doc li{list-style:inherit}
  & details.doc td:first-child{white-space:nowrap}
  & .still:not(.still-replay){overflow:visible}
  & .still:not(.still-replay) img{width:100%;max-width:560px;height:auto}
  & .still figcaption{max-width:42.5em}
  @media (max-width:600px){.addr code{flex:1 1 auto;font-size:.8125rem;overflow-wrap:normal}}
}
body[data-page="/developers"] .dev-setup{min-width:0}body[data-page="/developers"] .dev-setup .addr{margin-top:0}
/* /developers hero: tabs, steps and the address are one card; the address stays at its foot. */
body[data-page="/developers"]{
  & .hiw-hero{align-items:stretch}
  & .dev-setup{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--line);border-radius:var(--r);background:#fff;box-shadow:0 1px 2px rgba(16,24,40,.04),0 18px 40px rgba(16,24,40,.08)}
  & .dev-setup .apptabs{flex:1;margin:0;padding:6px 20px 20px}
  & .dev-setup>.addr{margin:0;padding:14px 20px;border:0;border-top:1px solid var(--line);border-radius:0}
  & .dev-setup .apppanel>.addr{margin-top:14px}
}
/* /agent-readiness: the /seo-audit tool frame; the levels stand where its example result stands. */
body:is([data-page="/agent-readiness"],[data-page="/webmcp"]) :is(#run,#result,#problem,#webmcpFirst,#log){max-width:1440px;margin-inline:auto;padding-inline:var(--gut);text-align:left}
.read .ar-levels{list-style:none;padding:0}.read .ar-levels b{color:var(--ink)}
.ar-vs-scroll{overflow-x:auto;margin-block:16px}.ar-vs{width:100%;min-width:560px;border-collapse:collapse;font-size:.9375rem;line-height:1.4}.ar-vs th,.ar-vs td{padding:12px 16px 12px 0;border-top:1px solid var(--line);text-align:left;vertical-align:top}.ar-vs td{color:var(--mute)}.ar-vs thead th{border-top:0;font-weight:600}.ar-vs tbody th{font-weight:600}.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@media (max-width:640px){.ar-vs{min-width:0}.ar-vs tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:16px}.ar-vs thead th:first-child{display:none}.ar-vs tbody th{grid-column:1/-1;padding-bottom:0}.ar-vs td{border-top:0;padding:6px 0 12px}}
.ar-more{display:flex;flex-wrap:wrap;gap:8px 24px;max-width:none}
body #result #resultHead,body #webmcpFirst h2{font-size:clamp(1.75rem,3vw,2.5rem);line-height:1.1}
body[data-page="/webmcp"] .tool h1{font-size:clamp(2.25rem,min(4.8vw,9svh),4.5rem);line-height:1.02}body:has(#run:not(.hidden))[data-page="/webmcp"] .tool h1,.scan-link body[data-page="/webmcp"] .tool h1{font-size:1.5rem}
.wm-ex-tools{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px;padding:0;list-style:none}.wm-ex-tools code{padding:3px 8px;background:var(--paper);border:1px solid var(--line);border-radius:4px;font-size:.8125rem}body .audit-ex .audit-ex-score b:only-of-type{min-width:0}.ex-issues code{font-size:.875em}
.wm-read .wm-diagram,.wm-read .wm-vs,.wm-read .wm-draft,.wm-read .snip{margin-block:16px;max-width:none}.wm-read pre{overflow-x:auto}
.legal-top{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(24px,6vw,96px);align-items:start;padding-block:clamp(32px,6svh,64px)}body .legal-doc{max-width:none;margin:0;padding:0}body .legal-doc h1{margin:0;font-size:clamp(2.75rem,5vw,4.5rem)}.legal-ask>p{margin-top:12px;color:var(--mute)}body .legal-ask .policy-find{display:flex;gap:8px;max-width:none;margin:20px 0 0}.legal-ask .policy-find .field{flex:1;width:auto}body .legal-top .tldr{margin:0;padding:clamp(20px,2.6vw,32px);background:var(--white);border:1px solid var(--line);border-radius:var(--r)}.legal-top .tldr p+p{margin-top:10px}.rail-h{margin-bottom:8px;font-weight:600}body .legal-body{padding-block:clamp(32px,4vw,56px)}
@media (max-width:980px){.legal-top{grid-template-columns:minmax(0,1fr)}}
.aff-terms{display:grid;gap:0;margin:0;padding:clamp(8px,1vw,14px) clamp(20px,2.6vw,36px);list-style:none;background:var(--white);border:1px solid var(--line);border-radius:var(--r)}.aff-terms li{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:16px;align-items:baseline;padding-block:clamp(10px,1.6svh,16px);color:var(--mute);border-top:1px solid var(--line-soft)}.aff-terms li:first-child{border-top:0}.aff-terms strong{color:var(--ink);font-size:clamp(1.5rem,2.6vw,2.25rem);line-height:1.1;letter-spacing:-.02em}
.aff-earnings .split-t>p:first-of-type{color:var(--ink)}.aff-earn-note{font-size:.9375rem}.aff-table{overflow-x:auto}.aff-earn{width:100%;border-collapse:collapse;font-size:1rem}.aff-earn th,.aff-earn td{padding:12px 10px;text-align:right;border-bottom:1px solid var(--line-soft);white-space:nowrap}.aff-earn th{color:var(--mute);font-size:.8125rem;font-weight:600;white-space:normal;vertical-align:bottom}.aff-earn :is(th,td):first-child{padding-left:0;text-align:left}.aff-earn :is(th,td):last-child{padding-right:0}.aff-earn td:last-child{color:var(--ink);font-weight:700}
.aff-more{border-top:1px solid var(--line)}.aff-more:last-child{border-bottom:1px solid var(--line)}.aff-more summary{padding-block:14px;font-weight:600;cursor:pointer}.aff-more p,.aff-more li{color:var(--mute)}.aff-more>p,.aff-more>ul,.aff-more>ol{margin:0 0 16px}.aff-more ul{list-style:disc;padding-left:1.3em}.aff-more ol{list-style:decimal;padding-left:1.4em}.aff-more li+li{margin-top:6px}
.aff-try{margin-top:clamp(24px,3vw,40px);padding-top:20px;border-top:1px solid var(--line)}.aff-try .inputrow{display:flex;gap:8px;max-width:none;margin:12px 0 0}.aff-try .field{flex:1;width:auto;min-width:0}
@media (max-width:600px){.aff-try .inputrow{flex-direction:column;align-items:stretch}.aff-earn th,.aff-earn td{padding:10px 4px;font-size:.875rem}}
.replay-head.hiw-hero.aff-hero{padding-top:clamp(28px,5svh,56px)}#earnings{scroll-margin-top:88px}
@media (max-width:900px){.aff-who{row-gap:48px}}
.aff-calc{margin-top:clamp(16px,2vw,28px)}.aff-calc>p{color:var(--mute)}.aff-slide{margin-top:clamp(18px,2.4svh,28px)}.aff-slide label{display:flex;flex-wrap:wrap;justify-content:space-between;gap:2px 16px;font-weight:600}.aff-slide output{color:var(--brand-600);font-weight:700}.aff-slide input{display:block;width:100%;height:28px;margin:8px 0 0;accent-color:var(--brand-500);cursor:pointer}
.aff-calc{margin-bottom:0}.aff-result{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0 0 clamp(20px,3svh,32px);padding:clamp(16px,2vw,24px);background:var(--brand-50);border-radius:var(--r)}.aff-result dt{color:var(--mute);font-size:.9375rem;line-height:1.3}.aff-result dd{margin:6px 0 0;color:var(--ink);font-size:clamp(1.75rem,3.4vw,3rem);font-weight:700;line-height:1.1;letter-spacing:-.03em;overflow-wrap:anywhere}.aff-table>p{margin:0 0 8px;color:var(--ink)}.aff-earn tr.on td{background:var(--brand-50)}.aff-earn :is(th,td):first-child{padding-left:12px}.aff-earn :is(th,td):last-child{padding-right:12px}.aff-earn tr.on td:first-child{box-shadow:inset 3px 0 var(--brand-500)}.aff-table>.aff-earn-note{margin-top:16px;color:var(--mute)}.aff-result[hidden],.aff-calc[hidden]{display:none}
.kit-list{margin:clamp(14px,2svh,22px) 0;padding:0;list-style:none}.kit-list li{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:12px;padding-block:10px;border-top:1px solid var(--line);color:var(--mute);font-size:.9375rem}.kit-list li:last-child{border-bottom:1px solid var(--line)}.kit-list strong{color:var(--ink)}
.kit-show{display:grid;grid-template-columns:1.91fr 1.2fr;gap:12px;align-items:start}.kit-show img{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:6px}.k-strip{grid-column:1/-1}.kit-show:hover img{border-color:var(--brand-500)}
@media (max-width:600px){.kit-show{grid-template-columns:1fr}.kit-show .k-box{display:none}}
:where(:target){scroll-margin-top:88px}
.v2-ladder td[colspan]{font-weight:400;font-variant-numeric:normal}

/* Comparison pages: one format. Hero with the at-a-glance table, the full table high up, then the case. */
.replay-head.hiw-hero.cmp-hero{padding-top:clamp(20px,3.4svh,40px);align-items:start}
.glance{padding:clamp(14px,2svh,20px) clamp(16px,2vw,22px);background:var(--white);border:1px solid var(--line);border-radius:var(--r)}
.glance-k{margin:0 0 6px;color:var(--ink);font-size:1.125rem;font-weight:700}
.glance-t{width:100%;border-collapse:collapse;font-size:.9375rem;line-height:1.35}
.glance-t th,.glance-t td{padding:clamp(7px,1.3svh,12px) 10px;text-align:left;vertical-align:top;border-top:1px solid var(--line)}
.glance-t thead th{border-top:0;color:var(--ink);font-size:.875rem;font-weight:650}
.glance-t tbody th{width:34%;color:var(--ink);font-weight:500}.glance-t td{font-weight:600;color:var(--mute)}
.glance-t :is(thead th,td):nth-child(2){color:var(--brand-600);background:var(--brand-50)}
.glance-more{display:inline-flex;align-items:center;min-height:40px;color:var(--mute);font-size:.875rem}
.cmp-sec{padding-block:clamp(28px,3.4vw,48px)}.cmp-sec h2{margin-bottom:clamp(12px,1.6vw,20px)}
.cmp-sec p.body+p.body{margin-top:12px}.cmp-sec p.body{color:var(--mute)}
.cmp-sec .cmp thead th:last-child,.cmp-sec .cmp td:last-child{background:none}.cmp-sec .cmp thead th:last-child{color:var(--ink)}
.cmp-sec .cmp thead th:nth-child(2),.cmp-sec .cmp td:nth-child(2){background:var(--brand-50)}.cmp-sec .cmp thead th:nth-child(2){color:var(--brand-600)}
.cmp-sec .cmp{table-layout:fixed}.cmp-sec .cmp thead th:first-child{width:16%}.cmp-sec .cmp thead th:not(:first-child){width:42%}
.cmp-sec .asof{margin-top:10px;color:var(--mute);font-size:.8125rem}.cmp-sec .asof+p.body{margin-top:8px;font-size:.9375rem}
.cmp-sec .move{margin:12px 0 0;padding-left:20px;color:var(--mute);font-size:1rem}.cmp-sec ul.move{list-style:disc}.cmp-sec .move li{margin-top:8px}
.cmp-sec .shot+.shot,.cmp-sec .shot+.dc{margin-top:16px}.cmp-sec .split{padding-block:0}.cmp-sec .split+.fcards{margin-top:clamp(20px,3vw,32px)}.cmp-sec .split-t h2+h2{margin-top:0}.cmp-sec .split-t .cmp-audit{margin-top:20px}
.cmp-hero-t{min-width:0}.cmp-hero-t .cmp{width:100%;min-width:0;font-size:.875rem}.cmp-hero-t .cmp :is(th,td){padding:6px 10px}.cmp-hero-t .cmp thead th:last-child,.cmp-hero-t .cmp td:last-child{background:none;color:var(--ink)}.cmp-hero-t .cmp thead th:nth-child(2),.cmp-hero-t .cmp td:nth-child(2){background:var(--brand-50)}
.fcards{display:grid;gap:0}.fcard{padding-block:14px;border-top:1px solid var(--line)}.fcard:last-child{border-bottom:1px solid var(--line)}.fcard h3{margin-bottom:6px;font-size:1.125rem}.fcard p{color:var(--mute);font-size:.9375rem}.fcard a{color:var(--brand-600)}
.cmp-sec .fcards+p.body,.cmp-sec .fcards+h3{margin-top:14px}
.fcards.six{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,3vw,48px)}.fcards.six .fcard{padding:14px 0 0;border:0;border-top:2px solid var(--ink)}
.dc{position:relative;padding:22px;background:var(--white);border:1px solid var(--line);border-radius:12px}
.dc-tag{position:absolute;top:14px;right:14px;padding:2px 8px;color:var(--mute);background:var(--paper);border:1px solid var(--line);border-radius:6px;font:.75rem var(--mono);letter-spacing:.06em;text-transform:uppercase}
.dc-site{margin:0 0 12px;font-size:1.1875rem;font-weight:700}
.dc-banner{display:flex;gap:12px;align-items:center;margin:0;padding:12px 14px;color:var(--ink);background:var(--leak-bg,hsl(45,95%,92%));border:1px solid hsl(45,80%,80%);border-radius:8px;font-size:.90625rem}
.dc-bulb{flex:none;width:28px;height:28px;background:var(--leak-bar,hsl(45,90%,45%));border-radius:50%;box-shadow:inset 0 0 0 7px hsl(45,95%,70%)}
.dc-h{margin:18px 0 8px;font-weight:700}.dc-todos{display:grid;gap:8px;margin:12px 0 0;padding:0;list-style:none}
.dc-todos li{display:flex;gap:12px;align-items:center;padding:9px 12px;border:1px solid var(--line);border-radius:8px;font-size:.875rem}
.dc-chip{flex:none;padding:2px 8px;border-radius:999px;font-size:.75rem;font-weight:700;color:var(--brand-600);background:var(--brand-50)}.dc-chip.fix{color:var(--leak,hsl(45,91%,25%));background:var(--leak-bg,hsl(45,95%,92%))}.dc-chip.good{color:var(--win,hsl(120,59%,30%));background:var(--win-bg,hsl(120,45%,93%))}
.cmp-steps ol.move{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(20px,2.6vw,40px);max-width:none;margin:0;padding:0;list-style:none;counter-reset:s;font-size:.9375rem}
.cmp-steps ol.move li{margin:0;padding-top:12px;border-top:2px solid var(--ink);counter-increment:s}.cmp-steps ol.move li::before{content:counter(s);display:block;margin-bottom:6px;color:var(--ink);font-size:1.3rem;font-weight:700}
.cmp-steps .snip{max-width:62ch;margin-top:clamp(16px,2vw,24px);white-space:pre-wrap;word-break:break-word}.cmp-steps .risk{margin-top:10px}
.cmp-faq{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(24px,6vw,96px);align-items:start}
.cmp-audit{margin-top:clamp(14px,2vw,24px);padding-top:16px;border-top:1px solid var(--line)}.cmp-audit p{color:var(--mute)}.cmp-audit .inputrow{display:flex;gap:8px;max-width:none;margin:12px 0 0}.cmp-audit .field{flex:1;width:auto;min-width:0}
.cmp-sources{padding-block:0 clamp(28px,3.4vw,48px)}.cmp-sources h2{font-size:1.125rem;letter-spacing:-.01em;margin-bottom:8px}.cmp-sources ol{padding-left:20px;color:var(--mute);font-size:.875rem}.cmp-sources li{margin-top:4px;overflow-wrap:anywhere}.cmp-sources a{color:var(--brand-600)}
@media (max-width:900px){.cmp-faq{grid-template-columns:minmax(0,1fr)}.cmp-steps ol.move{grid-template-columns:repeat(2,minmax(0,1fr))}.fcards.six{grid-template-columns:minmax(0,1fr)}}
@media (max-width:600px){.cmp-steps ol.move{grid-template-columns:minmax(0,1fr)}.cmp-audit .inputrow{flex-direction:column;align-items:stretch}.cmp .cmp-cta td:empty{display:none}}

/* Guides and blog: reading pages. */
.guide-hero.guide-hero{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:start;padding-top:clamp(28px,5svh,56px);gap:clamp(24px,6vw,96px)}
.guide-hero h1{font-size:clamp(2rem,3.6vw,3.25rem);line-height:1.06;letter-spacing:-.03em}
.guide-hero .lede{max-width:38em;margin-top:14px;font-size:1.0625rem}
.guide-hero .cta-row{margin-top:18px}.guide-hero .risk{margin-top:10px;font-size:.875rem;color:var(--mute)}
.guide-ask,.audit-card{padding:clamp(18px,2vw,28px);background:var(--white);border:1px solid var(--line);border-radius:var(--r)}
.guide-ask p{color:var(--ink);font-weight:500}
.guide-ask .inputrow,.audit-card .inputrow,.read-audit .inputrow{display:flex;gap:8px;max-width:none;margin:12px 0 0}
.guide-ask .field,.audit-card .field,.read-audit .field{flex:1;width:auto;min-width:0}
.audit-card-h{color:var(--ink);font-size:1.125rem;font-weight:700;letter-spacing:-.01em}
.audit-card-t{margin-top:8px;color:var(--mute)}.read .audit-card-t{color:var(--mute)}
.audit-card>.btn{margin-top:12px}.audit-card .btn+.audit-card-t{margin-top:18px;padding-top:14px;border-top:1px solid var(--line)}
.read .audit-card{margin-top:24px}.read .audit-card p+p{margin-top:8px}
.post-meta{margin-bottom:10px;font-size:.9375rem}.byline{margin-top:10px;color:var(--mute);font-size:.9375rem}
.guide-read.guide-read{padding-block:clamp(28px,3.4vw,48px)}
.guide-read .read{max-width:none}
.guide-read .read>:is(p,ul,ol,h2,h3),.guide-read .read>#side>:is(p,ul,ol,h2,h3),.guide-read .read-audit{max-width:44em}
.guide-read .cmp-wrap{margin-block:16px}.guide-read .cmp{min-width:0}
.guide-read .cmp :is(th,td):last-child,.guide-read .cmp thead th:last-child{background:none;color:inherit}
.guide-read .cmp td:last-child{color:var(--mute)}.guide-read .cmp a{color:var(--brand-600)}
.asof{margin-top:12px;color:var(--mute);font-size:.875rem}
.guide-read figure.still{margin:20px 0 0}.guide-read figure.still img{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:var(--r)}.guide-read figure.still figcaption{margin-top:8px;color:var(--mute);font-size:.875rem}
body:has(.guide-read) .faq{padding-block:clamp(28px,3.4vw,48px)}
.guide-next{padding-block:clamp(28px,3.4vw,48px);border-top:1px solid var(--line)}
.guide-next h2{margin-bottom:16px;font-size:clamp(1.625rem,2.6vw,2.25rem);letter-spacing:-.025em}
.post-card{position:relative;padding-block:18px;border-top:1px solid var(--line)}
.post-card-t{font-size:clamp(1.125rem,1.7vw,1.5rem);line-height:1.2;letter-spacing:-.015em}.card-link{color:var(--ink);text-decoration:none}.card-link::after{content:"";position:absolute;inset:0}.post-card:hover .card-link{color:var(--brand-600)}
.post-card-m{margin-top:4px;color:var(--mute);font-size:.875rem}.post-card-x{margin-top:6px;color:var(--mute);max-width:44em}.post-card-go{display:inline-block;margin-top:6px;color:var(--brand-600);font-weight:600}
.blog-list{padding-block:clamp(16px,2vw,28px) clamp(28px,3.4vw,48px)}.post-grid .post-card:last-child{border-bottom:1px solid var(--line)}
.blog-about.blog-about{padding-block:clamp(28px,3.4vw,48px)}.blog-about .read{max-width:44em}.blog-about .read h3:first-child{margin-top:0}
.sources-sec #sources{color:var(--mute);font-size:.9375rem}
@media (max-width:980px){.guide-hero.guide-hero{grid-template-columns:minmax(0,1fr)}}
@media (max-width:600px){:is(.guide-ask,.audit-card,.read-audit) .inputrow{flex-direction:column;align-items:stretch}}
.guide-read .cmp tbody th{width:auto;min-width:9em}
.guide-next .read-audit{margin-top:0;padding:clamp(18px,2vw,28px);background:var(--white);border:1px solid var(--line);border-radius:var(--r)}
@media (min-width:901px){.post-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(24px,4vw,64px)}.post-grid .post-card:nth-last-child(2){border-bottom:1px solid var(--line)}}
@media (max-width:980px){.post-hero .audit-card{display:none}}
/* CVL-795: the blog's reading aids, kept from blog.css. One audit card at a time; marks clear the sticky header; [n] keeps 11px with a 24px tap area; each ↩ on its own row, 44px on a phone. */
@media (min-width:981px){.post .read .audit-card{display:none}}
.src,.post h2[id],.post #sources li{scroll-margin-top:96px}
.src{font-size:11px;line-height:0}
.toc-rail a[aria-current]{color:var(--ink);box-shadow:inset 2px 0 0 var(--brand-500);padding-left:8px;margin-left:-8px}
.post-card:has(.card-link:focus-visible){outline:2px solid var(--brand-600);outline-offset:4px}
.post #sources .back{display:flex;align-items:flex-start;gap:0 2px;width:fit-content;margin-top:2px;text-decoration:none}
.post #sources .back .letters{display:flex;flex-wrap:wrap;gap:0 2px;min-width:0}
.post #sources .back .ret{line-height:24px}
.post #sources .back a,.post #sources a.back{min-width:24px;min-height:24px;line-height:24px;text-align:center;text-decoration:none}
.post #sources .back a{display:inline-block}.post #sources a.back{display:block}
@media (max-width:760px){
  .post #sources .back a,.post #sources a.back,.post #sources .back .ret{min-height:44px;line-height:44px}
  .post #sources .back a,.post #sources a.back{min-width:44px}
  .src{position:relative}
  .src::after{content:"";position:absolute;left:50%;top:50%;width:24px;height:24px;transform:translate(-50%,-50%)}
}
@media (max-width:640px){.post .cmp-wrap{overflow:visible}}

/* Legal and information pages: /terms /dpa /subprocessors /bot /featured /affiliates/kit */
.policy-hit{background:var(--brand-50);outline:2px solid var(--brand-100);border-radius:var(--r-sm);scroll-margin-top:88px}.policy-find-msg:empty{display:none}.policy-find-msg{margin-top:10px;font-size:.9375rem}
.legal-top .tldr blockquote{margin:0;padding:0 0 0 14px;border-left:3px solid var(--line);color:var(--mute)}.legal-top .tldr :is(p,blockquote)+:is(p,blockquote){margin-top:10px}.legal-top .tldr :is(p,blockquote){font-size:.9375rem;line-height:1.5}
.read .legal-table{margin-block:12px 24px}.read table{width:100%;border-collapse:collapse;font-size:.9375rem;line-height:1.45}.read th,.read td{padding:10px 12px 10px 0;border-bottom:1px solid var(--line-soft);text-align:left;vertical-align:top}.read th{color:var(--ink);font-weight:600;border-bottom-color:var(--line)}.read td{color:var(--mute)}.read td:first-child{color:var(--ink);font-weight:500}
@media (max-width:640px){.read table,.read tbody,.read tr,.read td{display:block}.read thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.read tr{padding-block:10px;border-bottom:1px solid var(--line)}.read td{padding:2px 0;border:0}.read td[data-label]::before{content:attr(data-label) ": ";color:var(--faint);font-weight:400}}
body:is([data-page="/bot"],[data-page="/featured"],[data-page="/affiliates/kit"],[data-page="/research/platform-seo-benchmark"]) main h2{font-size:clamp(1.75rem,3vw,2.5rem);line-height:1.1;letter-spacing:-.025em;scroll-margin-top:84px}
body:is([data-page="/bot"],[data-page="/featured"],[data-page="/affiliates/kit"],[data-page="/research/platform-seo-benchmark"]) main :is(.split,.info-sec,.read-grid){padding-block:clamp(32px,4vw,56px)}
body:is([data-page="/bot"],[data-page="/featured"],[data-page="/affiliates/kit"]) .split-t>h2{margin-bottom:clamp(12px,1.4vw,20px)}
.replay-head.hiw-hero.info-hero{padding-block:clamp(28px,5svh,56px)}.info-hero .lede a,.split-t p a,.info-rows a{color:var(--brand-600);text-underline-offset:2px}
.info-card{padding:clamp(20px,2.6vw,32px);background:var(--white);border:1px solid var(--line);border-radius:var(--r)}body .info-card h2{margin-bottom:12px;font-size:clamp(1.375rem,2vw,1.75rem)}.info-card p{color:var(--mute)}.info-card ul{list-style:disc;margin:0;padding-left:1.2em;color:var(--mute)}.info-card li+li{margin-top:8px}
.code-box{margin:10px 0 14px;padding:12px 14px;white-space:pre-wrap;overflow-wrap:anywhere;background:var(--paper);border:1px solid var(--line);border-radius:var(--r-sm);font:500 .9375rem/1.5 var(--mono);color:var(--ink)}.band-paper .code-box{background:var(--white)}main p code,main li code{font:500 .9em var(--mono);color:var(--ink)}
.info-sec>h2{margin-bottom:clamp(12px,1.6vw,20px)}.info-rows{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(24px,4vw,64px);margin:0;padding:0;list-style:none}.info-rows li{padding-block:14px;border-top:1px solid var(--line);color:var(--mute)}
body:is([data-page="/bot"],[data-page="/featured"],[data-page="/affiliates/kit"],[data-page="/research/platform-seo-benchmark"]) main .inputrow{display:flex;gap:8px;max-width:none;margin:14px 0 0}body:is([data-page="/bot"],[data-page="/featured"],[data-page="/affiliates/kit"]) main .inputrow .field{flex:1;width:auto;min-width:0}.info-try>p{color:var(--ink);font-weight:500}
.featured-badges{display:flex;flex-wrap:wrap;gap:16px;align-items:center;margin:0;padding:0;list-style:none}.featured-badges img{display:block;max-width:100%;height:auto}.featured-badges li+li{margin:0}.info-card .featured-badges{padding:0;list-style:none}
.listing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none}.listing-grid a{display:flex;align-items:center;min-height:56px;padding:0 14px;background:var(--white);border:1px solid var(--line);border-radius:var(--r-sm);font-weight:600;color:var(--ink);text-decoration:none}.listing-grid a:hover{border-color:var(--brand-500);color:var(--brand-600)}
.kit-main{min-width:0}.kit-main>h2{margin:clamp(36px,4.4vw,56px) 0 10px}.kit-main>h2:first-child{margin-top:0}.kit-main>p{color:var(--mute)}.kit-main a:not(.btn){color:var(--brand-600)}.rail.kit-jump{display:grid}
.kit-words{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px}.kit-word{display:flex;flex-direction:column;align-items:flex-start;min-width:0}.kit-word h3{margin:0 0 8px;font-size:1.0625rem}.kit-copy{flex:1;width:100%;margin:0;padding:14px;white-space:pre-wrap;overflow-wrap:anywhere;font:.9375rem/1.5 var(--sans);color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:var(--r-sm)}.kit-copy-btn{margin-top:8px}
.kit-assets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:14px}.kit-asset{margin:0;min-width:0}.kit-asset picture{display:block}.kit-asset img{display:block;width:100%;height:auto;background:var(--white);border:1px solid var(--line);border-radius:var(--r-sm)}.kit-asset figcaption{display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:6px;font-size:.875rem;color:var(--mute)}
.kit-assets.kit-banners{grid-template-columns:1.91fr 1.2fr;align-items:start}.kit-banners .kit-asset:nth-child(3n){grid-column:1/-1;max-width:728px}
.kit-logo{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:clamp(16px,3vw,32px);align-items:start;margin-top:14px}.kit-logo-tiles{display:grid;grid-template-columns:1fr 1fr;gap:8px}.kit-logo-tiles span{display:grid;place-items:center;aspect-ratio:1;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--white)}.kit-logo-tiles .dark{background:var(--ink);border-color:var(--ink)}.kit-logo-tiles img{width:48%;height:auto}.kit-logo ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px;margin:0;padding:0;list-style:none}.kit-logo li{padding-block:8px;border-top:1px solid var(--line-soft);font-size:.875rem;color:var(--mute)}
.kit-compares{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}.kit-compare{min-width:0;margin:0;padding:14px;background:var(--white);border:1px solid var(--line);border-radius:var(--r-sm)}.kit-compare figcaption{margin-bottom:6px;font-weight:600}.kit-compare p{margin-top:8px;font-size:.8125rem;color:var(--mute)}.glance-t{width:100%;border-collapse:collapse;font-size:.875rem;line-height:1.4}.glance-t :is(th,td){padding:8px 6px;border-top:1px solid var(--line-soft);text-align:left;vertical-align:top}.glance-t thead th{border-top:0;font-weight:600}.glance-t :is(thead th:nth-child(2),td:nth-child(2)){color:var(--brand-600);background:var(--brand-50)}.glance-t tbody th{width:34%;font-weight:500}.glance-t td{font-weight:600}
@media (max-width:980px){.info-rows,.kit-words,.kit-compares{grid-template-columns:minmax(0,1fr)}.listing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.kit-assets{grid-template-columns:repeat(2,minmax(0,1fr))}.kit-assets.kit-banners,.kit-logo{grid-template-columns:minmax(0,1fr)}.kit-banners .kit-asset:nth-child(3n+2){max-width:300px}.kit-logo-tiles{max-width:200px}body:is([data-page="/bot"],[data-page="/featured"],[data-page="/affiliates/kit"],[data-page="/research/platform-seo-benchmark"]) main .inputrow{flex-direction:column;align-items:stretch}.kit-logo ul{grid-template-columns:minmax(0,1fr)}}
@media (max-width:400px){.kit-compare{padding:12px 6px}.kit-compare .glance-t{font-size:14px}.kit-compare .glance-t th,.kit-compare .glance-t td{padding:8px 4px}.kit-compare .glance-t tbody th{width:auto}}

/* PLP group 1: /heatmaps, /funnel-analysis, /error-tracking, /page-speed */
body:is([data-page="/heatmaps"],[data-page="/funnel-analysis"],[data-page="/error-tracking"],[data-page="/page-speed"]){
  & :is(.split,.read-grid,.faq,.fits){padding-block:clamp(28px,3.4vw,48px)}
  & .split-t>h2{margin-bottom:clamp(12px,1.4vw,20px)}
  & .plp1-hero{align-items:center}
  & .plp1-hero .shot figcaption{color:var(--mute);font-size:.875rem;line-height:1.35}
  & .plp1-top img{aspect-ratio:2712/1500;object-fit:cover;object-position:top}
  & .plp1-tight{padding-top:0}
  & .plp1-lead,& .plp1-after{max-width:44em;color:var(--mute)}
  & .plp1-lead{margin-top:clamp(12px,1.4vw,20px)}
  & .plp1-after{margin-top:clamp(16px,2vw,24px)}
  & .plp1-two{grid-template-columns:repeat(2,minmax(0,1fr))}
  & .plp1-pts{display:grid;gap:12px;margin:0;padding:0;list-style:none;color:var(--mute)}
  & .plp1-pts strong{color:var(--ink)}
  & .plp1-pts+p{margin-top:14px}
  & .shot figcaption span:only-child{display:inline-block}
}
@media (max-width:760px){
  body:is([data-page="/heatmaps"],[data-page="/funnel-analysis"],[data-page="/error-tracking"],[data-page="/page-speed"]) .plp1-two{grid-template-columns:minmax(0,1fr)}
  body[data-page="/funnel-analysis"] .plp1-top img{aspect-ratio:auto}
}

/* PLP group 2: /rank-tracking, /search-console, /seo-content-brief, /site-review-sample */
body:is([data-page="/rank-tracking"],[data-page="/search-console"],[data-page="/seo-content-brief"],[data-page="/site-review-sample"]) :is(.split,.faq,.plp-cols,.how-band){padding-block:clamp(28px,3.4vw,48px)}
body:is([data-page="/rank-tracking"],[data-page="/search-console"],[data-page="/seo-content-brief"],[data-page="/site-review-sample"]) .split-t>h2{margin-bottom:clamp(12px,1.4vw,20px)}
.plp-long{align-items:center;padding-block:clamp(20px,3svh,32px)}.plp-long .lede{font-weight:400;color:var(--mute)}.plp-shot figcaption{color:var(--mute);font-size:.875rem;line-height:1.35}
.plp-rows h2{margin-bottom:6px;font-size:1.25rem;line-height:1.2;letter-spacing:-.015em}.plp-rows>div{padding-block:14px}.plp-rows>div p{color:var(--mute)}
.plp-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(24px,4vw,64px);border-top:1px solid var(--line)}.plp-cols.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.plp-cols h2{margin-bottom:10px;font-size:clamp(1.375rem,2vw,1.75rem);line-height:1.12;letter-spacing:-.02em}.plp-cols p{color:var(--mute)}.plp-cols code{overflow-wrap:anywhere;font-size:.875em}
.plp-cols .read-audit{grid-column:1/-1;margin-top:0}.plp-cols .read-audit p{color:var(--ink)}
.read-audit form{display:flex;gap:8px;max-width:560px;margin:0}.read-audit form .field{flex:1;width:auto;min-width:0}
.plp-list{display:grid;margin:0;padding:0;list-style:none}.plp-list li{padding-block:12px;border-top:1px solid var(--line);color:var(--mute)}.plp-list li:last-child{border-bottom:1px solid var(--line)}.plp-list strong{display:block;margin-bottom:2px;color:var(--ink);font-size:1.0625rem}
.plp-two{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(24px,4vw,64px);margin-top:clamp(16px,2vw,28px)}.plp-two li:nth-last-child(2){border-bottom:1px solid var(--line)}
.plp-num{counter-reset:n}.plp-num li{counter-increment:n;display:grid;grid-template-columns:32px minmax(0,1fr)}.plp-num li::before{content:counter(n);grid-row:1/3;color:var(--brand-600);font-weight:700;font-size:1.0625rem}.plp-num li strong{grid-column:2}
.plp-next{margin-top:clamp(28px,3vw,44px);font-size:clamp(1.375rem,2vw,1.75rem);line-height:1.12;letter-spacing:-.02em}.split-t .plp-next{margin-bottom:10px}.plp-rule{border-top:1px solid var(--line)}
.plp-dots{margin:12px 0 0;padding-left:1.2em;list-style:disc;color:var(--mute)}.plp-dots li+li{margin-top:6px}
.brief-card{padding:clamp(16px,2vw,24px);background:var(--white);border:1px solid var(--line);border-radius:var(--r);box-shadow:0 18px 40px rgba(16,24,40,.08)}.brief-search{margin-block:12px;color:var(--ink);font-size:1.1875rem;font-weight:700}.brief-card ul{display:grid;gap:8px;margin:0;padding:0;list-style:none}.brief-card li{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--line);border-radius:8px;font-size:.9375rem}.brief-card b{flex:none;padding:3px 8px;border-radius:var(--r-sm);font-size:.75rem;font-weight:600}.brief-card .good{background:var(--win-bg);color:var(--win)}.brief-card .fix{background:var(--broken-bg);color:var(--broken)}
#template pre{margin:0;padding:clamp(14px,1.6vw,22px);overflow-x:auto;background:var(--paper);border:1px solid var(--line);border-radius:var(--r);color:var(--ink);font:400 .8125rem/1.55 var(--mono)}
.srs-first figure,.srs-pages figure{margin:0;overflow:hidden;background:var(--white);border:1px solid var(--line);border-radius:var(--r)}.srs-first img,.srs-pages img{display:block;width:100%;height:auto;aspect-ratio:16/9}.srs-first figcaption,.srs-pages figcaption{padding:10px 14px;border-top:1px solid var(--line-soft);color:var(--mute);font-size:.875rem;line-height:1.4}.srs-first figcaption b,.srs-pages figcaption b{display:block;margin-bottom:2px;color:var(--ink);font-weight:650}
.srs-pages{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,1.6vw,24px);margin:clamp(16px,2vw,28px) 0 0;padding:0;list-style:none}
.srs-how{display:grid;margin:0;padding:0;list-style:none}.srs-how li{padding-block:10px;border-top:1px solid var(--line);color:var(--mute)}.srs-how li:last-child{border-bottom:1px solid var(--line)}.srs-how b{display:block;color:var(--ink);font-weight:650}
.srs-check{display:grid;margin:0;padding:0;list-style:none}.srs-check li{padding-block:10px;border-top:1px solid var(--line);color:var(--mute)}.srs-check li:last-child{border-bottom:1px solid var(--line)}
.srs-get .read-audit{margin-top:0;padding-top:0;border-top:0}.srs-get .risk{margin:8px 0 0;font-weight:400}
@media (max-width:980px){.plp-cols,.plp-cols.three,.plp-two{grid-template-columns:minmax(0,1fr)}.plp-two li:nth-last-child(2){border-bottom:0}}
@media (max-width:600px){.srs-pages{grid-template-columns:minmax(0,1fr)}.read-audit form{flex-direction:column;align-items:stretch}#template pre{font-size:.6875rem}}

/* /free-tools, /plugins, /try. */
body:is([data-page="/free-tools"],[data-page="/plugins"],[data-page="/try"]){
  & .wrap{max-width:none}
  & :is(.split,.faq){padding-block:clamp(28px,3.4vw,48px)}
  & .split-t>h2{margin-bottom:clamp(12px,1.4vw,20px)}
  & main section:not(.close) h2{font-size:clamp(1.625rem,2.6vw,2.25rem);line-height:1.1}
  & :is(#wordpress,#shopify,#snippet){scroll-margin-top:88px}
  & .replay-head.hiw-hero.tl-head{padding-block:clamp(20px,4svh,44px) clamp(24px,4svh,44px)}
  & .replay-act .lede{margin-top:14px}.replay-act .cta-row{margin-top:18px}
}

/* /free-tools: the scan form left, the three tools right. */
@media (min-width:981px){.tl-hero .tool-grid{grid-template-columns:minmax(0,5fr) minmax(0,6fr)}}
.tl-tools.audit-ex{padding:clamp(4px,.6vw,8px) clamp(18px,2vw,28px)}
.tl-tools>div{padding-block:clamp(10px,1.8svh,18px)}.tl-tools>div+div{border-top:1px solid var(--line)}
body[data-page] main section .tl-tools h2.as-h3{font-size:1.1875rem;line-height:1.25}
.tl-tools p{margin:4px 0 10px;color:var(--mute);font-size:.9375rem;line-height:1.4}

/* /plugins and the numbered lists on /try. */
.plg-other{margin-top:14px}.plg .replay-act{align-self:center}
.plg-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0;padding:0;list-style:none}
.plg-cards li{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:clamp(18px,2vw,28px);background:var(--white);border:1px solid var(--line);border-radius:var(--r)}
body[data-page] main section .plg-cards h2{font-size:clamp(1.25rem,1.7vw,1.5rem)}
.plg-cards p{color:var(--mute)}.plg-cards .btn{margin-top:auto;width:100%;min-height:46px;padding:6px 12px;font-size:.9375rem;text-align:center}
.plg-by{color:var(--mute);font-size:.875rem}
.plg-steps{margin:0;padding:0;list-style:none;counter-reset:s}
.plg-steps li{position:relative;padding:14px 0 14px 44px;border-top:1px solid var(--line);counter-increment:s}
.plg-steps li:last-child{border-bottom:1px solid var(--line)}
.plg-steps li::before{content:counter(s);position:absolute;left:0;top:12px;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:var(--ink);color:#fff;font-weight:600;font-size:.875rem}
.plg-steps a,.plg-body p a,.plg-records a{color:var(--brand-600)}
.plg-body>p{margin-top:14px;color:var(--mute)}.plg-body h3{margin-top:clamp(20px,2.4vw,32px);font-size:1.25rem}
.plg-records{margin:10px 0 0;padding:0;list-style:none}
.plg-records li{padding:10px 0;border-top:1px solid var(--line);color:var(--mute);font-size:.9375rem;line-height:1.45}

/* /try: the frame right; opened, it takes the full width. */
.try-hero .try-h1{font-size:clamp(2rem,min(3.2vw,6.5svh),3.25rem)}
.try-hero .replay-act{align-self:center}
.try-stage{min-width:0}.try-stage .risk{margin-top:8px;font-size:.875rem;color:var(--mute)}
.demo-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:10px 12px;border:1px solid var(--line);border-bottom:0;border-radius:var(--r) var(--r) 0 0;background:var(--white);font-size:.875rem}
.demo-bar .label{display:inline-flex;align-items:center;gap:6px;font-weight:600}
.demo-bar .label i{width:8px;height:8px;border-radius:50%;background:var(--brand-500)}
.demo-bar .grow{flex:1 1 auto}
.demo-bar .btn,.demo-guide .btn{min-height:38px;padding-inline:14px;font-size:.9375rem}
.demo-guide{display:none;margin:0;padding:12px;border:1px solid var(--line);border-bottom:0;background:var(--paper)}
.demo-guide.on{display:block}.demo-guide p{margin:0 0 8px}
.demo-guide .row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.try-frame{position:relative}
.try-frame>.flag{position:absolute;bottom:10px;left:10px}
.demo-shell{position:relative;background:var(--paper) url(/stills/what-to-do-recordings-todo-demo-desktop.webp) top center/cover no-repeat;border-radius:0 0 var(--r) var(--r)}
.demo-frame{display:block;width:100%;aspect-ratio:1440/900;max-height:calc(100svh - 270px);border:1px solid var(--line);border-radius:0 0 var(--r) var(--r);background:transparent}
.demo-open{position:absolute;inset:0;margin:auto;width:max-content;height:max-content}
body .demo-open.btn{background:var(--brand-500);border-color:var(--brand-500);color:#fff}body .demo-open.btn:hover{background:var(--brand-600);border-color:var(--brand-600)}
.demo-shell.open .demo-open,.demo-shell.open+.flag{display:none}
.demo-shell.open .demo-frame{aspect-ratio:auto;max-height:none;height:min(820px,82vh);background:var(--white)}
.try-hero:has(.demo-shell.open){grid-template-columns:minmax(0,1fr);gap:16px}
.try-hero:has(.demo-shell.open) .cta-row,.try-hero:not(:has(.demo-shell.open)) .demo-bar>.btn.brand{display:none}
.try-stills{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(20px,2.6vw,36px);padding-bottom:clamp(28px,3.4vw,48px)}
.shot picture{display:block}.try-stills .shot img{width:100%;max-width:100%}.shot video{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:var(--r);background:var(--ink)}
.still figcaption{color:var(--mute);font-size:.9375rem}
.try-end{padding-block:clamp(36px,5vw,72px);background:var(--brand-500);color:#fff}
body main .try-end h2{color:#fff}.try-end p{max-width:38em;margin-top:12px;color:#fff}
.try-end .again{margin-top:20px}.try-end .again .field{flex:1;min-width:0;min-height:54px}
.try-end .btn.brand{background:var(--ink);border-color:var(--ink);color:#fff}.try-end .btn.brand:hover{background:#fff;border-color:#fff;color:var(--ink)}
.try-end .risk{font-size:.875rem}

@media (max-width:980px){.plg-cards{grid-template-columns:minmax(0,1fr)}.demo-frame{max-height:none}.try-stills{grid-template-columns:minmax(0,1fr)}}
@media (max-width:760px){.demo-shell{background-image:url(/previews/what-to-do-demo-desktop-phone.webp)}.demo-frame{aspect-ratio:1}}
@media (max-width:600px){.demo-shell.open .demo-frame{height:78vh}.demo-bar .grow{display:none}}
/* State classes sit on <html>, above the body[data-page] that scopes pages.css, so these live at the top level. CVL-614: a result link does not jump. */
.scan-pending main>:not(.audit-hero),.scan-pending footer{visibility:hidden;animation:cvl-unhold 0s 10s forwards}
@keyframes cvl-unhold{to{visibility:visible}}
html[data-scan-report="ssr"] #result{display:block;visibility:visible;animation:none}
html[data-scan-report="ssr"] .audit-example,html[data-scan-report="ssr"] #run,html[data-scan-report="ssr"] #log,html[data-scan-report="ssr"] #problem,html[data-scan-report="ssr"] #resultNote,html[data-scan-report="ssr"] #scoreBlock,html[data-scan-report="ssr"] #sev,html[data-scan-report="ssr"] #fixHead,html[data-scan-report="ssr"] #issues,html[data-scan-report="ssr"] #fixMore{display:none}
@media print{html:not(.cvl-signed-in) .scanmark{display:block;position:fixed;top:45%;left:0;right:0;text-align:center;transform:rotate(-30deg);font-size:44px;font-weight:600;color:#c0c0c1;z-index:9999;pointer-events:none}}
#agentResult p.ar-tally-num{font-size:clamp(2rem,3.5vw,3rem)}
.stickybar{display:none}
@media (max-width:699px){.stickybar:not(.hidden){display:flex;position:fixed;left:0;right:0;bottom:0;z-index:20;gap:10px;align-items:center;justify-content:space-between;padding:10px 16px;background:var(--paper);border-top:1px solid var(--line);font-size:14px}.stickybar .btn{min-height:44px;display:inline-flex;align-items:center}}
/* GRW-31 / CVL-842 research page: a paper, made crisp (owner 8 Nov). Shares as shaded cells in one hue, light to dark;
   the words carry the figure, the shade only helps the eye. Tokens only. */
.rs-badge{display:inline-block;margin-bottom:14px;padding:4px 10px;border:1px solid var(--brand-100);border-radius:999px;background:var(--brand-50);color:var(--brand-600);font-size:.8125rem;font-weight:600}
.rs-hero .lede{max-width:34em}.rs-hero .rs-meta{margin-top:14px}
.rs-hero-side{align-self:center;padding:clamp(20px,2.2vw,30px);border:1px solid var(--line);border-radius:var(--r);background:var(--white);box-shadow:0 12px 32px -18px hsl(220 30% 10% / .25)}
.rs-hero .rs-hero-side h2{font-size:1.125rem;line-height:1.3;margin:0 0 4px;letter-spacing:-.01em}
.rs-gaps{list-style:none;margin:0 0 14px;padding:0}.rs-gaps li{display:grid;gap:6px;padding:14px 0;border-bottom:1px solid var(--line-soft)}
.rs-gap-h{font-weight:600;line-height:1.3}.rs-gap-v{font-size:.875rem;color:var(--mute)}.rs-gap-v b{color:var(--ink);font-size:1rem}.rs-gap-v span{margin:0 4px}
.rs-range{position:relative;height:8px;border-radius:999px;background:var(--line-soft)}
.rs-range i{position:absolute;top:0;bottom:0;left:calc(var(--lo)*1%);width:max(8px,calc((var(--hi) - var(--lo))*1%));border-radius:999px;background:linear-gradient(90deg,var(--brand-100),var(--brand-600))}
.rs-doc{padding-block:clamp(24px,4vw,56px)}.rs-main{min-width:0}
.rs-sec{padding:0 0 clamp(36px,4vw,56px);margin:0 0 clamp(36px,4vw,56px);border-bottom:1px solid var(--line);scroll-margin-top:88px}.rs-sec:last-child{border-bottom:0}
.rs-sec>p{max-width:46em}
/* CVL-842: 14 sections, ~7k nodes; skip styling and layout off screen so the first paint is not one long task (CI TBT ~450 ms) */
.rs-sec{content-visibility:auto;contain-intrinsic-size:auto 900px;overflow-clip-margin:8px} /* paint containment clips at the border box; 8px keeps flush tables' focus rings (2px + 2px offset) */
.rs-appx{font-size:.9375rem}.rs-appx h2{font-size:clamp(1.375rem,2vw,1.625rem)}
.rs-meta{color:var(--mute);font-size:.8125rem;margin-top:10px}
.rs-note{padding:12px 16px;background:var(--brand-50);border:1px solid var(--brand-100);border-radius:var(--r-sm)}
.rs-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.rs-sev{display:inline-block;margin-left:6px;padding:0 7px;border-radius:999px;font-size:.6875rem;font-weight:600;line-height:1.6;white-space:nowrap;vertical-align:1px;border:1px solid var(--line);color:var(--mute);font-family:inherit}
.rs-sev-critical{background:var(--ink);border-color:var(--ink);color:var(--bg)}.rs-sev-warning{border-color:var(--ink);color:var(--ink)}
.rs-scroll{position:relative;overflow:auto;margin-top:18px;border:1px solid var(--line);border-radius:var(--r);max-height:80vh;max-width:100%;background:var(--white)}
.rs-scroll:focus-visible{outline:2px solid var(--brand-600);outline-offset:2px}
.rs-table{border-collapse:separate;border-spacing:0;width:100%;font-size:.875rem;line-height:1.35}
.rs-table caption{text-align:left;padding:12px 14px;font-weight:600;color:var(--ink)}
.rs-table th,.rs-table td{padding:10px 12px;text-align:left;vertical-align:middle;border-bottom:1px solid var(--line-soft)}
.rs-table td{color:var(--ink);font-family:var(--sans)}.rs-table td b{font-weight:600;font-family:inherit}
.rs-table thead th{position:sticky;top:0;background:var(--paper);border-bottom:1px solid var(--line);z-index:2;font-size:.8125rem;white-space:nowrap}
.rs-table thead th span{display:block;font-weight:400;color:var(--mute);font-size:.75rem}
.rs-table tbody th{font-weight:500;min-width:15rem;position:sticky;left:0;background:var(--white);z-index:1}.rs-table thead th.rs-first{left:0;z-index:3}
.rs-table tbody th .rs-meta{display:block;margin:2px 0 0;font-weight:400}
.rs-table tbody tr:last-child>*{border-bottom:0}.rs-wide{min-width:1000px}
.rs-heat{min-width:920px}.rs-heat td{text-align:center;min-width:5.5rem;border-left:2px solid var(--white);background:color-mix(in srgb,var(--brand-500) calc(var(--v,0)*.55%),var(--white))}
.rs-heat tbody tr:hover>th{background:var(--paper)}
.rs-heat .rs-gap{background:var(--paper);padding:0}.rs-group{display:block;padding-top:6px;font-size:.75rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase;color:var(--mute)}
.rs-heat tr:has(.rs-group)>*{background:var(--paper);border-bottom-color:var(--line)}
.rs-few{color:var(--mute);font-style:italic;font-size:.8125rem}
.rs-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr));gap:16px;margin-top:20px}
.rs-card{position:relative;padding:20px 22px;border:1px solid var(--line);border-radius:var(--r);background:var(--white)}
.rs-card h3{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin:0 0 12px;font-size:1.125rem}.rs-card h3 span{font-size:.8125rem;font-weight:400;color:var(--mute)}
.rs-card details{margin-top:12px;border-top:1px solid var(--line-soft);padding-top:10px}.rs-card summary{cursor:pointer;font-size:.875rem;color:var(--brand-600);font-weight:600}
.rs-bars{list-style:none;margin:0;padding:0;display:grid;gap:12px}.rs-bars li{display:grid;gap:4px;font-size:.875rem}
.rs-li-h{font-weight:500;line-height:1.3}.rs-li-v{color:var(--mute);font-size:.8125rem}.rs-li-v b{color:var(--ink)}
.rs-bar{height:6px;border-radius:999px;background:linear-gradient(var(--brand-500),var(--brand-500)) 0/calc(var(--v)*1%) 100% no-repeat,var(--line-soft)}
.rs-cat{border:1px solid var(--line);border-radius:var(--r);background:var(--white);margin-top:8px}
.rs-cat>summary{cursor:pointer;padding:12px 16px;font-weight:600;list-style-position:inside}.rs-cat[open]>summary{border-bottom:1px solid var(--line-soft)}
.rs-cat>.rs-scroll{margin:0;border:0;border-radius:0}.rs-cat>.rs-defs{padding:0 16px 14px}
.rs-cat>summary:focus-visible{outline:2px solid var(--brand-600);outline-offset:2px}
.rs-defs{margin:8px 0 0;max-width:46em}.rs-defs dt{font-weight:600;margin-top:12px}.rs-defs dd{margin:2px 0 0;color:var(--mute)}
.rs-main code{font-size:.75rem;word-break:break-all}
@media (max-width:720px){.rs-table tbody th{min-width:10rem}.rs-heat{min-width:780px}.rs-card{padding:16px}}
@media (forced-colors:active){.rs-heat td{border:1px solid CanvasText}.rs-bar,.rs-range i{forced-color-adjust:none}}
body[data-page="/research/platform-seo-benchmark"] .info-sec>p+p{margin-top:12px}