:root{--blog-visual-radius:12px;--blog-visual-padding:1.125rem 1.25rem;--blog-visual-bg:color-mix(in srgb, var(--surface) 72%, transparent);--blog-visual-plot-bg:color-mix(in srgb, var(--screen) 22%, transparent);--blog-visual-accent:var(--accent);--blog-visual-impressions:color-mix(in srgb, var(--muted) 55%, transparent);--blog-visual-good:var(--green);--blog-visual-warn:var(--yellow);--blog-visual-bad:var(--red);--blog-visual-duration:0.9s;--blog-visual-ease:var(--ease-out-soft)}.blog-visual{margin:0 0 2rem}.blog-visual__caption{margin:0 0 .625rem;font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.blog-visual__panel{position:relative;overflow:hidden;padding:var(--blog-visual-padding);border:1px solid var(--line);border-radius:var(--blog-visual-radius);background:var(--blog-visual-bg)}.blog-visual__panel::before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,color-mix(in srgb,var(--muted) 18%,transparent) 1px,transparent 1px);background-size:14px 14px;opacity:.35;pointer-events:none}.blog-visual__legend{display:flex;flex-wrap:wrap;gap:.5rem 1rem;margin:.875rem 0 0;padding:0;list-style:none}.blog-visual__legend-item{display:inline-flex;align-items:center;gap:.375rem;font-size:.75rem;color:var(--muted-strong)}.blog-visual__legend-swatch{width:.625rem;height:.625rem;border-radius:2px}.blog-visual__legend-swatch--impr{background:var(--blog-visual-impressions)}.blog-visual__legend-swatch--click{background:var(--blog-visual-accent)}.blog-visual__legend-swatch--prev{background:color-mix(in srgb,var(--muted) 70%,transparent)}.blog-visual__legend-swatch--curr{background:var(--blog-visual-bad)}.blog-visual-ctr{position:relative;z-index:1;display:flex;flex-direction:column;gap:.875rem}.blog-visual-ctr__row{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,2fr) auto;gap:.75rem;align-items:center}.blog-visual-ctr__query{font-size:.8125rem;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.blog-visual-ctr__bars{position:relative;height:.5rem;border-radius:var(--radius-pill);background:var(--blog-visual-plot-bg);overflow:hidden}.blog-visual-ctr__click,.blog-visual-ctr__impr{position:absolute;inset-block:0;inset-inline-start:0;border-radius:inherit;transform-origin:left center;transform:scaleX(0)}.blog-visual.reveal.is-visible .blog-visual-ctr__click,.blog-visual.reveal.is-visible .blog-visual-ctr__impr{animation:blog-visual-bar-grow var(--blog-visual-duration) var(--blog-visual-ease) forwards}.blog-visual-ctr__impr{width:calc(var(--impr) * 1%);background:var(--blog-visual-impressions);animation-delay:calc(var(--i, 0) * .12s)}.blog-visual-ctr__click{width:calc(var(--click) * 1%);background:var(--blog-visual-accent);animation-delay:calc(.18s + var(--i, 0) * .12s)}.blog-visual-ctr__click--warn{background:var(--blog-visual-warn)}.blog-visual-ctr__pct{min-width:2.5rem;font-size:.8125rem;font-weight:600;font-variant-numeric:tabular-nums;color:var(--muted-strong);text-align:right}.blog-visual-ctr__row--target .blog-visual-ctr__pct{color:var(--blog-visual-accent)}.blog-visual-traffic__plot{position:relative;z-index:1;min-height:8.5rem}.blog-visual-traffic__plot svg{display:block;width:100%;height:auto}.blog-visual-traffic__line{fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.blog-visual-traffic__line--prev{stroke:color-mix(in srgb,var(--muted) 65%,transparent);stroke-dasharray:6 5}.blog-visual-traffic__line--curr{stroke:var(--blog-visual-bad)}.blog-visual-traffic__area--curr{fill:color-mix(in srgb,var(--blog-visual-bad) 16%,transparent)}.blog-visual-traffic__line--curr{stroke-dasharray:var(--line-len,400);stroke-dashoffset:var(--line-len,400)}.blog-visual.reveal.is-visible .blog-visual-traffic__line--curr{animation:blog-visual-line-draw 1.1s var(--blog-visual-ease) .15s forwards}.blog-visual-cwv{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.blog-visual-cwv__item{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.75rem .5rem;border:1px solid color-mix(in srgb,var(--line) 55%,transparent);border-radius:10px;background:var(--blog-visual-plot-bg)}.blog-visual-cwv__ring{width:4.5rem;height:4.5rem}.blog-visual-cwv__ring svg{display:block;width:100%;height:100%}.blog-visual-cwv__track{fill:none;stroke:color-mix(in srgb,var(--line) 32%,transparent);stroke-width:5}.blog-visual-cwv__progress{fill:none;stroke-width:5;stroke-linecap:round;stroke-dasharray:var(--circ);stroke-dashoffset:var(--circ)}.blog-visual.reveal.is-visible .blog-visual-cwv__progress{animation:blog-visual-ring-fill 1s var(--blog-visual-ease) forwards;animation-delay:var(--delay, 0s)}.blog-visual-cwv__label{fill:var(--muted);font-size:10px;font-weight:600;font-family:var(--font)}.blog-visual-cwv__status{font-size:.6875rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.blog-visual-cwv__status--good{color:var(--blog-visual-good)}.blog-visual-cwv__status--warn{color:var(--blog-visual-warn)}.blog-visual-index{position:relative;z-index:1;display:flex;flex-direction:column;gap:.75rem}.blog-visual-index__summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.625rem}.blog-visual-index__stat{padding:.625rem .5rem;border-radius:8px;background:var(--blog-visual-plot-bg);text-align:center}.blog-visual-index__value{display:block;font-size:1.125rem;font-weight:600;font-variant-numeric:tabular-nums;color:var(--ink)}.blog-visual-index__label{display:block;margin-top:.125rem;font-size:.6875rem;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}.blog-visual-index__bar{display:flex;height:.625rem;border-radius:var(--radius-pill);overflow:hidden;background:var(--blog-visual-plot-bg)}.blog-visual-index__segment{transform-origin:left center;transform:scaleX(0)}.blog-visual.reveal.is-visible .blog-visual-index__segment{animation:blog-visual-bar-grow .85s var(--blog-visual-ease) forwards}.blog-visual-index__segment--indexed{flex:112;background:var(--blog-visual-good);animation-delay:.1s}.blog-visual-index__segment--pending{flex:18;background:var(--blog-visual-warn);animation-delay:.35s}.blog-visual-index__segment--excluded{flex:10;background:color-mix(in srgb,var(--muted) 50%,transparent);animation-delay:.5s}.blog-visual-index__reasons{display:flex;flex-direction:column;gap:.5rem}.blog-visual-index__reason{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.75rem;align-items:center;font-size:.8125rem;color:var(--muted-strong)}.blog-visual-index__reason-bar{height:.375rem;border-radius:var(--radius-pill);background:var(--blog-visual-plot-bg);overflow:hidden}.blog-visual-index__reason-fill{display:block;height:100%;border-radius:inherit;background:var(--blog-visual-warn);transform-origin:left center;transform:scaleX(0)}.blog-visual.reveal.is-visible .blog-visual-index__reason-fill{animation:blog-visual-bar-grow .75s var(--blog-visual-ease) forwards;animation-delay:var(--delay, .6s)}@keyframes blog-visual-bar-grow{to{transform:scaleX(1)}}@keyframes blog-visual-line-draw{to{stroke-dashoffset:0}}@keyframes blog-visual-ring-fill{to{stroke-dashoffset:var(--target)}}.blog-visual-metrics{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:.5rem}.blog-visual-metrics__pill{padding:.375rem .75rem;border:1px solid var(--line);border-radius:var(--radius-pill);font-size:.75rem;font-weight:600;color:var(--muted);background:var(--blog-visual-plot-bg)}.blog-visual-metrics__pill--active{color:var(--ink);border-color:color-mix(in srgb,var(--accent) 45%,var(--line));background:color-mix(in srgb,var(--accent) 14%,var(--blog-visual-plot-bg))}.blog-visual-metrics__note{margin:.875rem 0 0;font-size:.8125rem;color:var(--muted-strong)}.blog-visual-metrics__note strong{color:var(--ink);font-weight:600}.blog-visual-query-page{position:relative;z-index:1;display:flex;flex-direction:column;gap:.75rem}.blog-visual-query-page__query{padding:.625rem .875rem;border:1px solid color-mix(in srgb,var(--accent) 35%,var(--line));border-radius:8px;background:color-mix(in srgb,var(--accent) 8%,var(--blog-visual-plot-bg));font-size:.8125rem;color:var(--ink)}.blog-visual-query-page__query span{display:block;margin-bottom:.125rem;font-size:.6875rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.blog-visual-query-page__arrow{align-self:center;font-size:.875rem;color:var(--muted)}.blog-visual-query-page__pages{display:flex;flex-direction:column;gap:.5rem}.blog-visual-query-page__url{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.75rem;align-items:center;padding:.5rem .75rem;border-radius:8px;background:var(--blog-visual-plot-bg);font-size:.75rem;color:var(--muted-strong)}.blog-visual-query-page__url--primary{border:1px solid color-mix(in srgb,var(--accent) 40%,var(--line));color:var(--ink)}.blog-visual-query-page__share{font-size:.6875rem;font-weight:600;font-variant-numeric:tabular-nums;color:var(--accent)}.blog-visual-snippet{position:relative;z-index:1;display:grid;gap:.875rem}@media (min-width:560px){.blog-visual-snippet{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center}}.blog-visual-snippet__card{padding:.875rem 1rem;border-radius:10px;background:var(--blog-visual-plot-bg);border:1px solid var(--line)}.blog-visual-snippet__card--after{border-color:color-mix(in srgb,var(--green) 35%,var(--line))}.blog-visual-snippet__label{display:block;margin-bottom:.5rem;font-size:.6875rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.blog-visual-snippet__card--after .blog-visual-snippet__label{color:var(--blog-visual-good)}.blog-visual-snippet__title{margin:0 0 .25rem;font-size:.9375rem;font-weight:600;line-height:1.3;color:var(--accent)}.blog-visual-snippet__url{margin:0 0 .375rem;font-size:.6875rem;color:var(--blog-visual-good)}.blog-visual-snippet__desc{margin:0;font-size:.8125rem;line-height:1.45;color:var(--muted-strong)}.blog-visual-snippet__arrow{display:none;font-size:1.25rem;color:var(--muted);text-align:center}@media (min-width:560px){.blog-visual-snippet__arrow{display:block}}.blog-visual-pages{position:relative;z-index:1;display:flex;flex-direction:column;gap:.375rem}.blog-visual-pages__head,.blog-visual-pages__row{display:grid;grid-template-columns:minmax(0,1.6fr) repeat(3,minmax(0,0.7fr));gap:.5rem;align-items:center;padding:.5rem .625rem;font-size:.75rem}.blog-visual-pages__head{font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.blog-visual-pages__row{border-radius:8px;background:var(--blog-visual-plot-bg);color:var(--muted-strong)}.blog-visual-pages__row--drop{border:1px solid color-mix(in srgb,var(--blog-visual-bad) 30%,var(--line))}.blog-visual-pages__url{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ink)}.blog-visual-pages__diff{font-weight:600;font-variant-numeric:tabular-nums;color:var(--blog-visual-bad);text-align:right}.blog-visual-pages__diff--up{color:var(--blog-visual-good)}.blog-visual-diagnosis{position:relative;z-index:1;display:flex;flex-direction:column;gap:.625rem}.blog-visual-diagnosis__item{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.75rem;align-items:start;padding:.75rem .875rem;border-radius:10px;border:1px solid var(--line);background:var(--blog-visual-plot-bg)}.blog-visual-diagnosis__signal{display:flex;flex-direction:column;gap:.25rem;min-width:4.5rem;font-size:.6875rem;font-weight:600;font-variant-numeric:tabular-nums;text-transform:uppercase;letter-spacing:.04em}.blog-visual-diagnosis__signal span{display:flex;align-items:center;gap:.25rem}.blog-visual-diagnosis__arrow{font-size:.625rem}.blog-visual-diagnosis__arrow--down{color:var(--blog-visual-bad)}.blog-visual-diagnosis__arrow--flat{color:var(--muted)}.blog-visual-diagnosis__title{margin:0 0 .25rem;font-size:.8125rem;font-weight:600;color:var(--ink)}.blog-visual-diagnosis__desc{margin:0;font-size:.75rem;line-height:1.45;color:var(--muted-strong)}.blog-visual-cwv-thresholds{position:relative;z-index:1;display:flex;flex-direction:column;gap:1rem}.blog-visual-cwv-thresholds__metric{display:flex;flex-direction:column;gap:.375rem}.blog-visual-cwv-thresholds__name{font-size:.8125rem;font-weight:600;color:var(--ink)}.blog-visual-cwv-thresholds__bar{display:grid;grid-template-columns:1fr 1fr 1fr;height:.5rem;border-radius:var(--radius-pill);overflow:hidden}.blog-visual-cwv-thresholds__zone{transform-origin:left center;transform:scaleX(0)}.blog-visual.reveal.is-visible .blog-visual-cwv-thresholds__zone{animation:blog-visual-bar-grow .7s var(--blog-visual-ease) forwards}.blog-visual-cwv-thresholds__zone--good{background:var(--blog-visual-good);animation-delay:var(--delay, 0s)}.blog-visual-cwv-thresholds__zone--warn{background:var(--blog-visual-warn);animation-delay:calc(var(--delay, 0s) + .08s)}.blog-visual-cwv-thresholds__zone--bad{background:var(--blog-visual-bad);animation-delay:calc(var(--delay, 0s) + .16s)}.blog-visual-cwv-thresholds__labels{display:grid;grid-template-columns:1fr 1fr 1fr;font-size:.625rem;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.blog-visual-cwv-thresholds__marker{position:relative;margin-top:.25rem;height:1.25rem}.blog-visual-cwv-thresholds__marker-line{position:absolute;top:0;width:2px;height:.625rem;background:var(--ink);transform:translateX(-50%);left:var(--pos,50%)}.blog-visual-cwv-thresholds__marker-value{position:absolute;top:.625rem;transform:translateX(-50%);left:var(--pos,50%);font-size:.6875rem;font-weight:600;font-variant-numeric:tabular-nums;color:var(--ink);white-space:nowrap}.blog-visual-cwv-priority{position:relative;z-index:1;display:flex;flex-direction:column;gap:.625rem}.blog-visual-cwv-priority__row{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1.4fr) auto;gap:.625rem;align-items:center;padding:.625rem .75rem;border-radius:8px;background:var(--blog-visual-plot-bg);font-size:.75rem}.blog-visual-cwv-priority__row--focus{border:1px solid color-mix(in srgb,var(--blog-visual-warn) 40%,var(--line))}.blog-visual-cwv-priority__pattern{color:var(--ink);font-weight:500}.blog-visual-cwv-priority__bar{height:.375rem;border-radius:var(--radius-pill);background:color-mix(in srgb,var(--line) 25%,transparent);overflow:hidden}.blog-visual-cwv-priority__fill{display:block;height:100%;border-radius:inherit;transform-origin:left center;transform:scaleX(0)}.blog-visual.reveal.is-visible .blog-visual-cwv-priority__fill{animation:blog-visual-bar-grow .8s var(--blog-visual-ease) forwards;animation-delay:var(--delay, .1s)}.blog-visual-cwv-priority__fill--poor{background:var(--blog-visual-bad)}.blog-visual-cwv-priority__fill--warn{background:var(--blog-visual-warn)}.blog-visual-cwv-priority__fill--good{background:var(--blog-visual-good)}.blog-visual-cwv-priority__impr{font-size:.6875rem;font-weight:600;font-variant-numeric:tabular-nums;color:var(--muted-strong);white-space:nowrap}.blog-visual-inspect{position:relative;z-index:1;display:flex;flex-direction:column;gap:.75rem}.blog-visual-inspect__url{padding:.5rem .75rem;border-radius:8px;background:var(--blog-visual-plot-bg);font-size:.75rem;color:var(--accent);word-break:break-all}.blog-visual-inspect__status{display:flex;align-items:center;gap:.5rem;padding:.625rem .875rem;border-radius:8px;border:1px solid color-mix(in srgb,var(--blog-visual-good) 35%,var(--line));background:color-mix(in srgb,var(--blog-visual-good) 8%,var(--blog-visual-plot-bg));font-size:.8125rem;font-weight:600;color:var(--blog-visual-good)}.blog-visual-inspect__status--warn{border-color:color-mix(in srgb,var(--blog-visual-warn) 35%,var(--line));background:color-mix(in srgb,var(--blog-visual-warn) 8%,var(--blog-visual-plot-bg));color:var(--blog-visual-warn)}.blog-visual-inspect__checks{display:flex;flex-direction:column;gap:.375rem;margin:0;padding:0;list-style:none}.blog-visual-inspect__check{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.5rem;align-items:start;font-size:.8125rem;color:var(--muted-strong)}.blog-visual-inspect__icon{width:1rem;height:1rem;border-radius:50%;flex-shrink:0;margin-top:.125rem}.blog-visual-inspect__icon--pass{background:color-mix(in srgb,var(--blog-visual-good) 22%,transparent);box-shadow:inset 0 0 0 1.5px var(--blog-visual-good)}.blog-visual-inspect__icon--fail{background:color-mix(in srgb,var(--blog-visual-bad) 22%,transparent);box-shadow:inset 0 0 0 1.5px var(--blog-visual-bad)}.blog-visual-sitemap{position:relative;z-index:1;display:flex;flex-direction:column;gap:.875rem}.blog-visual-sitemap__rows{display:flex;flex-direction:column;gap:.625rem}.blog-visual-sitemap__row{display:grid;grid-template-columns:5.5rem minmax(0,1fr) auto;gap:.625rem;align-items:center;font-size:.8125rem}.blog-visual-sitemap__label{color:var(--muted);font-size:.75rem}.blog-visual-sitemap__track{height:.5rem;border-radius:var(--radius-pill);background:var(--blog-visual-plot-bg);overflow:hidden}.blog-visual-sitemap__fill{display:block;height:100%;border-radius:inherit;transform-origin:left center;transform:scaleX(0)}.blog-visual.reveal.is-visible .blog-visual-sitemap__fill{animation:blog-visual-bar-grow .85s var(--blog-visual-ease) forwards;animation-delay:var(--delay, .1s)}.blog-visual-sitemap__fill--submitted{background:var(--blog-visual-accent)}.blog-visual-sitemap__fill--indexed{background:var(--blog-visual-good)}.blog-visual-sitemap__count{font-weight:600;font-variant-numeric:tabular-nums;color:var(--ink);min-width:2.5rem;text-align:right}.blog-visual-sitemap__gap{padding:.625rem .75rem;border-radius:8px;border:1px dashed color-mix(in srgb,var(--blog-visual-warn) 45%,var(--line));font-size:.75rem;color:var(--muted-strong)}.blog-visual-sitemap__gap strong{color:var(--blog-visual-warn)}.blog-visual-cwv__metric-name{font-size:.75rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}@media (max-width:640px){.blog-visual-ctr__row{grid-template-columns:1fr;gap:.375rem}.blog-visual-ctr__pct{text-align:left}.blog-visual-cwv{grid-template-columns:1fr}.blog-visual-pages__head,.blog-visual-pages__row{grid-template-columns:minmax(0,1fr) auto;font-size:.6875rem}.blog-visual-pages__head span:nth-child(n+3),.blog-visual-pages__row span:nth-child(n+3){display:none}.blog-visual-cwv-priority__row{grid-template-columns:1fr;gap:.375rem}}@media (prefers-reduced-motion:reduce){.blog-visual-ctr__click,.blog-visual-ctr__impr,.blog-visual-cwv-priority__fill,.blog-visual-cwv-thresholds__zone,.blog-visual-index__reason-fill,.blog-visual-index__segment,.blog-visual-sitemap__fill{animation:none;transform:scaleX(1)}.blog-visual-traffic__line--curr{animation:none;stroke-dashoffset:0}.blog-visual-cwv__progress{animation:none;stroke-dashoffset:var(--target)}}