@font-face{font-family:"Schibsted Grotesk";src:url(../fonts/schibsted-grotesk-latin-wght.woff2)format("woff2");font-weight:400 900;font-style:normal;font-display:swap}@font-face{font-family:"Schibsted Grotesk";src:url(../fonts/schibsted-grotesk-latin-wght-italic.woff2)format("woff2");font-weight:400 900;font-style:italic;font-display:swap}:root{--paper:#F3F5F8;--paper-2:#E9EDF2;--surface:#FFFFFF;--ink:#161A20;--ink-2:#4B5360;--ink-3:#6B7380;--rule:#D8DDE4;--rule-strong:#B9C0CA;--accent:#A3245A;--accent-ink:#FFFFFF;--accent-soft:#F6E6EE;--accent-hover:#8A1C4B;--note-bg:#E8EEF6;--note-edge:#4B5360;--warn-bg:#FFF3DC;--warn-edge:#B26B00;--mark-off:#C3CAD3;--shadow:0 1px 2px rgb(22 26 32 / .06), 0 8px 24px rgb(22 26 32 / .06);--font:"Schibsted Grotesk", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;--fs-xs:.8125rem;--fs-sm:.875rem;--fs-base:1rem;--fs-md:1.125rem;--fs-lg:1.3125rem;--fs-xl:1.625rem;--fs-2xl:2.125rem;--fs-hero:clamp(2.125rem, 1.35rem + 2.7vw, 2.875rem);--r-control:8px;--r-panel:14px;--r-image:10px;--r-key:6px;--wrap:1200px;--gutter:clamp(16px, 4vw, 32px);--header-h:64px;--ease:cubic-bezier(.2, .8, .2, 1);color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--paper:#101317;--paper-2:#1C2128;--surface:#171B21;--ink:#E8EBEF;--ink-2:#A3ABB6;--ink-3:#8A929D;--rule:#2A3039;--rule-strong:#3B434E;--accent:#F07AA8;--accent-ink:#1A0A12;--accent-soft:#3A1E2B;--accent-hover:#F59BBE;--note-bg:#1C2633;--note-edge:#A3ABB6;--warn-bg:#33270F;--warn-edge:#E0A040;--mark-off:#3B434E;--shadow:0 1px 2px rgb(0 0 0 / .3), 0 8px 24px rgb(0 0 0 / .25);color-scheme:dark}}:root[data-theme=dark]{--paper:#101317;--paper-2:#1C2128;--surface:#171B21;--ink:#E8EBEF;--ink-2:#A3ABB6;--ink-3:#8A929D;--rule:#2A3039;--rule-strong:#3B434E;--accent:#F07AA8;--accent-ink:#1A0A12;--accent-soft:#3A1E2B;--accent-hover:#F59BBE;--note-bg:#1C2633;--note-edge:#A3ABB6;--warn-bg:#33270F;--warn-edge:#E0A040;--mark-off:#3B434E;--shadow:0 1px 2px rgb(0 0 0 / .3), 0 8px 24px rgb(0 0 0 / .25);color-scheme:dark}*,::after,::before{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:transparent;scroll-padding-top:calc(var(--header-h) + 16px)}body{background:var(--paper);color:var(--ink);font-family:var(--font);font-size:var(--fs-base);line-height:1.55;font-feature-settings:"kern";-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}[hidden]{display:none!important}img,svg,video{max-width:100%;height:auto}img{display:block}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:3px}h1,h2,h3,h4{margin:0;font-weight:750;line-height:1.15;letter-spacing:-.018em;text-wrap:balance}body,p{margin:0}button,input,select,textarea{font:inherit;color:inherit}input,select,textarea{font-size:max(16px,1rem)}[role=button],a,button,summary{touch-action:manipulation}.btn,.tile,[role=button],button,summary{-webkit-user-select:none;user-select:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}::selection{background:var(--accent-soft);color:var(--ink)}.sr-only{padding:0;margin:-1px;border:0}.screen-reader-text,.sr-only{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.screen-reader-text:focus{clip:auto;width:auto;height:auto}.skip-link{position:absolute;left:12px;top:-60px;z-index:200;padding:10px 14px;background:var(--ink);color:var(--paper);border-radius:var(--r-control);font-weight:650;text-decoration:none}.skip-link:focus{top:12px}.site-main:focus{outline:0}.wrap{width:100%;max-width:var(--wrap);margin-inline:auto;padding-inline:var(--gutter)}.section-title{font-size:var(--fs-xl);margin-bottom:20px}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:20px}.section-head .section-title{margin-bottom:0}.btn,.text-link{font-weight:650;text-decoration:none}.text-link{color:var(--accent)}@media (hover:hover) and (pointer:fine){.text-link:hover{text-decoration:underline}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 18px;border:1px solid transparent;border-radius:var(--r-control);font-size:var(--fs-base);line-height:1;white-space:nowrap;cursor:pointer;transition:background-color 120ms var(--ease),border-color 120ms var(--ease),transform 100ms var(--ease)}.btn:active{transform:scale(.98)}.btn[disabled]{opacity:.5;cursor:not-allowed}.btn-lg{min-height:52px;padding:0 22px;font-size:1.0625rem}.btn-primary{background:var(--accent);color:var(--accent-ink)}.btn-quiet,.icon-btn{background:0 0;color:var(--ink)}.btn-quiet{border-color:var(--rule-strong)}@media (hover:hover) and (pointer:fine){.btn-primary:hover{background:var(--accent-hover)}.btn-quiet:hover{border-color:var(--ink-2);background:var(--surface)}}.icon-btn{display:inline-grid;place-items:center;width:44px;height:44px;border:0;border-radius:var(--r-control);cursor:pointer}.icon-btn:active{background:var(--paper-2)}@media (hover:hover) and (pointer:fine){.icon-btn:hover{background:var(--paper-2)}}.site-header{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--paper) 92%,transparent);-webkit-backdrop-filter:saturate(160%) blur(10px);backdrop-filter:saturate(160%) blur(10px);border-bottom:1px solid var(--rule);padding-top:env(safe-area-inset-top,0)}@supports not (background:color-mix(in srgb,red 50%,transparent)){.site-header{background:var(--paper)}}.header-bar{display:flex;align-items:center;gap:24px;min-height:var(--header-h)}.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);flex:none}.brand-name{font-weight:800;font-size:1.25rem;letter-spacing:-.025em}.brand-mark{display:grid;grid-template-columns:repeat(3,6px);grid-auto-rows:6px;gap:2px}.brand-mark i{display:block;background:var(--mark-off);border-radius:1px}.brand-mark i:nth-child(3){background:var(--accent)}.brand-mark i:nth-child(5){background:var(--ink)}.primary-nav{margin-left:8px}.primary-nav .menu{display:flex;gap:4px;margin:0;padding:0;list-style:none}.primary-nav a{display:block;padding:10px 12px;border-radius:var(--r-control);color:var(--ink-2);font-weight:600;text-decoration:none;white-space:nowrap}.primary-nav .current-menu-item>a,.primary-nav .current-menu-parent>a,.primary-nav .current-post-ancestor>a{color:var(--ink);box-shadow:inset 0-2px 0 var(--accent);border-radius:0}@media (hover:hover) and (pointer:fine){.primary-nav a:hover{color:var(--ink);background:var(--paper-2)}}.header-actions{margin-left:auto;display:flex;align-items:center;gap:2px}.theme-icon{display:none;line-height:0}:root[data-theme=dark] .theme-icon-dark{display:none}:root .theme-icon-dark,:root[data-theme=dark] .theme-icon-light{display:block}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .theme-icon-dark{display:none}:root:not([data-theme=light]) .theme-icon-light{display:block}}.nav-toggle,.nav-toggle[aria-expanded=true] .nav-toggle-open{display:none}.nav-toggle-close{display:none;line-height:0}.nav-toggle-open{line-height:0}.nav-toggle[aria-expanded=true] .nav-toggle-close{display:block}.search-panel{border-top:1px solid var(--rule);background:var(--surface);padding:14px 0}.search-form{display:flex;gap:8px;max-width:640px}.search-form input[type=search]{flex:1;min-width:0;min-height:48px;padding:0 14px;border:1px solid var(--rule-strong);border-radius:var(--r-control);background:var(--paper);color:var(--ink)}.search-form input::placeholder{color:var(--ink-3)}.search-form .btn{min-height:48px}@media (max-width:899px){.header-bar{gap:12px}.nav-toggle{display:inline-grid}.primary-nav,.primary-nav a{border-bottom:1px solid var(--rule)}.primary-nav{display:none;position:absolute;left:0;right:0;top:100%;margin:0;background:var(--surface);box-shadow:var(--shadow);padding:8px var(--gutter) 16px}.primary-nav.is-open{display:block}.primary-nav .menu{flex-direction:column;gap:0}.primary-nav a{padding:14px 4px;font-size:1.0625rem;color:var(--ink);border-radius:0}.primary-nav li:last-child a{border-bottom:0}.primary-nav .current-menu-item>a{box-shadow:inset 3px 0 0 var(--accent);padding-left:12px}}.crumbs ol{display:flex;flex-wrap:wrap;gap:4px 0;margin:0 0 14px;padding:0;list-style:none;font-size:var(--fs-sm);color:var(--ink-2)}.crumbs li,.hero{align-items:center}.crumbs li{display:inline-flex;min-width:0}.crumbs li+li::before{content:"/";margin:0 8px;color:var(--rule-strong)}.crumbs a,.device-card-foot a{color:var(--ink-2);text-decoration:none}.crumbs [aria-current]{color:var(--ink-3);max-width:32ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (hover:hover) and (pointer:fine){.crumbs a:hover{color:var(--ink);text-decoration:underline}}.hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(32px,5vw,64px);padding-top:clamp(32px,6vw,72px);padding-bottom:clamp(40px,6vw,72px)}.hero-title{font-size:var(--fs-hero);font-weight:800;letter-spacing:-.03em;line-height:1.06;max-width:24ch}.hero-sub{margin-top:18px;max-width:44ch;font-size:var(--fs-md);color:var(--ink-2)}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.device-card{background:var(--surface);border:1px solid var(--rule);border-radius:var(--r-panel);padding:20px 22px 18px;box-shadow:var(--shadow)}.device-card-title{font-size:var(--fs-base);font-weight:700;letter-spacing:0;margin-bottom:8px}.device-group dl,.device-rows{margin:0}.device-row{display:grid;grid-template-columns:7.5rem minmax(0,1fr);gap:12px;align-items:baseline;padding:10px 0;border-top:1px solid var(--rule)}.device-row dd{margin:0;font-weight:650;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.device-row dd small{display:block;font-weight:400}.pending{color:var(--ink-3);font-weight:400}.device-card-foot,.device-row dd small,.device-row dt{font-size:var(--fs-sm);color:var(--ink-2)}.device-card-foot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 16px;margin-top:8px;padding-top:12px;border-top:1px solid var(--rule)}.device-card-foot a{color:var(--accent);font-weight:650}.tools-band{padding-bottom:clamp(40px,6vw,72px)}.bento{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);grid-template-rows:auto auto;gap:16px}.tile{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--rule);border-radius:var(--r-panel);overflow:hidden;text-decoration:none;color:var(--ink);transition:border-color 140ms var(--ease),transform 100ms var(--ease)}.tile:active{transform:scale(.99)}@media (hover:hover) and (pointer:fine){.tile:hover{border-color:var(--rule-strong)}.tile:hover .tile-cta{text-decoration:underline}}.tile-screen{grid-row:span 2}.tile-text{display:flex;flex-direction:column;gap:6px;padding:18px 20px 20px}.tile-title{font-size:1.25rem}.tile-desc{color:var(--ink-2);max-width:46ch}.tile-cta{margin-top:6px;color:var(--accent);font-weight:650}.tile-visual{display:block}.test-bars{display:flex;flex-direction:column;flex:1;min-height:220px;background:#131313}.test-bars>span{display:grid;grid-template-columns:repeat(7,1fr)}.bars-top{flex:6.2}.bars-mid{flex:1}.bars-ramp{flex:2.4;background:linear-gradient(90deg,#000 0,#fff 100%)}.bars-top i:nth-child(1){background:silver}.bars-top i:nth-child(2){background:#c0c000}.bars-top i:nth-child(3){background:#00c0c0}.bars-top i:nth-child(4){background:#00c000}.bars-top i:nth-child(5){background:#c000c0}.bars-top i:nth-child(6){background:#c00000}.bars-mid i:nth-child(1),.bars-top i:nth-child(7){background:#0000c0}.bars-mid i:nth-child(2){background:#131313}.bars-mid i:nth-child(3){background:#c000c0}.bars-mid i:nth-child(4){background:#131313}.bars-mid i:nth-child(5){background:#00c0c0}.bars-mid i:nth-child(6){background:#131313}.bars-mid i:nth-child(7){background:silver}.touch-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:3px;padding:16px 20px 0}.touch-grid i{display:block;aspect-ratio:1.7;border:1px solid var(--rule);border-radius:3px;background:var(--paper)}.touch-grid i.on{background:var(--accent);border-color:var(--accent)}.device-visual{display:grid;place-items:center;height:112px;margin:16px 20px 0;background:var(--accent-soft);border-radius:var(--r-image);color:var(--accent)}.guides{padding-bottom:clamp(40px,6vw,72px)}.guides-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:clamp(24px,4vw,48px);align-items:start}.lead-media img{width:100%;border-radius:var(--r-image);aspect-ratio:16/9;object-fit:cover}.lead-text{padding-top:16px}.lead:not(.has-thumb) .lead-text{padding:24px;background:var(--surface);border:1px solid var(--rule);border-radius:var(--r-panel)}.lead-title{font-size:var(--fs-2xl);letter-spacing:-.025em}.lead-title a,.row-title a,.topic-title a{text-decoration:none}.lead-excerpt{margin-top:10px;color:var(--ink-2);font-size:var(--fs-md);max-width:56ch}@media (hover:hover) and (pointer:fine){.lead-title a:hover,.row-title a:hover,.topic-title a:hover{text-decoration:underline;text-decoration-thickness:2px}}.guides-list .row:first-child{border-top:0;padding-top:0}.row{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;padding:18px 0;border-top:1px solid var(--rule)}.row.has-thumb{grid-template-columns:minmax(0,1fr) 176px}.row-kicker{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:4px;font-size:var(--fs-sm);font-weight:650}.row-kicker a{color:var(--accent);text-decoration:none}.row-kicker:empty{display:none}.row-title{font-size:1.1875rem;line-height:1.25}h2.row-title{font-size:var(--fs-lg)}.row-excerpt{margin-top:6px;color:var(--ink-2);max-width:64ch}.guide-figure figcaption,.row-meta{margin-top:8px;font-size:var(--fs-sm);color:var(--ink-2)}.lead .row-meta{margin-top:14px}.row-meta-sep{display:inline-block;width:1px;height:12px;margin:0 10px;background:var(--rule-strong);vertical-align:-1px}.row-media img{aspect-ratio:16/9;object-fit:cover}.row-list{border-bottom:1px solid var(--rule)}.flag-sponsored{display:inline-block;padding:2px 8px;border-radius:4px;background:var(--warn-bg);color:var(--ink);font-size:var(--fs-xs);font-weight:700}.topics{padding-bottom:clamp(40px,6vw,72px)}.topics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:32px clamp(24px,4vw,48px)}.topic{display:flex;flex-direction:column;gap:10px;padding-top:16px;border-top:2px solid var(--ink)}.topic-title{font-size:var(--fs-lg)}.method-inner p,.topic-desc{color:var(--ink-2);font-size:var(--fs-sm)}.topic-list{margin:0;padding:0;list-style:none;display:grid;gap:8px}.topic-list a{text-decoration:none;font-weight:550}@media (hover:hover) and (pointer:fine){.topic-list a:hover{text-decoration:underline}}.method{padding-bottom:clamp(48px,7vw,88px)}.method-inner{display:grid;gap:14px;justify-items:start;padding:clamp(24px,4vw,40px);background:var(--surface);border:1px solid var(--rule);border-radius:var(--r-panel)}.method-title{font-size:var(--fs-xl)}.method-inner p{max-width:62ch;font-size:var(--fs-md)}.empty{padding:28px;background:var(--surface);border:1px dashed var(--rule-strong);border-radius:var(--r-panel);display:grid;gap:16px;justify-items:start}.empty p{color:var(--ink-2);max-width:60ch}.tool-links{display:flex;flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none}.byline p>a,.tool-links a{font-weight:650;text-decoration:none}.tool-links a{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:8px 14px;border:1px solid var(--rule-strong);border-radius:var(--r-control);background:var(--surface)}.tool-links .ts-icon{color:var(--accent);flex:none}@media (hover:hover) and (pointer:fine){.tool-links a:hover{border-color:var(--ink-2)}}.archive-head{padding-top:clamp(24px,4vw,44px);padding-bottom:20px}.page-title,h1.author-name{font-size:var(--fs-2xl);letter-spacing:-.025em}.archive-count,.archive-desc{margin-top:10px;color:var(--ink-2)}.archive-desc{max-width:64ch;font-size:var(--fs-md)}.answer-body p+p,.archive-desc p+p,.list-wrap>.section-title{margin-top:8px}.archive-count{font-size:var(--fs-sm)}.archive-tools{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;padding-bottom:20px}.archive-tools-label{font-size:var(--fs-sm);color:var(--ink-2);font-weight:600}.list-wrap{padding-bottom:clamp(48px,7vw,88px)}.search-inline{margin-top:16px}.pagination{margin-top:28px}.pagination .nav-links{display:flex;flex-wrap:wrap;gap:6px}.page-numbers{display:inline-grid;place-items:center;min-width:44px;min-height:44px;padding:0 12px;border:1px solid var(--rule);border-radius:var(--r-control);text-decoration:none;font-weight:600;background:var(--surface)}.page-numbers.current{background:var(--ink);color:var(--paper);border-color:var(--ink)}.page-numbers.dots{border:0;background:0 0}.guide-head{padding-top:clamp(20px,3.5vw,40px);padding-bottom:8px}.guide-head>*{max-width:780px}.guide-title{font-size:clamp(1.875rem,1.3rem + 2.2vw,2.625rem);letter-spacing:-.028em;line-height:1.1}.guide-standfirst{margin-top:14px;font-size:var(--fs-lg);line-height:1.45;color:var(--ink-2);max-width:60ch}.byline p,.sponsored-note{font-size:var(--fs-sm);color:var(--ink-2);display:flex;flex-wrap:wrap}.sponsored-note{margin-bottom:14px;gap:8px;align-items:center}.byline{display:flex;align-items:center;gap:12px;margin-top:20px}.avatar-initials,.byline-avatar{border-radius:50%;flex:none}.avatar-initials{display:inline-grid;place-items:center;background:var(--ink);color:var(--paper);font-weight:750;letter-spacing:.02em;line-height:1}.byline p{column-gap:12px}.byline p>a{color:var(--ink)}.byline-meta{display:inline}.guide-body{padding-top:24px;padding-bottom:clamp(40px,6vw,72px)}.guide-main{min-width:0;max-width:720px}.guide-figure{margin:0 0 24px}.guide-figure img,.row-media img{width:100%;border-radius:var(--r-image)}@media (min-width:1100px){.guide-body.has-toc{display:grid;grid-template-columns:minmax(0,720px) 240px;column-gap:64px;align-items:start}.guide-body.has-toc .toc{grid-column:2;grid-row:1;position:sticky;top:calc(var(--header-h) + 24px)}.guide-body.has-toc .guide-main{grid-column:1;grid-row:1}.toc-box summary{pointer-events:none}.toc-box summary::after{display:none}}.toc{margin-bottom:24px}.toc-box{border:1px solid var(--rule);border-radius:var(--r-panel);background:var(--surface);padding:4px 16px}.toc-box summary{display:flex;justify-content:space-between;align-items:center;min-height:44px;font-weight:700;font-size:var(--fs-sm);cursor:pointer;list-style:none}.toc-box summary::-webkit-details-marker{display:none}.toc-box summary::after{content:"";width:8px;height:8px;border-right:2px solid var(--ink-2);border-bottom:2px solid var(--ink-2);transform:rotate(45deg) translateY(-2px);transition:transform 160ms var(--ease)}.changelog[open] summary::after,.toc-box[open] summary::after{transform:rotate(-135deg) translateY(-2px)}.toc-box ol{margin:0 0 12px;padding:0;list-style:none;display:grid;gap:2px}.toc-box a{display:block;padding:6px 0 6px 12px;border-left:2px solid var(--rule);color:var(--ink-2);font-size:var(--fs-sm);line-height:1.35;text-decoration:none}.toc-box a.is-active{color:var(--ink);border-left-color:var(--accent);font-weight:650}@media (hover:hover) and (pointer:fine){.toc-box a:hover{color:var(--ink)}}.answer{margin-bottom:16px;padding:16px 20px 18px;background:var(--accent-soft);border-radius:var(--r-panel)}.answer-title{font-size:var(--fs-sm);font-weight:750;letter-spacing:0;color:var(--accent);margin-bottom:6px}.answer-body{font-size:var(--fs-md);line-height:1.6}.checked{display:flex;gap:10px;align-items:flex-start;margin-bottom:28px;font-size:var(--fs-sm);color:var(--ink-2)}.checked .ts-icon{color:var(--accent);flex:none;margin-top:1px}.checked strong{color:var(--ink);font-weight:650}.entry-content{font-size:var(--fs-md);line-height:1.7;overflow-wrap:break-word}.entry-content>*{margin-top:0;margin-bottom:1.1em}.entry-content>:last-child{margin-bottom:0}.entry-content h2{font-size:var(--fs-xl);margin-top:2em;margin-bottom:.6em;scroll-margin-top:calc(var(--header-h) + 20px)}.entry-content h3{font-size:var(--fs-lg);margin-top:1.6em;margin-bottom:.5em}.entry-content h4{font-size:var(--fs-md);margin-top:1.4em;margin-bottom:.4em}.entry-content a{color:var(--accent)}@media (hover:hover) and (pointer:fine){.entry-content a:hover{text-decoration-thickness:2px}}.entry-content strong{font-weight:700}.entry-content ol,.entry-content ul{padding-left:0;list-style:none}.entry-content ul>li{position:relative;padding-left:22px;margin-bottom:.45em}.entry-content ul>li::before{content:"";position:absolute;left:4px;top:.72em;width:6px;height:6px;background:var(--accent);border-radius:1px}.entry-content ol{counter-reset:step}.entry-content ol>li{position:relative;counter-increment:step;padding-left:44px;margin-bottom:.8em;min-height:28px}.entry-content ol>li::before{content:counter(step);position:absolute;left:0;top:.1em;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--ink);color:var(--paper);font-size:var(--fs-sm);font-weight:750;font-variant-numeric:tabular-nums}.entry-content li>ol,.entry-content li>ul{margin-top:.45em}.entry-content li>ol>li::before{background:var(--paper-2);color:var(--ink)}kbd{display:inline-block;min-width:1.6em;padding:.05em .45em .1em;border:1px solid var(--rule-strong);border-bottom-width:3px;border-radius:var(--r-key);background:var(--surface);color:var(--ink);font-family:var(--font);font-size:.84em;font-weight:650;line-height:1.5;text-align:center;white-space:nowrap;vertical-align:.08em}code{padding:.1em .35em;border-radius:4px;font-size:.9em}blockquote cite,pre{font-size:var(--fs-sm)}code,pre{background:var(--paper-2)}pre{padding:16px;overflow-x:auto;line-height:1.6}pre code{padding:0;background:0 0}.wp-block-quote,blockquote{margin-left:0;padding-left:18px;border-left:3px solid var(--accent);color:var(--ink-2)}blockquote cite{display:block;margin-top:6px;font-style:normal}.entry-content img,pre{border-radius:var(--r-image)}.entry-content figure{margin-left:0;margin-right:0}.entry-content figcaption,.wp-caption-text{margin-top:8px;font-size:var(--fs-sm);color:var(--ink-2);line-height:1.45}.entry-content hr{border:0;border-top:1px solid var(--rule);margin:2em 0}.entry-content table{width:100%;border-collapse:collapse;font-size:var(--fs-base)}.entry-content td,.entry-content th{text-align:left;padding:10px 12px;border-bottom:1px solid var(--rule);vertical-align:top}.entry-content th{font-weight:700;border-bottom-color:var(--rule-strong)}.wp-block-table{overflow-x:auto}.is-style-note,.is-style-warning{padding:14px 18px;border-radius:var(--r-control);border-left:3px solid var(--note-edge);background:var(--note-bg);font-size:var(--fs-base)}.is-style-warning{background:var(--warn-bg);border-left-color:var(--warn-edge)}.is-style-steps{list-style:none}.alignfull,.alignwide,.wp-block-embed iframe{max-width:100%}.aligncenter{margin-left:auto;margin-right:auto}.alignleft{float:left;margin:0 20px 12px 0}.alignright{float:right;margin:0 0 12px 20px}.wp-block-image img{height:auto}.tool-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;margin:36px 0 0;padding:18px 20px;background:var(--surface);border:1px solid var(--rule);border-radius:var(--r-panel)}.tool-card-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:var(--r-control);background:var(--accent-soft);color:var(--accent)}.tool-card-title{font-weight:750;font-size:1.0625rem}.sources ol,.tool-card-text{color:var(--ink-2);font-size:var(--fs-sm)}.sources{margin-top:36px;padding-top:20px;border-top:1px solid var(--rule)}.sources h2{font-size:var(--fs-md);margin-bottom:10px}.sources ol{margin:0;padding-left:22px;display:grid;gap:6px}.sources li::marker{font-variant-numeric:tabular-nums}.author-devices strong,.sources a{color:var(--ink)}.changelog{margin-top:16px;font-size:var(--fs-sm)}.changelog summary{min-height:44px;display:flex;align-items:center;gap:10px;font-weight:650;cursor:pointer;list-style:none}.changelog summary::-webkit-details-marker{display:none}.changelog summary::after{content:"";width:7px;height:7px;border-right:2px solid var(--ink-2);border-bottom:2px solid var(--ink-2);transform:rotate(45deg) translateY(-2px);transition:transform 160ms var(--ease)}.changelog ul,.footer-col ul{margin:0;padding:0;list-style:none;display:grid;gap:8px}.changelog li{display:grid;grid-template-columns:9rem minmax(0,1fr);gap:12px;color:var(--ink-2)}.changelog time{color:var(--ink);font-variant-numeric:tabular-nums}.tag-list{display:flex;flex-wrap:wrap;gap:8px;margin:28px 0 0;padding:0;list-style:none}.tag-list a{display:inline-block;padding:6px 10px;border:1px solid var(--rule);border-radius:var(--r-control);font-size:var(--fs-sm);color:var(--ink-2)}.author-box{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;margin-top:36px;padding-top:24px;border-top:1px solid var(--rule)}.author-box.is-page{margin-top:0;padding-top:0;border-top:0;align-items:center}.author-avatar{border-radius:50%}.author-name{font-weight:750;font-size:1.0625rem}.author-name a,.tag-list a{text-decoration:none}.author-role{color:var(--ink-2);font-size:var(--fs-sm)}.author-bio,.author-devices{margin-top:8px;color:var(--ink-2)}.author-bio{max-width:62ch}.author-devices{font-size:var(--fs-sm)}.author-links{display:flex;flex-wrap:wrap;gap:6px 14px;margin:10px 0 0;padding:0;list-style:none;font-size:var(--fs-sm)}.author-links a{color:var(--accent);font-weight:600}.related{padding-bottom:clamp(48px,7vw,88px)}.related-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 32px}.related-list .row{border-top:2px solid var(--ink)}.related-list .row.has-thumb{grid-template-columns:minmax(0,1fr)}.related-list .row-media{order:-1}.page-links{margin-top:24px;display:flex;gap:8px;align-items:center}.page-article{padding-top:clamp(20px,3.5vw,40px);padding-bottom:clamp(48px,7vw,88px)}.page-article>*,.tool-body .entry-content{max-width:720px}.page-head{margin-bottom:28px}.page-updated{margin-top:12px;font-size:var(--fs-sm);color:var(--ink-2)}.tool-head{padding-top:clamp(20px,3.5vw,40px);padding-bottom:24px}.tool-head>*{max-width:780px}.tool-body,.tool-stage{padding-bottom:40px}.more-tools{padding-bottom:clamp(48px,7vw,88px)}.ts-tool{background:var(--surface);border:1px solid var(--rule);border-radius:var(--r-panel);padding:clamp(18px,3vw,32px)}.tool-launch{display:grid;gap:14px;justify-items:start}.tool-hint{color:var(--ink-2);max-width:62ch}.tool-subtitle{font-size:var(--fs-md);margin:28px 0 14px}.screen-picks{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:12px;margin:0;padding:0;list-style:none}.screen-pick,.swatch{border:1px solid var(--rule)}.screen-pick{width:100%;height:100%;display:grid;gap:4px;align-content:start;padding:10px 10px 12px;border-radius:var(--r-control);background:var(--paper);text-align:left;cursor:pointer;transition:border-color 120ms var(--ease),transform 100ms var(--ease)}.screen-pick:active{transform:scale(.98)}@media (hover:hover) and (pointer:fine){.screen-pick:hover{border-color:var(--ink-2)}}.swatch{display:block;aspect-ratio:16/9;border-radius:6px;margin-bottom:6px}.swatch-white{background:#fff}.swatch-black{background:#000}.swatch-red{background:red}.swatch-green{background:#0f0}.swatch-blue{background:#00f}.swatch-grey{background:gray}.swatch-gradient{background:linear-gradient(90deg,#000,#fff)}.swatch-pixels{background:repeating-conic-gradient(#000 0 25%,#fff 0 50%)0 0/6px 6px}.pick-name{font-weight:700}.pick-use{font-size:var(--fs-sm);color:var(--ink-2);line-height:1.35}.ts-viewer{position:fixed;inset:0;z-index:1000;width:100vw;height:100vh;height:100dvh;overscroll-behavior:none;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;user-select:none}.ts-viewer.is-idle{cursor:none}.ts-viewer .viewer-fill,.ts-viewer canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.viewer-gradients{display:grid;grid-template-rows:repeat(4,1fr)}.viewer-gradients span:nth-child(1){background:linear-gradient(90deg,#000,#fff)}.viewer-gradients span:nth-child(2){background:linear-gradient(90deg,#000,red)}.viewer-gradients span:nth-child(3){background:linear-gradient(90deg,#000,#0f0)}.viewer-gradients span:nth-child(4){background:linear-gradient(90deg,#000,#00f)}.viewer-hud{position:absolute;left:50%;bottom:max(20px,env(safe-area-inset-bottom,0));transform:translateX(-50%);display:flex;align-items:center;gap:6px;max-width:calc(100% - 24px);padding:6px 6px 6px 14px;border-radius:12px;background:rgb(20 22 26/.86);color:#f2f4f7;font-family:var(--font);font-size:var(--fs-sm);box-shadow:0 6px 24px rgb(0 0 0/.35);transition:opacity 200ms var(--ease)}.viewer-hud.is-hidden{opacity:0;pointer-events:none}.viewer-hud p{margin:0 6px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.segmented button,.viewer-hud button{min-height:40px;border:0;font-weight:650;cursor:pointer}.viewer-hud button{padding:0 12px;border-radius:8px;background:rgb(255 255 255/.12);color:#fff}.viewer-hud button.hud-exit{background:#f2f4f7;color:#14161a}.segmented,.ts-stage{background:var(--paper)}.segmented{display:inline-flex;padding:4px;gap:4px;border:1px solid var(--rule);border-radius:10px}.segmented button{padding:0 14px;border-radius:7px;background:0 0;color:var(--ink-2)}.segmented button[aria-checked=true]{background:var(--surface);color:var(--ink);box-shadow:0 1px 3px rgb(22 26 32/.14)}.ts-stage{position:fixed;inset:0;z-index:1000;width:100vw;height:100vh;height:100dvh;touch-action:none;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.ts-stage canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}.stage-hud,.touch-result{border-radius:var(--r-panel);border:1px solid var(--rule);display:grid}.stage-hud{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);justify-items:center;gap:10px;padding:14px 16px;background:var(--surface);box-shadow:var(--shadow);text-align:center;transition:opacity 160ms var(--ease);pointer-events:none}.stage-hud.is-dim{opacity:.25}.stage-hud .hud-stats,.touch-result .figure b{font-weight:700;font-variant-numeric:tabular-nums}.stage-hud .hud-sub,.touch-result .figure span{font-size:var(--fs-sm);color:var(--ink-2)}.stage-hud .hud-buttons{display:flex;gap:8px;pointer-events:auto}.touch-result{margin-top:22px;padding:18px 20px;background:var(--paper);gap:8px}.touch-result h2{font-size:var(--fs-lg)}.touch-result p{color:var(--ink-2);max-width:62ch}.touch-result .result-figures{display:flex;flex-wrap:wrap;gap:8px 28px;margin:4px 0}.touch-result .figure{display:grid}.touch-result .figure b{font-size:var(--fs-2xl);font-weight:800;letter-spacing:-.02em;color:var(--ink)}.device-verdict{padding-bottom:20px;border-bottom:1px solid var(--rule)}.verdict-label{font-size:var(--fs-sm);color:var(--ink-2);font-weight:600}.verdict-main{margin-top:4px;font-size:clamp(1.625rem,1.2rem + 1.8vw,2.25rem);font-weight:800;letter-spacing:-.025em;line-height:1.15}.verdict-note{margin-top:8px;color:var(--ink-2);max-width:64ch}.verdict-note:empty{display:none}.verdict-models{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;padding:0;list-style:none}.verdict-models li{padding:6px 10px;border-radius:var(--r-control);background:var(--accent-soft);font-weight:650;font-size:var(--fs-sm)}.device-detail{padding-top:20px}.device-table{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 40px;margin:0}.device-group h3{font-size:var(--fs-base);margin:6px 0 4px}.device-actions{margin-top:20px;display:flex;gap:10px;flex-wrap:wrap}.device-confirm{margin-top:8px;padding-top:4px;border-top:1px solid var(--rule)}.device-confirm ol{margin:0;padding-left:0;list-style:none;counter-reset:step;display:grid;gap:10px}.device-confirm ol li{position:relative;counter-increment:step;padding-left:40px;min-height:28px}.device-confirm ol li::before{content:counter(step);position:absolute;left:0;top:-1px;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--ink);color:var(--paper);font-size:var(--fs-sm);font-weight:750}.ts-device>.tool-hint{margin-top:20px;font-size:var(--fs-sm)}.notfound{padding-top:clamp(40px,7vw,88px);padding-bottom:40px;display:grid;gap:16px;justify-items:start}.notfound-mark{display:grid;grid-template-columns:repeat(3,20px);grid-auto-rows:20px;gap:5px;margin-bottom:8px}.notfound-mark i{background:var(--mark-off);border-radius:3px}.notfound-mark i:nth-child(3){background:var(--accent)}.notfound-mark i:nth-child(5){background:var(--ink)}.notfound .search-inline{width:100%}.comments-wrap{padding-bottom:clamp(48px,7vw,88px)}.comments{max-width:720px}.comment-list{margin:0 0 32px;padding:0;list-style:none}.comment-list .children{list-style:none;padding-left:24px}.comment-body{padding:16px 0;border-top:1px solid var(--rule)}.comment-author{display:flex;align-items:center;gap:10px;font-weight:650}.comment-author .avatar{border-radius:50%}.comment-metadata{margin:4px 0 8px}.comment-metadata a,.footer-col a{text-decoration:none}.comment-respond label{display:block;font-weight:600;margin-bottom:6px}.comment-respond input[type=email],.comment-respond input[type=text],.comment-respond input[type=url],.comment-respond textarea{width:100%;padding:10px 12px;border:1px solid var(--rule-strong);border-radius:var(--r-control);background:var(--surface)}.comment-respond p{margin-bottom:14px}.comment-hint,.comment-metadata{font-size:var(--fs-sm);color:var(--ink-2)}.comment-reply-title{font-size:var(--fs-lg);margin-bottom:12px}.site-footer{border-top:1px solid var(--rule);background:var(--surface);padding-top:48px;padding-bottom:env(safe-area-inset-bottom,0)}.footer-grid{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(0,1fr));gap:32px;padding-bottom:36px}.footer-tagline{margin-top:12px;font-weight:600}.footer-note{margin-top:8px;color:var(--ink-2);font-size:var(--fs-sm);max-width:34ch}.footer-title{font-size:var(--fs-sm);font-weight:750;letter-spacing:0;margin-bottom:12px}.footer-col a{color:var(--ink-2)}@media (hover:hover) and (pointer:fine){.footer-col a:hover{color:var(--ink);text-decoration:underline}}.footer-base{padding-top:18px;padding-bottom:24px;border-top:1px solid var(--rule);font-size:var(--fs-sm);color:var(--ink-2)}@media (max-width:1099px){.toc-box:not([open]){padding-bottom:4px}}@media (max-width:899px){.hero{grid-template-columns:minmax(0,1fr)}.hero-title{max-width:18ch}.guides-grid{grid-template-columns:minmax(0,1fr)}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-brand{grid-column:1/-1}.device-table,.related-list{grid-template-columns:minmax(0,1fr)}.related-list .row.has-thumb{grid-template-columns:minmax(0,1fr) 128px}.related-list .row-media{order:0}}@media (max-width:719px){.bento,.changelog li{grid-template-columns:minmax(0,1fr)}.tile-screen{grid-row:auto}.test-bars{min-height:168px}.row.has-thumb{grid-template-columns:minmax(0,1fr) 112px;gap:14px}.row-excerpt{display:none}.lead-title{font-size:var(--fs-xl)}.tool-card{grid-template-columns:auto minmax(0,1fr)}.tool-card .btn{grid-column:1/-1}.changelog li{gap:2px}.device-row{grid-template-columns:6.25rem minmax(0,1fr)}.search-form .btn{padding:0 14px}}@media (max-width:479px){.hero-actions .btn{flex:1 1 100%}.segmented{width:100%}.segmented button{flex:1;padding:0 8px}.screen-picks{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){*,::after,::before{transition-duration:0ms!important;animation-duration:0ms!important;scroll-behavior:auto!important}}@media print{.comments-wrap,.more-tools,.related,.site-footer,.site-header,.toc,.tool-card{display:none!important}body{background:#fff;color:#000}}@media (max-width:719px){.crumbs li:last-child:nth-child(n+3){display:none}.entry-content{font-size:1.0625rem}.guide-standfirst{font-size:var(--fs-md)}}