.blog-page,.article-page{background:var(--paper)}.blog-page .nav-links a[aria-current=page],.article-page .nav-links a[aria-current=page]{background:var(--lavender);color:var(--ink)}.blog-accent-mint{--blog-accent:#0f766e;--blog-wash:var(--mint);--blog-ink:#124f4a}.blog-accent-lavender{--blog-accent:#60578b;--blog-wash:var(--lavender);--blog-ink:#403a63}.blog-accent-blue{--blog-accent:#356884;--blog-wash:var(--blue);--blog-ink:#274f67}.blog-accent-coral{--blog-accent:#a14f3b;--blog-wash:var(--coral);--blog-ink:#753b2d}.blog-masthead{border-bottom:1px solid var(--line);padding:132px max(24px,50vw - 600px) 36px}.blog-masthead-copy{max-width:850px}.blog-masthead h1{letter-spacing:-.055em;margin:18px 0 16px;font-size:clamp(38px,5vw,64px);line-height:1.06}.blog-masthead h1 span{color:var(--spine)}.blog-masthead-copy>p:last-child{max-width:670px;color:var(--ink-soft);text-wrap:pretty;margin:0;font-size:17px;line-height:1.6}.featured-note{border:1px solid color-mix(in srgb, var(--blog-accent) 20%, var(--line));background:color-mix(in srgb, var(--blog-wash) 32%, var(--surface));border-radius:20px;grid-template-columns:minmax(0,1fr) 200px;align-items:center;gap:40px;margin:0 0 24px;padding:28px 32px;display:grid}.blog-meta{color:#777283;letter-spacing:.08em;text-transform:uppercase;flex-wrap:wrap;align-items:center;gap:9px;margin:0;font-size:11px;font-weight:750;display:flex}.blog-meta>*+:before{content:"·";color:color-mix(in srgb, var(--blog-accent,var(--teal)) 50%, transparent);margin-right:9px}.blog-meta>span:first-child{color:var(--blog-accent,var(--teal))}.blog-page .blog-meta{letter-spacing:.025em;gap:6px 8px;line-height:1.5}.blog-page .blog-meta>*{white-space:nowrap}.featured-note h3{letter-spacing:-.04em;margin:10px 0 12px;font-size:clamp(28px,3vw,40px);line-height:1.12}.featured-note h3 a,.journal-row h3 a,.related-notes h3 a{text-decoration:none}.featured-note h3 a,.journal-row h3 a{display:block}.featured-note h3 a:hover,.journal-row h3 a:hover,.related-notes h3 a:hover{color:var(--blog-accent,var(--teal))}.featured-note-copy>p:not(.blog-badges,.blog-meta){max-width:650px;color:var(--ink-soft);text-wrap:pretty;margin:0;font-size:16px;line-height:1.6}.featured-note-visual{background:var(--blog-wash);border-radius:12px;height:250px;position:relative;overflow:hidden}.featured-device{width:154px;margin:20px auto 0;transform:rotate(4deg)}.journal{padding:40px 0 64px}.journal-heading{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:16px;display:flex}.journal-heading h2{letter-spacing:-.035em;margin:0;font-size:28px;line-height:1.2}.journal-heading>p{color:var(--ink-soft);margin:0;font-size:13px}.journal-list{border-top:1px solid var(--line)}.journal-row{border-bottom:1px solid var(--line);grid-template-columns:112px minmax(0,1fr);align-items:start;gap:24px;padding:24px 0;display:grid}.journal-row-visual{background:var(--blog-wash);border-radius:12px;height:144px;display:block;position:relative;overflow:hidden}.journal-row-visual img{border-radius:10px;width:78px;margin:18px auto 0;display:block}.journal-row h3{letter-spacing:-.035em;max-width:850px;margin:8px 0;font-size:clamp(23px,2.4vw,29px);line-height:1.2}.journal-row-copy>p:not(.blog-badges,.blog-meta){max-width:790px;color:var(--ink-soft);text-wrap:pretty;margin:0;font-size:16px;line-height:1.6}.blog-read-link{min-height:44px;color:var(--blog-accent,var(--teal));align-items:center;gap:8px;margin-top:20px;font-size:14px;font-weight:800;text-decoration:none;display:inline-flex}.blog-page .blog-read-link{margin-top:8px}.blog-read-link:hover{text-underline-offset:5px;text-decoration:underline}.blog-cta{border-top:1px solid var(--line);grid-template-columns:120px minmax(0,640px);justify-content:center;align-items:center;gap:32px;padding:40px 0 56px;display:grid}.blog-cta>img{width:120px}.blog-cta h2{letter-spacing:-.04em;margin:0;font-size:clamp(28px,3vw,38px);line-height:1.15}.blog-cta>div>p:not(.kicker){color:var(--ink-soft);margin:12px 0 20px;font-size:16px;line-height:1.6}.related-notes>header h2{letter-spacing:-.065em;margin:0;font-size:clamp(44px,5.4vw,76px);line-height:1}.blog-badges{flex-wrap:wrap;gap:6px;margin:0 0 10px;display:flex}.blog-badge{letter-spacing:.01em;border:1px solid;border-radius:6px;align-items:center;min-height:24px;padding:3px 9px;font-size:11px;font-weight:700;line-height:1.4;display:inline-flex}.blog-badge-must-read{color:#805017;background:#faf0dc;border-color:#e3cda7}.blog-badge-creators-pick{color:#534276;background:#f0eaf8;border-color:#d6cbe8}.blog-filters{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;margin-bottom:20px;display:flex}.blog-filter-tabs{border:0;flex-wrap:wrap;gap:6px;min-width:0;margin:0;padding:0;display:flex}.blog-filter-tab{cursor:pointer;position:relative}.blog-filter-tabs legend,.blog-filter-tab input{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.blog-filter-tab>span{border:1px solid var(--line);min-height:44px;color:var(--ink-soft);border-radius:999px;align-items:center;gap:6px;padding:8px 12px;font-size:13px;font-weight:700;display:inline-flex}.blog-filter-tab small{font-size:11px;font-weight:500}.blog-filter-tab input:checked+span{border-color:var(--ink);background:var(--ink);color:var(--surface)}.blog-filter-tab input:focus-visible+span{outline:2px solid var(--teal);outline-offset:3px}.blog-topic{color:var(--ink-soft);align-items:center;gap:10px;font-size:13px;display:flex}.blog-topic select{border:1px solid var(--line);min-width:0;max-width:100%;min-height:44px;color:var(--ink);background:var(--surface);border-radius:8px;padding:8px 30px 8px 12px;font-size:13px}.blog-empty{padding:32px 0}.blog-empty h3{margin:0 0 8px;font-size:23px}.blog-empty p{color:var(--ink-soft);line-height:1.6}.blog-reset{border:1px solid var(--line);background:var(--surface);min-height:44px;color:var(--ink);cursor:pointer;border-radius:8px;padding:8px 16px}.blog-page [hidden]{display:none}@media (width<=580px){.blog-topic{width:100%}.blog-topic select{flex:1}.blog-filter-tab>span{padding-inline:10px;font-size:12px}}.article-hero{padding:168px max(24px,50vw - 600px) 82px;overflow:hidden}.article-hero-inner{grid-template-columns:minmax(0,1fr) minmax(330px,.5fr);align-items:center;gap:clamp(54px,8vw,120px);min-height:560px;display:grid}.breadcrumbs{color:#777283;flex-wrap:wrap;align-items:center;gap:9px;margin-bottom:34px;font-size:12px;display:flex}.breadcrumbs a{min-height:36px;color:var(--blog-accent);align-items:center;font-weight:750;text-decoration:none;display:inline-flex}.breadcrumbs a:hover{text-underline-offset:4px;text-decoration:underline}.article-hero-copy{z-index:2;position:relative}.article-hero h1{letter-spacing:-.07em;max-width:820px;margin:24px 0;font-size:clamp(48px,6.2vw,86px);line-height:.98}.article-dek{max-width:720px;color:var(--ink-soft);text-wrap:pretty;margin:0;font-size:clamp(18px,2vw,22px);line-height:1.62}.article-byline{color:#777283;margin:24px 0 0;font-size:13px;font-weight:650}.article-hero-visual{background:var(--blog-wash);border-radius:50% 50% 44% 56%/42% 46% 54% 58%;height:560px;margin:0;position:relative}.article-hero-visual:after{content:"";border:1px dashed color-mix(in srgb, var(--blog-accent) 28%, transparent);border-radius:inherit;position:absolute;inset:24px}.article-device{z-index:1;width:min(77%,315px);position:absolute;bottom:-105px;left:50%;transform:translate(-50%)rotate(3deg)}.article-stamp{z-index:4;border:1px solid color-mix(in srgb, var(--blog-accent) 30%, transparent);background:var(--surface);color:var(--blog-ink);letter-spacing:.13em;text-transform:uppercase;padding:12px 15px;font-size:10px;font-weight:800;position:absolute;top:50px;right:-18px;transform:rotate(7deg)}.article-shell{grid-template-columns:270px minmax(0,720px);justify-content:center;align-items:start;gap:clamp(58px,8vw,110px);padding:104px 0 120px;display:grid}.article-toc{padding-top:5px;position:sticky;top:120px}.article-toc>p{color:var(--blog-accent);letter-spacing:.12em;text-transform:uppercase;margin:0 0 18px;font-size:11px;font-weight:800}.article-toc ol{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.article-toc li{border-bottom:1px solid var(--line)}.article-toc a{min-height:52px;color:var(--ink-soft);grid-template-columns:30px 1fr;align-items:center;gap:8px;padding:10px 0;font-size:12px;line-height:1.35;text-decoration:none;display:grid}.article-toc a:hover{color:var(--blog-accent)}.article-toc a span{color:var(--blog-accent);font-size:10px;font-weight:800}.article-intro{color:var(--ink);letter-spacing:-.02em;text-wrap:pretty;margin:0;font-size:clamp(21px,2.5vw,27px);font-weight:650;line-height:1.55}.article-takeaways{border:1px solid color-mix(in srgb, var(--blog-accent) 24%, transparent);background:color-mix(in srgb, var(--blog-wash) 72%, var(--surface));border-radius:6px 36px;margin:54px 0 70px;padding:30px 34px}.article-takeaways>p{color:var(--blog-ink);letter-spacing:.12em;text-transform:uppercase;margin:0 0 18px;font-size:12px;font-weight:800}.article-takeaways ul{gap:13px;margin:0;padding:0;list-style:none;display:grid}.article-takeaways li{color:var(--blog-ink);padding-left:26px;font-size:15px;line-height:1.6;position:relative}.article-takeaways li:before{content:"✓";color:var(--blog-accent);font-weight:900;position:absolute;left:0}.article-prose>section+section{margin-top:76px}.article-prose h2{letter-spacing:-.05em;margin:0 0 26px;scroll-margin-top:120px;font-size:clamp(34px,4.2vw,48px);line-height:1.08}.article-prose p,.article-prose li{color:#403c49;text-wrap:pretty;font-size:17px;line-height:1.82}.article-prose p{margin:0 0 24px}.article-prose strong{color:var(--ink);font-weight:750}.article-prose code{background:color-mix(in srgb, var(--blog-wash) 68%, var(--surface));color:var(--blog-ink);overflow-wrap:anywhere;border-radius:5px;padding:.12em .34em;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.88em}.article-prose a{color:var(--blog-accent);text-underline-offset:4px;font-weight:700;text-decoration-thickness:1px}.article-prose ul,.article-prose ol{margin:24px 0 30px;padding-left:28px}.article-prose li+li{margin-top:11px}.article-prose li::marker{color:var(--blog-accent);font-weight:800}.article-note{border-left:3px solid var(--blog-accent);background:var(--blog-wash);color:var(--blog-ink);margin:34px 0;padding:24px 26px;font-size:15px;line-height:1.65}.article-flow{border-block:1px solid color-mix(in srgb, var(--blog-accent) 24%, var(--line));color:var(--blog-ink);grid-template-columns:repeat(7,auto);justify-content:space-between;align-items:center;gap:10px;margin:34px 0;padding:20px 22px;display:grid}.article-flow-compact{grid-template-columns:repeat(5,auto)}.article-flow span{gap:4px;font-size:13px;font-weight:750;line-height:1.25;display:grid}.article-flow small{color:var(--blog-accent);letter-spacing:.12em;font-size:9px;font-weight:850}.article-flow i{color:color-mix(in srgb, var(--blog-accent) 55%, transparent);font-size:18px;font-style:normal}.permission-ledger{border-top:1px solid color-mix(in srgb, var(--blog-accent) 24%, var(--line));margin:24px 0 38px}.permission-ledger>div{border-bottom:1px solid var(--line);grid-template-columns:minmax(190px,.48fr) minmax(0,1fr);align-items:baseline;gap:20px;padding:16px 0;display:grid}.permission-ledger dt,.permission-ledger dd{margin:0}.permission-ledger dt code{white-space:nowrap}.permission-ledger dd{color:var(--ink-soft);font-size:15px;line-height:1.6}.article-figure{background:radial-gradient(circle at 85% 12%, color-mix(in srgb, var(--blog-accent) 14%, transparent), transparent 34%), color-mix(in srgb, var(--blog-wash) 72%, var(--surface));border-radius:48px 10px;margin:42px 0;padding:38px 32px 28px;position:relative;overflow:hidden}.article-figure-device{width:min(70%,345px);filter:drop-shadow(0 24px 30px color-mix(in srgb, var(--blog-ink) 18%, transparent));margin:0 auto;transform:rotate(1.2deg)}.article-figure figcaption{max-width:580px;color:var(--blog-ink);text-align:center;text-wrap:pretty;margin:28px auto 0;font-size:13px;line-height:1.6}.sample-badge{z-index:4;border:1px solid color-mix(in srgb, var(--blog-accent) 28%, transparent);background:var(--surface);color:var(--blog-ink);letter-spacing:.12em;text-transform:uppercase;padding:8px 10px;font-size:9px;font-weight:850;position:absolute;top:24px;left:22px;transform:rotate(-3deg)}.article-faq{border-top:1px solid var(--line);margin-top:96px;padding-top:64px}.article-faq h2{letter-spacing:-.055em;margin:0 0 32px;font-size:clamp(38px,4vw,54px)}.article-faq details{border-bottom:1px solid var(--line)}.article-faq details:first-of-type{border-top:1px solid var(--line)}.article-faq summary{min-height:68px;color:var(--ink);cursor:pointer;align-items:center;padding:20px 38px 20px 0;font-size:16px;font-weight:750;line-height:1.45;display:flex}.article-faq summary::marker{color:var(--blog-accent)}.article-faq details p{color:var(--ink-soft);text-wrap:pretty;margin:0;padding:0 20px 24px 0;font-size:15px;line-height:1.7}.related-notes{border-top:1px solid var(--line);padding:90px 0 120px}.related-notes>header{margin-bottom:48px}.related-notes>div{border:1px solid var(--line);grid-template-columns:repeat(2,1fr);display:grid}.related-notes article{background:var(--surface);flex-direction:column;align-items:flex-start;min-height:330px;padding:36px;display:flex}.related-notes article+article{border-left:1px solid var(--line)}.related-notes h3{letter-spacing:-.05em;margin:24px 0 15px;font-size:clamp(27px,3vw,38px);line-height:1.08}.related-notes article>p:not(.blog-badges,.blog-meta){color:var(--ink-soft);text-wrap:pretty;margin:0;font-size:15px;line-height:1.65}.related-notes .blog-read-link{margin-top:auto;padding-top:24px}.article-cta{border-block:1px solid var(--line);background-color:var(--blog-wash);justify-content:space-between;align-items:center;gap:60px;min-height:360px;padding:72px max(24px,50vw - 500px);display:flex}.article-cta h2{letter-spacing:-.06em;max-width:680px;margin:0;font-size:clamp(40px,5vw,64px);line-height:1}.article-cta div>p:last-child{color:var(--blog-ink);margin:20px 0 0;font-size:17px}.article-cta .button{flex:none}@media (width<=760px){.blog-masthead{padding-top:112px;padding-bottom:28px}.featured-note{grid-template-columns:1fr;gap:0;padding:24px}.featured-note-visual{display:none}}@media (width<=580px){.blog-masthead{padding-inline:20px}.blog-masthead h1{font-size:36px}.blog-masthead-copy>p:last-child{font-size:16px}.journal,.blog-cta{width:calc(100% - 40px)}.featured-note{border-radius:16px;padding:20px}.blog-page .blog-meta>span:first-child{flex-basis:100%}.blog-page .blog-meta>time:before{content:none}.journal{padding:32px 0 40px}.journal-heading h2{font-size:24px}.journal-row{grid-template-columns:1fr;gap:0;padding:20px 0}.journal-row-visual{display:none}.blog-cta{grid-template-columns:1fr;gap:16px;padding-block:28px 40px}.blog-cta>img{width:72px}}@media (width<=980px){.article-hero-inner{grid-template-columns:minmax(0,1fr) 300px;gap:50px}.article-hero-visual{height:500px}.article-shell{grid-template-columns:220px minmax(0,650px);gap:48px}}@media (width<=760px){.article-hero{padding-top:142px}.article-hero-inner{grid-template-columns:1fr}.article-hero-visual{width:min(100%,430px);height:530px;margin:10px auto -82px}.article-shell{grid-template-columns:1fr;gap:60px;padding-top:88px}.article-flow{text-align:center;grid-template-columns:1fr;justify-content:stretch}.article-flow i{transform:rotate(90deg)}.article-toc{position:static}.article-toc ol{border:1px solid var(--line);grid-template-columns:repeat(2,1fr);display:grid}.article-toc li{padding-inline:16px}.article-toc li:nth-child(odd){border-right:1px solid var(--line)}.related-notes>div{grid-template-columns:1fr}.related-notes article+article{border-top:1px solid var(--line);border-left:0}.article-cta{flex-direction:column;align-items:flex-start;gap:30px}}@media (width<=580px){.article-shell,.related-notes{width:min(100% - 32px,1200px)}.related-notes>header h2{font-size:42px}.article-hero{padding-inline:20px;padding-bottom:60px}.article-hero h1{font-size:clamp(43px,13vw,60px)}.article-flow{gap:7px;padding-inline:12px}.article-flow span{font-size:11px}.permission-ledger>div{grid-template-columns:1fr;gap:7px}.article-figure{border-radius:34px 8px;margin-inline:-6px;padding:34px 18px 24px}.article-figure-device{width:min(78%,310px)}.article-hero-visual{height:470px}.article-stamp{right:0}.article-toc ol{grid-template-columns:1fr}.article-toc li:nth-child(odd){border-right:0}.article-takeaways{margin:46px 0 62px;padding:26px 23px}.article-prose>section+section{margin-top:64px}.article-prose h2{font-size:34px}.article-prose p,.article-prose li{font-size:16px;line-height:1.78}.article-note{padding:22px 20px}.related-notes article{min-height:300px;padding:28px 24px}.article-cta{padding-inline:20px}}