.ba-tab[aria-selected=true]{background:var(--muted);color:var(--foreground);font-weight:500}.ba-html>*+*{margin-top:.75rem}.ba-html pre{max-height:20rem;margin-top:.75rem;font-size:.8125rem;line-height:1.25rem;overflow:auto}@layer base{.ba-html pre{padding:0;background:0 0!important}}.ba-html>pre:first-child{margin-top:0}.ba-html a{color:var(--primary);text-underline-offset:4px;text-decoration-line:underline}.ba-html strong{font-weight:500}.ba-panel{grid-area:1/1}.ba-panel[data-active=false]{visibility:hidden}.ba-panel[data-active=true]{animation:.24s ease-out ba-in}@keyframes ba-in{0%{opacity:0;transform:translateY(4px)}}@media (prefers-reduced-motion:reduce){.ba-panel[data-active=true]{animation:none}}.browser-page>:first-child{margin-top:0}.browser-page>:last-child{margin-bottom:0}.callout p+p{margin-top:.5rem}.callout a{color:var(--foreground);text-underline-offset:4px;text-decoration-line:underline}.cb-bar{transform-origin:0;transition:transform .9s cubic-bezier(.22, 1, .36, 1) var(--delay), background-color .15s}:root.motion [data-compare-bars]:not([data-reveal=shown]) .cb-bar{transform:scaleX(0)}.cb-row[data-active]{background:color-mix(in oklch, var(--foreground) 5%, transparent)}.cb-row[data-active] .cb-bar.bg-foreground-soft{background-color:var(--foreground-muted)}.cb-list:has([data-active]) .cb-row:not([data-active]){opacity:.55}@media (prefers-reduced-motion:reduce){.cb-bar,.cb-row{transition:none}}.kw-table th,.kw-table td{border-bottom-color:var(--background);min-width:0;padding:.5rem}.kw-table th:first-child,.kw-table td:first-child{padding-left:0}.kw-table th:last-child,.kw-table td:last-child{padding-right:0}.kw-table tbody tr:last-child td{border-bottom-color:#0000}.kw-table th:hover{color:var(--primary)}.kw-table tbody tr:hover td{color:var(--foreground)}.pg-tile{cursor:default;transition:opacity .3s ease var(--delay), transform .3s ease var(--delay)}.pg-tile:hover{transition-delay:0s;transform:scale(1.25)}.pg-noted{background-image:radial-gradient(circle, var(--color-primary) 22%, transparent 26%)}[data-reveal=shown] .pg-lit{animation:1.2s ease-out 1.1s 2 pg-glow}:root.motion [data-page-grid]:not([data-reveal=shown]) .pg-tile{opacity:0;transform:scale(.6)}@keyframes pg-glow{50%{transform:scale(1.35)}}@media (prefers-reduced-motion:reduce){.pg-tile{transition:none}[data-reveal=shown] .pg-lit{animation:none}}.plan-step{transition:opacity .5s ease var(--delay), transform .5s cubic-bezier(.22, 1, .36, 1) var(--delay)}:root.motion .plan-step:not([data-reveal=shown]){opacity:0;transform:translateY(12px)}@media (prefers-reduced-motion:reduce){.plan-step{transition:none}}.serp-result{text-align:left;max-width:600px;font-family:Arial,sans-serif}.serp-site{align-items:center;gap:.75rem;margin-bottom:.25rem;display:flex}.serp-icon{background:var(--color-muted,#f1f3f4);width:1.75rem;height:1.75rem;color:var(--color-foreground);border-radius:9999px;flex:none;place-items:center;font-size:.875rem;display:grid}.serp-name,.serp-crumb{line-height:1.25rem;display:block}.serp-name{color:var(--color-foreground);font-size:.875rem}.serp-crumb{color:var(--color-foreground-muted);overflow-wrap:anywhere;font-size:.75rem}.serp-result .serp-title{color:#1a0dab;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:1.25rem;line-height:1.625rem;display:-webkit-box;overflow:hidden}@media (width>=640px){.serp-result .serp-title{white-space:nowrap;text-overflow:ellipsis;display:block}}.serp-result .serp-description{color:var(--color-foreground-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:.25rem 0 0;font-size:.875rem;line-height:1.375rem;display:-webkit-box;overflow:hidden}.serp-counts{color:var(--color-foreground-muted);margin:.75rem 0 0;font-size:.8125rem}:root[data-theme=dark] .serp-result .serp-title{color:#99c3ff}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .serp-result .serp-title{color:#99c3ff}}.sl-rung{transition:opacity .4s ease var(--delay), transform .4s cubic-bezier(.22, 1, .36, 1) var(--delay), background-color .15s}:root.motion [data-serp-ladder]:not([data-reveal=shown]) .sl-rung{opacity:0;transform:translate(-8px)}@media (prefers-reduced-motion:reduce){.sl-rung{transition:none}}.slop-panel,.slop-bar{display:none}html[data-slop-demo] .slop-panel{display:block}.slop-panel [data-when]{display:none}html[data-slop-demo=draft] .slop-panel [data-when=draft],html[data-slop-demo=start] .slop-panel [data-when=start],html[data-slop-demo=live] .slop-panel [data-when=live]{display:block}html[data-slop] .slop-bar{z-index:10;background:var(--muted);color:var(--foreground-muted);border-radius:.75rem;justify-content:space-between;align-items:center;gap:.75rem;margin-top:2.5rem;padding:.5rem .5rem .5rem 1rem;font-size:.875rem;line-height:1.25rem;transition:opacity .2s,visibility .2s;display:flex;position:sticky;bottom:1rem}html[data-slop] .slop-bar[data-panel-visible]{visibility:hidden;opacity:0}html[data-slop] .slop-fix:not([data-state]):before{content:attr(data-slop)}html[data-slop] .slop-fix:not([data-state]) .slop-new{display:none}html[data-slop=diff] .slop-fix[data-state]:before{content:attr(data-slop);background:linear-gradient(var(--destructive), var(--destructive)) no-repeat 0 55% / 100% 1.5px, var(--destructive-soft);color:var(--destructive);-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:.25rem;animation:.42s ease-out both slop-strike}html[data-slop=diff] .slop-fix[data-state=flagged]:before{background:linear-gradient(var(--destructive), var(--destructive)) no-repeat 0 55% / 0% 1.5px, var(--destructive-soft);animation:.24s ease-out both slop-insert}html[data-slop=diff] .slop-fix[data-state=flagged] .slop-new,html[data-slop=diff] .slop-fix[data-state=struck] .slop-new{display:none}html[data-slop=diff] .slop-fix[data-state] .slop-new{background:var(--success-soft);color:var(--foreground);-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:.25rem;animation:.32s ease-out both slop-insert}html[data-slop=diff] .slop-fix[data-state]:after{content:attr(data-rule);background:var(--muted);color:var(--foreground-muted);font-family:var(--font-mono);white-space:nowrap;vertical-align:.0625rem;border-radius:.375rem;margin-left:.25rem;padding:.0625rem .375rem;font-size:.75rem;font-weight:400;animation:.24s ease-out both slop-insert}html.slop-instant .slop-fix:before,html.slop-instant .slop-fix:after,html.slop-instant .slop-fix .slop-new{animation:none!important}@keyframes slop-strike{0%{color:inherit;background-size:0% 1.5px,auto}}@keyframes slop-insert{0%{opacity:0}}.tc-draw{clip-path:inset(0);transition:clip-path 1.4s cubic-bezier(.22,1,.36,1)}.tc-note{transition:opacity .4s 1.1s}:root.motion [data-traffic-curve]:not([data-reveal=shown]) .tc-draw{clip-path:inset(0 100% 0 0)}:root.motion [data-traffic-curve]:not([data-reveal=shown]) .tc-note{opacity:0}[data-plot]:focus-visible{box-shadow:0 0 0 3px color-mix(in oklch, var(--ring) 30%, transparent);border-radius:.375rem}@media (prefers-reduced-motion:reduce){.tc-draw,.tc-note{transition:none}}.tm-tile{transition:opacity .5s ease var(--delay), transform .5s cubic-bezier(.22, 1, .36, 1) var(--delay);transform-origin:50%}.tm-tile:hover>div{filter:brightness(.96)}:root.motion [data-traffic-map]:not([data-reveal=shown]) .tm-tile{opacity:0;transform:scale(.92)}@media (prefers-reduced-motion:reduce){.tm-tile{transition:none}}.url-row{transition:opacity .4s ease var(--delay), transform .4s cubic-bezier(.22, 1, .36, 1) var(--delay)}:root.motion .url-row:not([data-reveal=shown]){opacity:0;transform:translate(-8px)}@media (prefers-reduced-motion:reduce){.url-row{transition:none}}.vb-bar{transition:height .9s cubic-bezier(.22, 1, .36, 1) var(--delay), background-color .15s}:root.motion [data-vertical-bars]:not([data-reveal=shown]) .vb-bar{height:0!important}[data-active] .vb-hover{opacity:1}[data-active] .vb-bar{background-color:var(--primary)}.vb-axis{background:color-mix(in oklch, var(--muted) 85%, transparent)}[data-plot]:focus-visible{box-shadow:0 0 0 3px color-mix(in oklch, var(--ring) 30%, transparent);border-radius:.375rem}@media (prefers-reduced-motion:reduce){.vb-bar{transition:none}}