article .meta,article .article-hero,article .related h2,.article-body>:not(.inline-cta,:has(>img),table){max-width:var(--text);margin-inline:auto}article .meta{flex-wrap:wrap;align-items:center;gap:12px 18px;margin-bottom:40px;display:flex}article .dates{opacity:.75;font-size:14px;font-weight:700}article .article-hero{border:var(--line) solid var(--ink);border-radius:var(--r);width:100%;height:auto;box-shadow:7px 8px 0 var(--ink);margin-bottom:44px;display:block}article .article-pattern{max-width:var(--text);background:var(--card);color:var(--ink);border:var(--line) solid var(--ink);border-radius:var(--r);box-shadow:6px 7px 0 var(--ink);transition:transform .25s var(--spring), box-shadow .25s var(--spring);grid-template-columns:150px minmax(0,1fr);align-items:center;gap:24px;margin:-8px auto 44px;padding:16px 24px 16px 16px;text-decoration:none;display:grid}article .article-pattern:hover{box-shadow:7px 10px 0 var(--ink);transform:translateY(-3px)rotate(-.6deg)}article .article-pattern:focus-visible{border-radius:var(--r)}.ap-pic{background:var(--bg);border-radius:18px;place-items:center;padding:10px;display:grid}.ap-pic img{width:100%;height:auto;display:block}.ap-text{justify-items:start;gap:7px;display:grid}.ap-tag{font:800 13px/1 var(--body);text-transform:uppercase;letter-spacing:.08em;background:var(--lemon);border:2px solid var(--ink);box-shadow:0 3px 0 var(--ink);border-radius:999px;padding:6px 12px 5px;rotate:-3deg}.ap-head{font:400 30px/1.05 var(--display);text-wrap:balance}.ap-desc{text-wrap:pretty;font-size:16px;line-height:1.45}.ap-go{background:var(--ink);color:var(--card);border-radius:999px;margin-top:4px;padding:10px 18px;font-size:16px;font-weight:800}.ap-go:after{content:" →"}figure.compare{margin:-4px 0 28px}article .b-art{justify-self:auto;margin:0 auto}.b-credit{max-width:var(--text);opacity:.78;text-align:center;text-wrap:pretty;margin:6px auto 0;font-size:12px;font-weight:600;line-height:1.5}.b-credit a{text-underline-offset:3px;text-decoration:underline}.js article .b-frame{--x:100%}html:not(.js) article .b-frame{--x:50%}html:not(.js) article .b-frame~.b-lab{opacity:1;translate:none}html:not(.js) article .b-handle{opacity:1}.b-frame img.cat,.b-frame .b-after{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.b-frame .b-after{clip-path:inset(0 0 0 var(--x))}.article-body{font-size:20px;line-height:1.65}.article-body>*+*{margin-top:1.15em}.article-body h2{text-wrap:balance;margin-top:2em}.article-body h3{font:800 22px/1.3 var(--body);margin-top:1.6em}.article-body h2:focus-visible{outline-offset:8px;border-radius:12px}.article-body a:not(.btn){text-underline-offset:3px;text-decoration:underline 2px}.article-body strong{font-weight:800}.article-body ul,.article-body ol{padding-left:1.3em}.article-body li+li{margin-top:.45em}.article-body blockquote{border-left:var(--line) solid var(--ink);padding-left:20px}.article-body code{background:var(--card);border-radius:6px;padding:.1em .35em;font-size:.9em}.article-body hr{border:0;border-top:var(--line) solid var(--ink);width:120px;margin:2.4em auto}.article-body img{max-width:100%;height:auto}.article-body table{border-collapse:separate;border-spacing:0;background:var(--card);border:var(--line) solid var(--ink);border-radius:var(--r);width:100%;padding:8px 20px;font-size:16px;line-height:1.4}.article-body th,.article-body td{border-bottom:2px solid var(--ink);text-align:left;vertical-align:top;padding:10px 20px 10px 0}.article-body th{font-weight:800}.article-body tbody tr:last-child td{border-bottom:0}.article-body :is(th,td):last-child{padding-right:0}.article-body p:has(>img){background:var(--bg);border:var(--line) solid var(--ink);border-radius:var(--r);box-shadow:7px 8px 0 var(--ink);grid-template-columns:minmax(0,1fr);align-items:start;gap:16px;margin:48px 0;padding:16px;display:grid}.article-body p:has(>img):not(:has(>img:nth-of-type(2))){max-width:520px;margin-inline:auto}.article-body p:has(>img:nth-of-type(2)){grid-template-columns:repeat(2,minmax(0,1fr))}.article-body p:has(>img)>img{border-radius:14px;width:100%;height:auto;display:block}.article-body p:has(>img)>em{opacity:.8;text-align:center;grid-column:1/-1;padding:2px 8px 4px;font-size:16px;font-style:normal;font-weight:600;line-height:1.4}.article-body p:has(>img:nth-of-type(3)){grid-template-columns:repeat(3,minmax(0,1fr))}.article-body .inline-cta{background:var(--lemon);border:var(--line) solid var(--ink);border-radius:var(--r);box-shadow:7px 8px 0 var(--ink);justify-items:start;gap:10px;margin:56px 0;padding:30px 32px 32px;display:grid}.inline-cta .cta-head{font:400 32px/1.1 var(--display);text-wrap:balance}.inline-cta p{max-width:36em;font-size:18px;line-height:1.5}.inline-cta .btn{box-shadow:0 5px 0 var(--ink);margin-top:10px;padding:14px 24px;font-size:20px}article .save,article .related{margin-top:64px}article .related h2{margin-bottom:20px}.guide-head{font:400 24px/1.1 var(--display);margin-bottom:12px}.guide-body{padding-left:40px;position:relative}.guide-list{gap:2px;margin:0;padding:0;list-style:none;display:grid}.guide-list a{min-height:44px;font:600 15px/1.3 var(--body);text-wrap:pretty;border-radius:999px;align-items:center;padding:8px 14px;text-decoration:none;transition:background-color .2s;display:flex}.guide-list a:hover,.guide-list a[aria-current]{background:var(--lemon)}.guide-list a:focus-visible{outline-offset:0}.guide-yarn{pointer-events:none;width:100%;height:100%;display:none;position:absolute;inset:0;overflow:visible}.js .guide-yarn.on{display:block}.guide-yarn path{fill:none;stroke-linecap:round;stroke-linejoin:round}.guide-yarn .g-way{stroke:color-mix(in srgb, var(--ink) 26%, var(--bg));stroke-width:3px}.guide-yarn .y-out{stroke-width:9px}.guide-yarn .y-in{stroke-width:4px}.guide-yarn .y-ball{filter:drop-shadow(0 3px 0 var(--ink))}.guide-panel .g-way{stroke:color-mix(in srgb, var(--ink) 22%, var(--card))}@media (width>=1200px){main.inner.guided{grid-template-columns:232px minmax(0,1100px);align-items:start;column-gap:28px;width:min(100% - 48px,1360px);display:grid}main.inner.guided>article{grid-column:2;margin:0}main.inner.guided>.join-card{grid-column:2;width:min(100%,880px)}main.inner.guided>.guide{scrollbar-width:thin;max-height:calc(100dvh - 48px);padding:4px 4px 8px 0;position:sticky;top:24px;overflow:hidden auto}}@media (width<=1199.98px){main.inner.guided>.guide{display:none}}.guide-fab{right:max(16px, env(safe-area-inset-right));bottom:calc(16px + env(safe-area-inset-bottom));z-index:42;background:var(--card);border:var(--line) solid var(--ink);min-width:52px;height:52px;box-shadow:0 5px 0 var(--ink);font:700 15px/1 var(--body);font-variant-numeric:tabular-nums;opacity:0;visibility:hidden;transition:opacity .25s, scale .4s var(--spring), visibility 0s .4s, background-color .2s;border-radius:999px;align-items:center;gap:6px;padding:0 12px;display:none;position:fixed;scale:.6}@media (width<=1199.98px){.js .guide-fab{display:inline-flex}}.guide-fab.show{opacity:1;visibility:visible;transition-delay:0s;scale:1}.guide-fab:has(.g-n:not([hidden])){padding:0 16px 0 11px}.guide-fab svg{width:26px;height:26px;overflow:visible}.guide-fab [hidden]{display:none}.guide-fab:hover,.guide-fab[aria-expanded=true]{background:var(--lemon)}.guide-fab:active{box-shadow:0 2px 0 var(--ink);transform:translateY(3px)}.guide-panel{z-index:41;touch-action:none;background:#2a145838;place-items:end center;animation:.25s ease-out both dim-in;display:grid;position:fixed;inset:0}.guide-panel[hidden]{display:none}.guide-sheet{overscroll-behavior:contain;width:min(100%,480px);max-height:70dvh;padding:22px 16px calc(84px + env(safe-area-inset-bottom));background:var(--card);border:var(--line) solid var(--ink);border-radius:var(--r) var(--r) 0 0;animation:sheet-up .45s var(--spring) both;border-bottom:0;overflow:auto}.guide-sheet .guide-head{padding-left:6px}@keyframes sheet-up{0%{translate:0 100%}to{translate:0}}@keyframes dim-in{0%{background-color:#0000}}@media (width<=560px){.article-body table{padding:6px 14px;font-size:15px}.article-body th,.article-body td{padding-right:12px}article .meta{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:28px}article .article-pattern{grid-template-columns:100px minmax(0,1fr);gap:14px;margin:0 auto 32px;padding:12px 14px 14px 12px}.ap-pic{border-radius:14px;padding:6px}.ap-head{font-size:24px}.ap-desc{font-size:15px}.ap-go{padding:9px 15px;font-size:15px}figure.compare{margin-top:0}.article-body{font-size:18px;line-height:1.6}.article-body h3{font-size:21px}.article-body p:has(>img){gap:10px;margin:36px 0;padding:10px}.article-body p:has(>img)>em{font-size:15px}.article-body p:has(>img:nth-of-type(3)){gap:8px}.article-body p:has(>img)>img{border-radius:10px}.article-body .inline-cta{margin:44px 0;padding:22px 20px 24px}.inline-cta .cta-head{font-size:26px}.inline-cta p{font-size:17px}.inline-cta .btn{width:100%}article .save,article .related{margin-top:48px}article .related h2{margin-bottom:16px}}