.device[data-astro-cid-vujd4idp]{border-radius:var(--r-lg);background:var(--card);box-shadow:var(--glow-device);isolation:isolate;position:relative;overflow:hidden}.device[data-astro-cid-vujd4idp]:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;z-index:2;background:linear-gradient(155deg,#fffaeef2 0%,#8a651c33 30%,#6e4e1a4d 70%,#f0c7788c 100%);padding:1.5px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-composite:exclude;mask-mode:match-source,match-source}.device[data-astro-cid-vujd4idp] img{width:100%;height:auto;display:block}.seo-landing{background:var(--week-paper);color:var(--week-ink)}.seo-landing h1,.seo-landing h2,.seo-landing h3{font-family:var(--font-display);font-variation-settings:"opsz" 144, "SOFT" 0, "WONK" 0;text-wrap:balance}.seo-landing a{text-underline-offset:.18em}.seo-narrow{max-width:44rem;margin-inline:auto}.seo-crumbs{color:var(--week-body);align-items:center;gap:.65rem;margin-bottom:clamp(1.6rem,3vw,2.6rem);font-size:.84rem;display:flex}.seo-hero{padding-block:var(--page-top) clamp(2.2rem, 4vw, 3.2rem);border-bottom:1px solid var(--week-line)}.seo-hero__grid{grid-template-columns:minmax(0,1.05fr) minmax(14rem,.7fr);grid-template-areas:"copy draw""note draw";align-items:start;gap:1.35rem clamp(2rem,5vw,5.5rem);display:grid}.seo-hero__copy{grid-area:copy}.seo-hero__grid>.page-draw,.seo-hero__device{grid-area:draw}.seo-hero__grid>.seo-distinct{grid-area:note}.seo-hero__grid>.page-draw{place-self:start end;width:min(100%,22rem)}.seo-hero .week-shell>[data-share-root]{margin-top:1.35rem}.seo-hero__grid--copy{grid-template-columns:minmax(0,40rem);grid-template-areas:"copy""note"}.seo-hero h1{max-width:16ch;color:var(--week-ink);letter-spacing:-.045em;margin-top:.85rem;font-size:clamp(2.4rem,4.6vw,4.6rem);font-weight:600;line-height:1.02}.seo-lede{max-width:40rem;color:var(--week-body);text-wrap:pretty;margin-top:1.45rem;font-size:clamp(1.08rem,1.35vw,1.28rem);line-height:1.6}.seo-hero__actions{flex-wrap:wrap;align-items:center;gap:.85rem 1.25rem;margin-top:1.75rem;display:flex}.seo-hero__actions>a:not(.cta),.seo-final__inner>.seo-hero__actions>a:not(.cta){min-height:44px;color:var(--week-accent-deep);align-items:center;gap:.45rem;font-size:.9rem;font-weight:700;display:inline-flex}.seo-hero__actions svg{width:16px;transition:transform var(--dur-fast) var(--ease-out)}.seo-hero__actions>a:hover svg{transform:translate(3px)}.seo-hero__fine{color:var(--week-muted);letter-spacing:0;margin-top:.85rem;font-size:.8rem;font-weight:500;line-height:1.45}.seo-distinct{border:0;border-top:1px solid var(--week-line);max-width:38rem;color:var(--week-body);background:0 0;border-radius:0;align-self:start;margin:0;padding:.7rem 0 0;font-size:.92rem;line-height:1.55}.seo-distinct a{color:var(--week-accent-deep);font-weight:700}.seo-hero__device{justify-self:end;width:min(100%,22rem);margin:0}.seo-hero__device .device{width:min(100%,20rem)}.seo-hero__device figcaption{color:var(--week-muted);margin-top:.85rem;font-size:.82rem;line-height:1.45}.seo-section{border-bottom:1px solid color-mix(in srgb, var(--week-line) 70%, transparent);padding-block:clamp(2.6rem,4.5vw,4.2rem)}.seo-section h2,.seo-howto h2,.seo-faq h2,.seo-related h2{color:var(--week-ink);letter-spacing:-.03em;margin-top:.55rem;font-size:clamp(1.7rem,2.6vw,2.55rem);line-height:1.12}.seo-section p,.seo-howto>.seo-narrow>p{color:var(--week-body);margin-top:1rem;font-size:1.04rem;line-height:1.65}.seo-section p a,.seo-faq__a a{color:var(--week-accent-deep);font-weight:650}.seo-inline-links{flex-wrap:wrap;gap:.55rem 1.15rem;margin-top:1.2rem;display:flex}.seo-inline-links a{min-height:44px;color:var(--week-accent-deep);align-items:center;gap:.35rem;font-size:.9rem;font-weight:720;display:inline-flex}.seo-inline-links svg{width:15px}.seo-howto{background:color-mix(in srgb, var(--week-surface) 78%, var(--week-paper));border-bottom:1px solid var(--week-line);padding-block:clamp(3rem,5vw,5rem)}.seo-howto ol{gap:0;margin-top:1.6rem;padding:0;list-style:none;display:grid}.seo-howto li{border:0;border-top:1px solid var(--week-line);background:0 0;border-radius:0;grid-template-columns:3.2rem minmax(0,1fr);gap:.9rem;padding:1rem 0;display:grid}.seo-howto li>span{color:var(--week-accent);font-family:var(--font-display);font-size:1.15rem;font-weight:650}.seo-howto h3{letter-spacing:-.02em;font-size:1.12rem}.seo-howto li p{color:var(--week-body);margin-top:.35rem;font-size:.95rem;line-height:1.55}.seo-faq{padding-block:clamp(3.5rem,6vw,6rem)}.seo-faq__inner{grid-template-columns:minmax(12rem,.7fr) minmax(0,1.3fr);gap:clamp(2rem,5vw,5rem);display:grid}.seo-faq__list{border-top:1px solid var(--week-line)}.seo-faq__item{border-bottom:1px solid var(--week-line)}.seo-faq summary{min-height:58px;color:var(--week-ink);cursor:pointer;grid-template-columns:1fr auto;align-items:center;gap:1rem;font-size:.98rem;font-weight:650;list-style:none;display:grid}.seo-faq summary::-webkit-details-marker{display:none}.seo-faq summary svg{color:var(--week-accent);transition:transform var(--dur-fast) var(--ease-out)}.seo-faq__item[open] summary svg{transform:rotate(180deg)}.seo-faq__a{max-width:42rem;color:var(--week-body);padding:0 2.5rem 1.15rem 0;font-size:.95rem;line-height:1.6}.seo-related{padding-block:0 clamp(4rem,7vw,6.5rem)}.seo-related ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 2.5rem;margin-top:1.6rem;padding:0;list-style:none;display:grid}.seo-related a{border:0;border-top:1px solid var(--week-line);min-height:100%;color:inherit;background:0 0;border-radius:0;padding:1.05rem 0 1.15rem;display:block}.seo-related a:hover{border-color:var(--week-accent)}.seo-related h3{letter-spacing:-.02em;font-size:1.12rem}.seo-related p{color:var(--week-body);margin-top:.35rem;font-size:.9rem;line-height:1.5}.seo-final{padding-bottom:clamp(4.5rem,8vw,7rem)}.seo-final__inner{border-top:1px solid var(--week-line);border-bottom:1px solid var(--week-line);text-align:center;max-width:36rem;margin-inline:auto;padding-block:clamp(3rem,5vw,4.5rem)}.seo-final h2{letter-spacing:-.04em;font-size:clamp(2rem,3.4vw,3.1rem)}.seo-final p{color:var(--week-body);margin-top:.8rem}.seo-final .seo-hero__actions{justify-content:center}@media (width<=860px){.seo-hero__grid,.seo-faq__inner,.seo-related ul{grid-template-columns:1fr}.seo-hero__grid{grid-template-areas:"copy""draw""note"}.seo-hero__device{justify-self:start;width:min(72vw,20rem)}.seo-hero h1{max-width:14ch}}@media (width<=560px){.seo-related ul{grid-template-columns:1fr}}.seo-rail{display:none}@media (width>=1280px){.seo-body{width:min(calc(100% - var(--week-gutter) * 2), var(--week-shell));grid-template-columns:minmax(0,44rem) 15.5rem;justify-content:center;column-gap:clamp(4rem,6vw,6.5rem);margin-inline:auto;display:grid}.seo-body .seo-section .seo-narrow{width:100%;max-width:none}.seo-rail{align-self:start;margin-top:clamp(2.6rem,4.5vw,4.2rem);display:block;position:sticky;top:6.5rem}}.seo-rail__title{color:var(--week-muted);letter-spacing:.06em;text-transform:uppercase;font-size:.72rem;font-weight:650}.seo-rail ol{border-left:1px solid var(--week-line);margin:.9rem 0 0;padding:0;list-style:none}.seo-rail li{--rail-tile:#c24f32}.seo-rail li:nth-child(4n+2){--rail-tile:#3a4ea0}.seo-rail li:nth-child(4n+3){--rail-tile:#c98f1f}.seo-rail li:nth-child(4n){--rail-tile:#557a4c}.seo-rail ol a{color:var(--week-body);border-left:2px solid #0000;grid-template-columns:1.8rem minmax(0,1fr);align-items:start;gap:.75rem;margin-left:-1px;padding:.55rem 0 .55rem 1rem;font-size:.86rem;font-weight:520;line-height:1.35;text-decoration:none;transition:color .25s,border-color .25s;display:grid;position:relative}.seo-rail ol a:hover{color:var(--week-ink)}.seo-rail ol a[aria-current]{border-left-color:var(--rail-tile);color:var(--week-ink);font-weight:640}.seo-rail__num{background:color-mix(in srgb, var(--rail-tile) 16%, transparent);width:1.8rem;height:1.8rem;color:var(--rail-tile);font-family:var(--font-display);letter-spacing:-.01em;border-radius:8px;place-items:center;margin-top:-.2rem;font-size:.74rem;font-weight:640;transition:background .25s,color .25s,rotate .4s cubic-bezier(.34,1.56,.64,1);display:grid}.seo-rail ol a[aria-current] .seo-rail__num{background:var(--rail-tile);color:#fff;rotate:-6deg}.seo-rail__faq{min-height:40px;color:var(--week-accent-deep);align-items:center;gap:.35rem;margin-top:1.1rem;padding-left:1rem;font-size:.84rem;font-weight:650;text-decoration:none;display:inline-flex}.seo-rail__faq svg{width:1rem;height:1rem}
