.world-site{--site-bg:#1f1b2e;--site-ink:#ece8f6;--site-dim:#aca5c4;--site-pass:#7fd8a6;--site-fail:#ff6b6b;--site-paper:#f4f1ea;--site-text:#1d1f24;--site-muted:#50535b;--fig-bg:var(--site-bg);--fig-ink:var(--site-ink);--fig-dim:var(--site-dim);--fig-rule:#5a5378;--fig-bar:#262138;--fig-btn:#363050;--fig-btn-hover:#453e63;--fig-accent:#b79cff;--fig-on-accent:#1a1430;--fig-done:var(--site-pass);--fig-on:var(--site-pass);--fig-off:var(--site-fail);--fig-off-bg:#4a2628}[data-figure=site] .sf-pick{flex-wrap:wrap;gap:.4rem;padding:1rem 1rem 0;display:flex}[data-figure=site] [data-pick][data-result=fail]:after{content:" · fails"}[data-figure=site] [data-pick]:before{background:var(--fig-on)}[data-figure=site] [data-pick][data-result=fail]:before{background:var(--fig-off)}[data-figure=site] [data-pick][aria-pressed=true]{background:var(--fig-btn);outline:2px solid var(--fig-accent);outline-offset:1px}[data-figure=site] .sf-row{padding:1rem;position:relative}[data-figure=site] .sf{width:min(100% - 2rem, var(--w) * .75px);opacity:0;pointer-events:none;margin-inline:auto;position:absolute;top:1rem;left:0;right:0}[data-figure=site][data-show="360"] .sf[data-w="360"],[data-figure=site][data-show="390"] .sf[data-w="390"],[data-figure=site][data-show="768"] .sf[data-w="768"],[data-figure=site][data-show="1280"] .sf[data-w="1280"]{width:min(100%, var(--w) * .75px);opacity:1;pointer-events:auto;position:relative;top:auto}[data-figure=site] .sf-view{aspect-ratio:var(--w) / 640;outline:1px solid var(--fig-rule);background:var(--site-paper);border-radius:6px;transition:outline-color .2s;overflow:hidden}[data-figure=site] .sf[data-result=fail] .sf-view{outline:2px solid var(--site-fail)}[data-figure=site] .sf-foot{font:600 .75rem/1.3 var(--font-text);color:var(--fig-dim);flex-wrap:wrap;justify-content:space-between;gap:0 .4rem;margin-top:.4rem;display:flex}[data-figure=site] .sf-out{color:var(--site-pass)}[data-figure=site] .sf[data-result=fail] .sf-out{color:var(--site-fail)}[data-figure=site] .sf-verdict{opacity:.8;font-weight:400}@media (prefers-reduced-motion:reduce){[data-figure=site] .sf-view{transition:none}}[data-figure=site] .m-page{width:calc(var(--w) * 1px);transform-origin:0 0;box-sizing:border-box;background:var(--site-paper);height:640px;color:var(--site-text);font:14px/1.4 var(--font-text);padding:12px 16px 16px;overflow:auto hidden;container:mini/inline-size}[data-figure=site]:not([data-mounted]) .m-page,[data-figure=site]:not([data-mounted]) :is(.fig-bar,.sf-pick){visibility:hidden}.m-head{border-bottom:1px solid #c9c4b8;justify-content:space-between;padding-bottom:8px;font-weight:700;display:flex}.m-hero{margin:20px 0 14px}.m-kicker{color:var(--site-muted);letter-spacing:.08em;text-transform:uppercase;font-size:11px}.m-h1{font:700 30px/1.1 var(--font-display)}.m-img{background:linear-gradient(135deg,#9db4c0,#5c7d8a);border-radius:4px;height:120px}.m-text{margin:12px 0}.m-code{box-sizing:border-box;white-space:nowrap;background:#e6e1d6;max-width:100%;padding:4px 6px;font:12px/1.6 ui-monospace,monospace;overflow-x:auto}.m-code span{text-overflow:ellipsis;vertical-align:top;width:340px;display:inline-block;overflow:hidden}[data-figure=site] .m-fig{background:var(--satis-steel);border-radius:8px;margin-top:12px;padding:4px}[data-figure=site] .m-page .m-svg{width:100%;display:none}[data-figure=site] .m-page .m-svg[data-layout=phone]{display:block}@container mini (width>=40rem){[data-figure=site] .m-page .m-svg[data-layout=phone]{display:none}[data-figure=site] .m-page .m-svg[data-layout=tablet]{display:block}}@container mini (width>=64rem){[data-figure=site] .m-page .m-svg[data-layout=tablet]{display:none}[data-figure=site] .m-page .m-svg[data-layout=desktop]{display:block}}.m-svg .m-climb,[data-figure=site][data-case=fonts][data-fixed] .m-svg[data-layout=tablet] [data-path=route]{visibility:hidden}[data-figure=site][data-case=fonts][data-fixed] .m-climb{visibility:visible}@container mini (width>=40rem){[data-figure=site][data-case=hero]:not([data-fixed]) .m-hero,.m-hero:has(.m-portrait){grid-template-columns:8rem 1fr;align-items:end;gap:1rem;display:grid}}[data-figure=site][data-case=media]:not([data-fixed]) .m-page:not(.loaded) .m-img{height:0}[data-figure=site][data-case=line]:not([data-fixed]) .m-code{width:max-content;max-width:none;overflow:visible}[data-figure=site][data-case=fonts] .sf[data-result=fail] .m-label{fill:var(--satis-error)}[data-figure=site][data-case=hero] .sf[data-result=fail] .m-h1,[data-figure=site][data-case=media] .sf[data-result=fail] .m-img,[data-figure=site][data-case=line] .sf[data-result=fail] .m-code{outline:3px solid var(--site-fail);outline-offset:2px}