:root{--guide-measure:62ch;--guide-col:minmax(0, 4fr) minmax(0, 8fr);--guide-gap:var(--space-16);--guide-block:clamp(3rem, 6vw, 5rem);--guide-under:var(--space-8);--guide-tile-gap:var(--space-1);--guide-pixel:.625rem;--guide-cell:3.25rem;--guide-paper:var(--paper-0)}.guide__hero{gap:var(--space-10);padding-block:clamp(3rem, 8vw, 6rem) var(--guide-block);display:grid}@media (min-width:64rem){.guide__hero{gap:var(--guide-gap);grid-template-columns:minmax(0,8fr) minmax(0,4fr);align-items:end}}.guide__toc{align-content:end;gap:var(--space-3);display:grid}.guide__toc p{font-size:var(--site-micro);font-weight:var(--font-weight-medium);letter-spacing:var(--tracking-brand);text-transform:uppercase;color:var(--muted-foreground)}.guide__toc ol{border-top:1px solid var(--site-hairline);display:grid}.guide__toc a{justify-content:space-between;gap:var(--space-3);padding:var(--space-2-5) var(--space-1);border-bottom:1px solid var(--site-hairline);font-size:var(--site-caption);color:color-mix(in oklab, var(--foreground) 86%, transparent);transition:color var(--duration-fast) var(--site-ease);display:flex}.guide__toc a:after{content:"↓";color:var(--muted-foreground);transition:transform var(--duration-normal) var(--site-ease), color var(--duration-fast) var(--site-ease)}.guide__toc a:hover{color:var(--foreground)}.guide__toc a:hover:after{color:var(--mark);transform:translateY(var(--space-0-5))}@media (prefers-reduced-motion:reduce){.guide__toc a:hover:after{transform:none}}.guide__hero .h1{max-width:20ch}.guide__hero .lead{max-width:56ch}.guide__meta{align-items:center;gap:var(--space-2) var(--space-4);margin-top:var(--space-6);font-size:var(--site-micro);color:var(--muted-foreground);flex-wrap:wrap;display:flex}.guide__meta>*+:before{content:"";width:var(--space-1);height:var(--space-1);border-radius:var(--radius-full);background:var(--site-hairline-strong);vertical-align:middle;margin-inline-end:var(--space-4);display:inline-block}.guide__cta{gap:var(--space-3);margin-top:var(--space-8);flex-wrap:wrap;display:flex}.guide__figure{margin:0}.guide__panel{border-radius:var(--site-radius-stage);background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--site-hairline);padding:clamp(1rem,3vw,2.5rem);position:relative}.guide__figure figcaption{max-width:var(--guide-measure);margin-top:var(--space-4);font-size:var(--site-caption);line-height:var(--leading-body);color:var(--muted-foreground);text-wrap:pretty}.guide__figure figcaption b{font-weight:var(--font-weight-medium);color:var(--foreground)}.guide__section{gap:var(--space-6);margin-top:var(--guide-block);padding-top:var(--guide-under);border-top:1px solid var(--site-hairline);display:grid}@media (min-width:64rem){.guide__section{grid-template-columns:var(--guide-col);gap:var(--guide-gap);align-items:start}.guide__section>.h2{top:calc(var(--site-header) + var(--space-8));position:sticky}}.guide__section>.h2{font-size:var(--site-h2-quiet);max-width:16ch}.prose{min-width:0;font-size:var(--site-body);line-height:var(--leading-body);color:var(--foreground)}.prose>*+*{margin-top:var(--space-4)}.prose p,.prose li{max-width:var(--guide-measure);text-wrap:pretty}.prose p{color:color-mix(in oklab, var(--foreground) 88%, transparent)}.prose h3,.prose .onwhite__title{margin-top:var(--space-10);font-size:var(--site-body);font-weight:var(--font-weight-semibold);line-height:var(--leading-snug);letter-spacing:var(--tracking-tight)}.prose h3:first-child,.prose .onwhite__title:first-child{margin-top:0}.prose h3+p,.prose .onwhite__title+p{margin-top:var(--space-2)}.prose b,.prose strong{font-weight:var(--font-weight-semibold)}.prose a:not(.btn){text-underline-offset:.2em;text-decoration:underline;text-decoration-thickness:1px;-webkit-text-decoration-color:var(--site-hairline-strong);text-decoration-color:var(--site-hairline-strong);transition:text-decoration-color var(--duration-fast) var(--site-ease)}.prose a:not(.btn):hover{text-decoration-color:currentColor}.prose sup a{color:var(--muted-foreground);font-variant-numeric:tabular-nums;text-decoration:none}.prose sup a:hover{color:var(--foreground)}.prose kbd{padding:0 var(--space-1);border-radius:var(--radius-sm);box-shadow:inset 0 0 0 1px var(--site-hairline-strong);font:inherit;font-size:var(--site-micro);font-variant-numeric:tabular-nums;white-space:nowrap}.steps{counter-reset:step;gap:var(--space-4);display:grid}.steps>li{counter-increment:step;grid-template-columns:var(--space-8) minmax(0, 1fr);gap:var(--space-2);display:grid}.steps>li:before{content:counter(step, decimal-leading-zero);font-size:var(--site-micro);font-variant-numeric:tabular-nums;letter-spacing:var(--tracking-brand);color:var(--muted-foreground);padding-top:.15em}.steps b{font-weight:var(--font-weight-semibold)}.ticks{gap:var(--space-2);padding-inline-start:var(--space-5);list-style:outside;display:grid}.ticks li::marker{color:var(--site-hairline-strong)}.guide__table-wrap{margin-inline:calc(-1 * var(--space-1));padding-inline:var(--space-1);overflow-x:auto}.guide__table{border-collapse:collapse;width:100%;font-size:var(--site-caption);line-height:var(--leading-snug)}.guide__table caption{caption-side:bottom;padding-top:var(--space-3);text-align:start;font-size:var(--site-micro);line-height:var(--leading-body);color:var(--muted-foreground);text-wrap:pretty}.guide__table th,.guide__table td{padding:var(--space-3) var(--space-4) var(--space-3) 0;border-bottom:1px solid var(--site-hairline);text-align:start;vertical-align:top}.guide__table thead th{font-size:var(--site-micro);font-weight:var(--font-weight-medium);color:var(--muted-foreground);padding-top:0}.guide__table tbody th{font-weight:var(--font-weight-medium);color:var(--foreground)}.guide__table td{color:color-mix(in oklab, var(--foreground) 88%, transparent)}.guide__table .num{white-space:nowrap}.guide__table td.is-ours{color:var(--foreground)}.sources{counter-reset:source;gap:var(--space-2);font-size:var(--site-micro);line-height:var(--leading-body);color:var(--muted-foreground);display:grid}.sources li{counter-increment:source;grid-template-columns:var(--space-6) minmax(0, 1fr);max-width:none;display:grid}.sources li:before{content:counter(source);font-variant-numeric:tabular-nums}.sources a{color:var(--foreground);overflow-wrap:anywhere}.next{margin-top:var(--guide-block);padding-block:var(--guide-under) var(--guide-block);border-top:1px solid var(--site-hairline)}.next__list{margin-top:var(--space-6);border-top:1px solid var(--site-hairline);display:grid}@media (min-width:50rem){.next__list{column-gap:var(--space-8);grid-template-columns:repeat(2,minmax(0,1fr))}}.next__link{align-items:center;gap:var(--space-1) var(--space-4);padding:var(--space-5) var(--space-1);border-bottom:1px solid var(--site-hairline);grid-template-columns:minmax(0,1fr) auto;display:grid}.next__link b{font-weight:var(--font-weight-medium);font-variation-settings:"wght" 500;transition:font-variation-settings var(--duration-fast) var(--site-ease)}.next__link span{font-size:var(--site-caption);color:var(--muted-foreground);grid-column:1}.next__link .icon{color:var(--muted-foreground);transition:transform var(--duration-normal) var(--site-ease), color var(--duration-fast) var(--site-ease);grid-area:1/2/span 2}.next__link:hover b{font-variation-settings:"wght" 580}.next__link:hover .icon{color:var(--mark);transform:translateX(var(--space-1))}@media (prefers-reduced-motion:reduce){.next__link:hover .icon{transform:none}}.boundary{gap:var(--space-6);grid-template-columns:minmax(0,1fr);align-items:stretch;display:grid}@media (min-width:56rem){.boundary{gap:var(--space-10);grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.boundary__side{align-content:start;gap:var(--space-3);display:grid}.boundary__label{justify-content:space-between;align-items:baseline;gap:var(--space-3);font-size:var(--site-micro);font-weight:var(--font-weight-medium);letter-spacing:var(--tracking-brand);text-transform:uppercase;color:var(--muted-foreground);display:flex}.boundary__label small{font-size:inherit;font-weight:var(--font-weight-regular);letter-spacing:normal;text-transform:none}.boundary__device{padding:var(--space-1-5);border-radius:var(--site-radius-stage);background:color-mix(in oklab, var(--foreground) 5%, transparent);box-shadow:inset 0 0 0 1px var(--site-hairline)}.boundary__core{border-radius:calc(var(--site-radius-stage) - var(--space-1-5));background:var(--surface-3);box-shadow:var(--shadow-3);display:grid}.boundary__row{grid-template-columns:var(--space-12) minmax(0, 1fr) auto;align-items:center;gap:var(--space-4);padding:var(--space-4);display:grid}.boundary__core .boundary__row+.boundary__row{border-top:1px solid var(--site-hairline)}.boundary__row b{font-size:var(--site-body);font-weight:var(--font-weight-medium);display:block}.boundary__row div>span{margin-top:var(--space-0-5);font-size:var(--site-caption);line-height:var(--leading-snug);color:var(--muted-foreground);text-wrap:pretty;display:block}.boundary__thumb{width:var(--space-12);height:var(--space-12);border-radius:var(--radius-lg);box-shadow:inset 0 0 0 1px var(--site-hairline);overflow:hidden}.boundary__thumb img{object-fit:cover;width:100%;height:100%}.boundary__thumb.checker img{object-fit:contain}.boundary__glyph{width:var(--space-12);height:var(--space-12);border-radius:var(--radius-lg);background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--site-hairline);color:var(--muted-foreground);place-items:center;display:grid}.boundary__tag{font-size:var(--site-micro);font-weight:var(--font-weight-medium);font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--foreground)}.boundary__tag--zero{padding:var(--space-0-5) var(--space-2);border-radius:var(--site-radius-tag);background:color-mix(in oklab, var(--foreground) 6%, transparent)}.boundary__net{border-radius:var(--site-radius-stage);border:1px dashed var(--site-hairline-strong);display:grid}.boundary__net .boundary__row+.boundary__row{border-top:1px dashed var(--site-hairline)}.boundary__dir{width:var(--space-12);height:var(--space-12);color:var(--muted-foreground);place-items:center;display:grid}.boundary__dir .icon{width:var(--space-5);height:var(--space-5);rotate:180deg}@media (min-width:56rem){.boundary__dir .icon{rotate:90deg}}.hundred{gap:var(--space-8);grid-template-columns:minmax(0,1fr);align-items:center;display:grid}@media (min-width:60rem){.hundred{gap:var(--space-12);grid-template-columns:minmax(0,6fr) minmax(0,5fr)}}.hundred__grid{gap:var(--guide-tile-gap);grid-template-columns:repeat(10,minmax(0,1fr));max-width:34rem;display:grid}.hundred__grid>li{aspect-ratio:1;border-radius:var(--radius-sm);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--foreground) 7%, transparent)}.hundred__grid>li.checker{box-shadow:none;overflow:hidden}.hundred__grid img{object-fit:contain;width:100%;height:100%}.sum{font-variant-numeric:tabular-nums;display:grid}.sum__row{align-items:baseline;gap:var(--space-4);padding-block:var(--space-2);border-bottom:1px solid var(--site-hairline);font-size:var(--site-caption);color:var(--muted-foreground);grid-template-columns:minmax(0,1fr) auto;display:grid}.sum__row b{font-weight:var(--font-weight-medium);color:var(--foreground)}.sum__row--total{padding-top:var(--space-4);color:var(--foreground);font-weight:var(--font-weight-medium)}.sum__row--result{gap:var(--space-2);padding-block:var(--space-6) 0;color:var(--foreground);border-bottom:0;grid-template-columns:1fr}.sum__row--result span{font-size:var(--site-caption);color:var(--muted-foreground)}.sum__row--result b{font-size:var(--site-numeral-sm);font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-tight);line-height:1}.sum__row--result small{font-size:var(--site-h3);font-weight:var(--font-weight-medium);letter-spacing:normal;color:var(--muted-foreground)}.sum__note{margin-top:var(--space-4);font-size:var(--site-micro);line-height:var(--leading-body);color:var(--muted-foreground);text-wrap:pretty}.sum__note strong{margin-bottom:var(--space-2);font-size:var(--site-body,1rem);color:var(--foreground);font-weight:600;display:block}.pixels{gap:var(--space-8);grid-template-columns:minmax(0,1fr);align-items:center;display:grid}@media (min-width:60rem){.pixels{grid-template-columns:calc(40 * var(--guide-pixel)) minmax(0, 1fr);gap:var(--space-12)}}.pixels__zoom{--site-checker-size:calc(4 * var(--guide-pixel));width:calc(40 * var(--guide-pixel));aspect-ratio:40/24;border-radius:var(--radius-lg);max-width:100%;box-shadow:inset 0 0 0 1px var(--site-hairline);position:relative;overflow:hidden}.pixels__zoom img{width:100%;height:100%;image-rendering:pixelated}.pixels__zoom:after{content:"";width:30%;height:4.16667%;box-shadow:0 0 0 1px var(--surface-3), 0 0 0 2px var(--foreground);position:absolute;top:50%;left:35%}.pixels__strip{grid-template-columns:repeat(12, minmax(0, var(--guide-cell)));gap:var(--guide-tile-gap);display:grid}@media (max-width:40rem){.pixels__strip{row-gap:var(--space-4);grid-template-columns:repeat(6,minmax(0,1fr))}}.pixels__cell{gap:var(--space-1-5);text-align:center;font-variant-numeric:tabular-nums;display:grid}.pixels__swatch{aspect-ratio:1;border-radius:var(--radius-sm);box-shadow:inset 0 0 0 1px var(--site-hairline);background-size:var(--space-2) var(--space-2)}.pixels__swatch>i{border-radius:inherit;background:var(--px);height:100%;display:block}.pixels__cell b{font-size:var(--site-caption);font-weight:var(--font-weight-medium)}.pixels__cell small{font-size:var(--site-micro);color:var(--muted-foreground)}.pixels__scale{margin-top:var(--space-3);font-size:var(--site-micro);color:var(--muted-foreground);justify-content:space-between;display:flex}.onwhite{gap:var(--space-8);grid-template-columns:minmax(0,1fr);align-items:center;display:grid}@media (min-width:60rem){.onwhite{gap:var(--space-12);grid-template-columns:minmax(0,5fr) minmax(0,6fr)}}.onwhite__frame{aspect-ratio:1;border-radius:var(--radius-lg);background:var(--guide-paper);width:min(100%,26rem);box-shadow:inset 0 0 0 1px var(--site-hairline);position:relative;overflow:hidden}.onwhite__frame img{width:98.73%;max-width:none;height:auto;position:absolute;top:-20.614%;left:.635%}.onwhite__span{height:var(--space-4);border-inline:1px solid var(--ink-600);color:var(--ink-600);font-size:var(--site-micro);font-variant-numeric:tabular-nums;place-items:center;display:grid;position:absolute;bottom:12%;left:7.5%;right:7.5%}.onwhite__span:before{content:"";inset-inline:0;border-top:1px solid;position:absolute;top:50%}.onwhite__span span{padding-inline:var(--space-1-5);background:var(--guide-paper);position:relative}.onwhite__facts{gap:var(--space-3);display:grid}@media (max-width:40rem){.guide__panel{padding:var(--space-3);border-radius:var(--site-radius-card)}.boundary__row{grid-template-columns:var(--space-10) minmax(0, 1fr);gap:var(--space-1) var(--space-3);padding:var(--space-3)}.boundary__row>.boundary__tag{grid-column:2;justify-self:start}.boundary__thumb,.boundary__glyph,.boundary__dir{width:var(--space-10);height:var(--space-10)}.boundary__device,.boundary__net{border-radius:var(--site-radius-card)}.boundary__core{border-radius:calc(var(--site-radius-card) - var(--space-1-5))}.guide__table:has(thead){display:block}.guide__table:has(thead) tbody{display:block}.guide__table:has(thead) tr{display:block}.guide__table:has(thead) th{display:block}.guide__table:has(thead) td{display:block}.guide__table:has(thead) caption{display:block}.guide__table:has(thead) thead{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.guide__table:has(thead) tr{padding-block:var(--space-4);border-bottom:1px solid var(--site-hairline)}.guide__table:has(thead) tbody th{border:0;padding:0}.guide__table:has(thead) td{border:0;padding:0}.guide__table:has(thead) tbody th{margin-bottom:var(--space-2);font-size:var(--site-body)}.guide__table:has(thead) td{gap:var(--space-3);padding-block:var(--space-1);grid-template-columns:7rem minmax(0,1fr);display:grid}.guide__table:has(thead) td:before{content:attr(data-label);font-size:var(--site-micro);color:var(--muted-foreground)}}.versus__title{margin-bottom:var(--space-6);font-size:var(--site-h2-quiet)}.versus__table{table-layout:fixed;min-width:56rem}.versus__table thead th:first-child{width:16%}.versus__table caption a{color:var(--foreground);text-underline-offset:.2em;text-decoration:underline;text-decoration-thickness:1px}.versus__table .is-ours{padding-inline:var(--space-3);background:color-mix(in oklab, var(--mark) 7%, transparent);color:var(--foreground)}.versus__table thead th{padding-top:var(--space-3)}.versus__table thead th.is-ours{border-radius:var(--radius-md) var(--radius-md) 0 0;color:var(--foreground)}.versus__table :is(td,th)+:is(td,th){padding-inline-start:var(--space-3)}.versus__table td b{font-weight:var(--font-weight-semibold)}.versus__check{width:1em;height:1em;vertical-align:-.15em;color:var(--mark);stroke-width:2.5px;margin-inline-end:var(--space-1);display:inline-block}.versus__why{margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--site-hairline);font-size:var(--site-micro);line-height:var(--leading-body);color:color-mix(in oklab, var(--foreground) 78%, transparent);text-wrap:pretty;display:block}.versus__table td.is-ours:has(.versus__check){background:color-mix(in oklab, var(--mark) 12%, transparent)}.versus__why b{font-weight:var(--font-weight-medium);color:var(--foreground)}.versus__table sup{white-space:nowrap;margin-inline-start:.1em;font-size:.75em}.versus__table sup a{color:var(--muted-foreground);font-variant-numeric:tabular-nums}.versus__table sup a:hover{color:var(--foreground)}.versus__table td a:not(sup a){text-underline-offset:.2em;text-decoration:underline;text-decoration-thickness:1px}@media (max-width:40rem){.versus__table{table-layout:auto;min-width:0}.versus__table .is-ours{background:0 0;padding-inline:0}.versus__table td.is-ours:has(.versus__check){background:0 0;padding-inline:0}.versus__table td.is-ours:before{color:var(--mark);font-weight:var(--font-weight-medium)}.versus__table :is(td,th)+:is(td,th){padding-inline-start:0}}