.guide-list{padding-bottom:104px}.guide-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.guide-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);flex-direction:column;gap:10px;padding:26px;transition:border-color .2s,box-shadow .2s;display:flex;position:relative}.guide-card:hover{border-color:#c5d6cc;box-shadow:0 10px 28px #13211a12}.guide-card h2,.guide-card h3{letter-spacing:-.015em;font-size:21px;line-height:1.3}.guide-card h2 a:after,.guide-card h3 a:after{content:"";border-radius:inherit;position:absolute;inset:0}.guide-card h2 a:focus-visible,.guide-card h3 a:focus-visible{outline:none}.guide-card:has(a:focus-visible){outline-offset:3px;outline:3px solid #7cc4a0}.guide-card__desc{color:var(--muted);font-size:15px;line-height:1.65}.guide-card .small{margin-top:auto;padding-top:6px}.draft-banner{z-index:30;color:#6b4a00;text-align:center;font:600 14px var(--heading);background:#fff3d6;padding:10px 24px;position:sticky;top:72px}.article-head{max-width:760px;margin-left:max(24px, calc((100% - var(--container)) / 2));padding:36px 0 8px}.article-head h1{letter-spacing:-.03em;font-size:clamp(34px,4.2vw,52px);line-height:1.08}.article-dek{color:var(--muted);margin-top:18px;font-size:20px;line-height:1.55}.article-byline{border-top:1px solid var(--line);color:var(--muted);align-items:center;gap:12px;margin-top:26px;padding-top:22px;font-size:14px;line-height:1.5;display:flex}.article-byline img{border-radius:9px}.article-byline b{color:var(--ink)}.article-layout{grid-template-columns:minmax(0,720px) 230px;justify-content:space-between;gap:64px;padding:36px 0 72px;display:grid}.article-toc{grid-area:1/2;align-self:start;font-size:14px;position:sticky;top:104px}.article-toc>p{font:800 12px var(--heading);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:10px}.article-toc ol{border-left:2px solid var(--line);margin:0;padding:0;list-style:none}.article-toc li a{color:var(--muted);border-left:2px solid #0000;margin-left:-2px;padding:6px 0 6px 14px;line-height:1.4;display:block}.article-toc li.is-sub a{padding-left:26px;font-size:13px}.article-toc li a:hover{color:var(--ink);border-left-color:var(--accent)}.prose{color:#24342c;grid-area:1/1;min-width:0;font-size:18px;line-height:1.75}.prose>*+*{margin-top:20px}.prose h2{letter-spacing:-.02em;margin-top:56px;scroll-margin-top:96px;font-size:30px;line-height:1.2}.prose h3{letter-spacing:-.015em;margin-top:36px;scroll-margin-top:96px;font-size:22px;line-height:1.3}.prose h2+*,.prose h3+*{margin-top:12px}.prose a{color:var(--accent-ink);text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px}.prose ul,.prose ol{padding-left:24px}.prose li+li{margin-top:8px}.prose li::marker{color:var(--accent)}.prose strong{color:var(--ink)}.prose blockquote{border-left:3px solid var(--accent);color:var(--muted);margin:28px 0;padding:4px 0 4px 20px}.prose hr{border:0;border-top:1px solid var(--line);margin:48px 0}.prose code{background:var(--canvas);border-radius:6px;padding:2px 6px;font-size:.88em}.prose-table{max-width:100%;overflow-x:auto}.prose-table table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:15px;line-height:1.5}.prose-table th,.prose-table td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:11px 14px}.prose-table thead th{background:var(--canvas);font:600 14px var(--heading);color:var(--ink);white-space:nowrap}.prose-figure{margin:32px 0}.prose-figure img{border-radius:18px;width:100%;height:auto;display:block}.prose-figure figcaption{color:var(--muted);margin-top:10px;font-size:14px}.takeaways{background:var(--tint);border-radius:20px;padding:22px 26px}.prose .takeaways h2{font:800 13px var(--heading);letter-spacing:.08em;text-transform:uppercase;color:var(--accent-ink);margin:0 0 8px}.takeaways ul{margin:0;font-size:17px}.callout{border-left:3px solid var(--accent);background:var(--canvas);border-radius:0 14px 14px 0;padding:18px 22px;font-size:17px}.callout--caution{background:#fdf6ea;border-left-color:#c07a12}.callout__title{font:600 16px var(--heading);color:var(--ink)}.callout>*+*{margin-top:8px}.app-note{border:1px solid var(--line);border-radius:18px;align-items:flex-start;gap:16px;padding:20px 22px;font-size:16px;line-height:1.65;display:flex}.app-note img{border-radius:11px;flex:none}.app-note .text-link{margin-top:8px;text-decoration:none}.prose .faq-list{margin-top:12px}.prose .faq-list summary{font-size:17px}.article-sources ol{color:var(--muted);padding-left:22px;font-size:15px;line-height:1.6}.article-note{border-top:1px solid var(--line);color:var(--muted);margin-top:32px;padding-top:20px;font-size:14px;line-height:1.65}.related{padding:8px 0 56px}.related h2{margin-bottom:20px;font-size:26px}.article-app{background:var(--tint);border-radius:28px;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;margin-bottom:104px;padding:32px 36px;display:grid}.article-app img{border-radius:16px}.article-app h2{font-size:24px}.article-app p{color:var(--muted);margin-top:6px}@media (max-width:1100px){.article-layout{grid-template-columns:minmax(0,1fr);justify-content:stretch;gap:28px}.article-toc{background:var(--canvas);border-radius:16px;grid-column:1;padding:18px 20px;position:static}.article-toc ol{border-left:0}.article-toc li a{border-left:0;margin-left:0;padding:5px 0}.article-toc li.is-sub a{padding-left:14px}.prose{grid-row:2}.article-head{width:min(var(--container), calc(100% - 48px));max-width:none;margin-inline:auto}}@media (max-width:900px){.guide-cards{grid-template-columns:1fr 1fr}.draft-banner{top:64px}.article-app{grid-template-columns:auto 1fr;margin-bottom:72px;padding:26px 22px}.article-app .store-button,.article-app .store-badge{grid-column:1/-1;justify-self:start}}@media (max-width:600px){.guide-cards{grid-template-columns:1fr}.article-head{width:calc(100% - 32px)}.article-dek{font-size:18px}.prose{font-size:17px}.prose h2{margin-top:44px;font-size:26px}.prose h3{font-size:20px}.takeaways{padding:18px 20px}.article-app{grid-template-columns:1fr;gap:16px}}.article:has(.draft-banner) .article-toc{top:152px}.article:has(.draft-banner) .prose :is(h2,h3){scroll-margin-top:140px}.article:has(.draft-banner) [id]{scroll-margin-top:140px}