@layer properties,theme,base,components,utilities,site-patterns,site-components;@layer components{lite-youtube{background-color:#000;position:relative;display:block;contain:content;background-position:center center;background-size:cover;cursor:pointer;max-width:720px}lite-youtube:before{content:attr(data-title);display:block;position:absolute;top:0;background-image:linear-gradient(180deg,#000000ab,#0000008a 14%,#00000026 54%,#0000000d 72%,#0000 94%);height:99px;width:100%;font-family:YouTube Noto,Roboto,Arial,Helvetica,sans-serif;color:#eee;text-shadow:0 0 2px rgba(0,0,0,.5);font-size:18px;padding:25px 20px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;box-sizing:border-box}lite-youtube:hover:before{color:#fff}lite-youtube:after{content:"";display:block;padding-bottom:56.25%}lite-youtube>iframe{width:100%;height:100%;position:absolute;top:0;left:0;border:0}lite-youtube>.lyt-playbtn{display:block;width:100%;height:100%;background:no-repeat center/68px 48px;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 68 48"><path d="M66.52 7.74c-.78-2.93-2.49-5.41-5.42-6.19C55.79.13 34 0 34 0S12.21.13 6.9 1.55c-2.93.78-4.63 3.26-5.42 6.19C.06 13.05 0 24 0 24s.06 10.95 1.48 16.26c.78 2.93 2.49 5.41 5.42 6.19C12.21 47.87 34 48 34 48s21.79-.13 27.1-1.55c2.93-.78 4.64-3.26 5.42-6.19C67.94 34.95 68 24 68 24s-.06-10.95-1.48-16.26z" fill="red"/><path d="M45 24 27 14v20" fill="white"/></svg>');position:absolute;cursor:pointer;z-index:1;filter:grayscale(100%);transition:filter .1s cubic-bezier(0,0,.2,1);border:0}lite-youtube:hover>.lyt-playbtn,lite-youtube .lyt-playbtn:focus{filter:none}lite-youtube.lyt-activated{cursor:unset}lite-youtube.lyt-activated:before,lite-youtube.lyt-activated>.lyt-playbtn{opacity:0;pointer-events:none}.lyt-visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}}@layer properties,theme,base,components,utilities,site-patterns,site-components;@layer site-components{.yt-embed{border-radius:var(--yt-embed-radius, 0);overflow:hidden}.yt-embed lite-youtube{display:block;width:100%;max-width:100%}.yt-embed-untitled lite-youtube:before{display:none}.yt-embed lite-youtube>.lyt-playbtn:focus-visible{outline:2px solid var(--yt-embed-focus, var(--accent-purple));outline-offset:-6px;border-radius:inherit}@media(prefers-reduced-motion:reduce){.yt-embed lite-youtube>.lyt-playbtn{filter:none}}}@layer properties,theme,base,components,utilities,site-patterns,site-components;@layer site-components{.article-page .article-header{padding:calc(var(--nav-height) + 64px) 24px 0}.article-page .article-header-inner{display:flex;flex-direction:column;max-width:780px;margin:0 auto}.article-page .article-header-inner>:last-child{margin-bottom:32px}.article-page .article-topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px}.article-page .article-back{display:inline-flex;align-items:center;gap:6px;font-size:14px;color:var(--text-tertiary);transition:color .2s}.article-page .article-back:hover{color:var(--text-primary)}.article-page .article-share{display:flex;gap:8px}.article-page .article-share-btn{display:grid;place-items:center;width:32px;height:32px;border-radius:var(--radius-sm);background:var(--surface-subtle);border:1px solid var(--border-subtle);color:var(--text-secondary);transition:background-color .2s,color .2s}.article-page .article-share-btn:hover{background:var(--surface-muted);color:var(--text-primary)}.article-page .article-copied-icon{display:none;color:var(--accent-green)}.article-page .article-share-btn.copied .article-copy-icon{display:none}.article-page .article-share-btn.copied .article-copied-icon{display:block}.article-page .article-meta{display:flex;align-items:center;gap:16px;margin-bottom:20px}.article-page .article-category-pill{display:inline-flex;padding:4px 12px;border-radius:var(--radius-full);font-size:var(--text-small);font-weight:700}.article-page .article-date{font-size:var(--text-small);color:var(--text-tertiary)}.article-page .article-title{margin:0 0 20px;font-size:clamp(36px,3.5vw,46px);font-weight:500;letter-spacing:var(--tracking-heading);line-height:1.15;color:var(--text-primary);text-wrap:balance}.article-page .article-excerpt{margin:0 0 28px;font-size:20px;line-height:1.55;color:var(--text-secondary);text-wrap:pretty}.article-page .article-byline{display:flex;align-items:center;gap:12px}.article-page .article-byline img{width:36px;height:36px;border-radius:var(--radius-full);object-fit:cover}.article-page .article-byline-text{line-height:1.3}.article-page .article-byline-name{display:block;font-size:14px;font-weight:600;color:var(--text-primary)}.article-page .article-byline-sep{display:none}.article-page .article-byline-role{display:block;font-size:13px;color:var(--text-tertiary)}.article-page .article-cover{max-width:960px;margin:0 auto}.article-page .article-cover img{display:block;width:100%;aspect-ratio:16 / 9;object-fit:cover;border-radius:var(--radius-md);border:1px solid var(--border-subtle)}.article-page .article-column{max-width:680px;margin:0 auto;padding:48px 24px 0}.article-page .article-column-end{padding-bottom:var(--section-padding-sm)}.article-page .article-toc{padding:20px 24px;margin-bottom:48px}.article-page .article-toc-label{margin:0 0 12px;font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-tertiary)}.article-page .article-toc ol{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}.article-page .article-toc ol a{display:flex;gap:12px;font-size:15px;color:var(--text-secondary);transition:color .2s}.article-page .article-toc ol a:hover{color:var(--text-primary)}.article-page .article-toc-num{font-family:ui-monospace,Menlo,monospace;font-size:12px;color:var(--text-tertiary);padding-top:2px}.article-page .article-toc-mobile-wrap{display:none}.article-page .article-body h2{margin:48px 0 16px;font-size:28px;font-weight:600;letter-spacing:-.5px;line-height:1.25;color:var(--text-primary);scroll-margin-top:calc(var(--nav-height) + 24px)}.article-page .article-body>h2:first-child{margin-top:0}.article-page .article-body h3,.article-page .article-body h4{margin:32px 0 12px;font-size:20px;font-weight:600;color:var(--text-primary)}.article-page .article-body p{margin:0 0 24px;font-size:var(--text-body);line-height:1.75;color:var(--text-secondary)}.article-page .article-body a{color:var(--accent-purple-light);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--accent-purple-light) 35%,transparent);text-underline-offset:3px;transition:text-decoration-color .2s}.article-page .article-body a:hover{text-decoration-color:var(--accent-purple-light)}.article-page .article-body strong{color:var(--text-primary)}.article-page .article-body ul,.article-page .article-body ol{margin:0 0 24px;padding-left:22px;font-size:var(--text-body);line-height:1.75;color:var(--text-secondary)}.article-page .article-body ul{list-style:disc}.article-page .article-body ol{list-style:decimal}.article-page .article-body li{margin-bottom:8px}.article-page .article-body blockquote{margin:32px 0;padding-left:20px;border-left:2px solid var(--accent-purple);font-family:var(--font-serif);font-style:italic;font-size:22px;line-height:1.5;color:var(--text-primary)}.article-page .article-figure{margin:32px 0 8px}.article-page .article-figure img{display:block;width:100%;height:auto;border-radius:var(--radius-md);border:1px solid var(--border-subtle)}.article-page .article-figure figcaption{margin-top:10px;font-size:13px;color:var(--text-tertiary)}.article-page .article-callout{background:color-mix(in srgb,var(--accent-blue) 6%,transparent);border:1px solid color-mix(in srgb,var(--accent-blue) 18%,transparent);border-radius:var(--radius-sm);padding:16px 20px;margin:0 0 24px}.article-page .article-body .article-callout-label{margin:0 0 6px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-blue)}.article-page .article-body .article-callout-text{margin:0;font-size:16px;line-height:1.6;color:var(--text-secondary)}.article-page .article-table{margin:32px 0;overflow-x:auto;border:1px solid var(--border-subtle);border-radius:var(--radius-md)}.article-page .article-table table{width:100%;min-width:480px;border-collapse:collapse;font-size:15px;line-height:1.5}.article-page .article-table th,.article-page .article-table td{padding:12px 16px;text-align:left;vertical-align:top;border-bottom:1px solid var(--border-subtle)}.article-page .article-table th{font-weight:600;color:var(--text-primary);background:color-mix(in srgb,var(--accent-purple) 6%,transparent)}.article-page .article-table tr:last-child td{border-bottom:0}.article-page .article-body .yt-embed{--yt-embed-radius: var(--radius-md);margin:32px 0}.article-page .article-cta{position:relative;overflow:hidden;border-radius:var(--radius-lg);border:1px solid var(--border-subtle);background:radial-gradient(circle at 50% 130%,color-mix(in srgb,var(--color-accent-brand) 28%,transparent),transparent 60%);text-align:center;padding:40px 32px;margin:48px 0}.article-page .article-cta-eyebrow{margin:0 0 8px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-green)}.article-page .article-cta-headline{margin:0 0 6px;font-family:var(--font-serif);font-style:italic;font-size:26px;line-height:1.2;color:var(--text-primary)}.article-page .article-cta-sub{margin:0 0 20px;font-size:15px;color:var(--text-secondary)}.article-page .article-cta-btn{display:inline-block}.article-page .article-tags{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:32px 0 48px;border-bottom:1px solid var(--border-subtle)}.article-page .article-tags-label{font-size:13px;color:var(--text-tertiary);margin-right:4px}.article-page .article-tag{font-size:13px;color:var(--text-secondary);background:var(--surface-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-full);padding:5px 12px;transition:background-color .2s,color .2s}.article-page .article-tag:hover{background:var(--surface-muted);color:var(--text-primary)}.article-page .article-pagenav{display:flex;justify-content:space-between;gap:24px;padding:24px 0 0}.article-page .article-pagenav-link{display:flex;flex-direction:column;gap:4px;max-width:45%}.article-page .article-pagenav-next{margin-left:auto;text-align:right;align-items:flex-end}.article-page .article-pagenav-label{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary)}.article-page .article-pagenav-title{font-size:15px;font-weight:500;color:var(--text-secondary);transition:color .2s}.article-page .article-pagenav-link:hover .article-pagenav-title{color:var(--text-primary)}.article-page .article-related{max-width:var(--max-width);margin:0 auto;padding:80px 24px}.article-page .article-related h2{margin:0 0 32px;font-size:24px;font-weight:500;letter-spacing:-.5px;color:var(--text-primary)}.article-page .article-related-track{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.article-page .article-related-dots{display:none}@media(max-width:1023px)and (min-width:769px){.article-page .article-related-track{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.article-page .article-header{padding:calc(var(--nav-height) + 24px) 0 0}.article-page .article-header-inner{padding:0 24px}.article-page .article-topbar{display:contents}.article-page .article-back{order:1;min-height:44px}.article-page .article-meta{order:2;flex-wrap:wrap;gap:10px 14px;margin:8px 0 16px}.article-page .article-title{order:3;margin:0 0 14px;font-size:30px;letter-spacing:-1px;line-height:1.2}.article-page .article-excerpt{order:4;margin:0 0 20px;font-size:17px}.article-page .article-byline{order:5;flex-wrap:wrap;gap:10px;margin-bottom:16px}.article-page .article-share{order:6}.article-page .article-header-inner>:last-child,.article-page .article-share{margin-bottom:20px}.article-page .article-share-btn{width:44px;height:44px}.article-page .article-date{font-size:13px}.article-page .article-byline img{width:32px;height:32px}.article-page .article-byline-text{display:flex;align-items:center;gap:6px;font-size:13px}.article-page .article-byline-name{font-size:13px}.article-page .article-byline-sep{display:inline;color:var(--text-secondary)}.article-page .article-byline-role{font-size:13px;color:var(--text-secondary)}.article-page .article-cover{max-width:none;margin:0}.article-page .article-cover img{aspect-ratio:16 / 10;border-radius:0;border-left:0;border-right:0}.article-page .article-column{padding:24px 24px 48px}.article-page .article-toc{display:none}.article-page .article-toc-mobile-wrap{display:block;margin-bottom:32px}.article-page .article-toc-mobile{overflow:hidden}.article-page .article-toc-mobile summary{display:flex;align-items:center;justify-content:space-between;min-height:48px;padding:0 16px;font-size:14px;font-weight:600;color:var(--text-primary);cursor:pointer;list-style:none}.article-page .article-toc-mobile summary::-webkit-details-marker{display:none}.article-page .article-toc-mobile summary svg{color:var(--text-tertiary);transition:transform .2s}.article-page .article-toc-mobile[open] summary svg{transform:rotate(180deg)}.article-page .article-toc-mobile ol{margin:0;padding:4px 8px 8px;list-style:none;border-top:1px solid var(--border-subtle)}.article-page .article-toc-mobile ol a{display:flex;align-items:center;gap:12px;min-height:44px;padding:0 8px;border-radius:var(--radius-xs);font-size:15px;color:var(--text-secondary)}.article-page .article-toc-mobile .article-toc-num{padding-top:0}.article-page .article-body p{margin:0 0 20px;font-size:17px;line-height:1.7}.article-page .article-body h2{margin:40px 0 14px;font-size:24px}.article-page .article-body h3,.article-page .article-body h4{margin:28px 0 10px;font-size:19px}.article-page .article-body ul,.article-page .article-body ol{margin:0 0 20px;font-size:17px;line-height:1.7}.article-page .article-body blockquote{margin:28px 0;padding-left:16px;font-size:20px}.article-page .article-figure{margin:28px -24px 8px}.article-page .article-figure img{border-radius:0;border-left:0;border-right:0}.article-page .article-figure figcaption{margin-left:24px;margin-right:24px}.article-page .article-callout{padding:14px 16px;margin:0 0 20px}.article-page .article-body .article-callout-label{font-size:11px}.article-page .article-body .article-callout-text{font-size:15px}.article-page .article-cta{border-radius:var(--radius-md);padding:32px 24px;margin:36px 0}.article-page .article-cta-eyebrow{font-size:11px}.article-page .article-cta-headline{margin:0 0 16px;font-size:22px;line-height:1.25}.article-page .article-cta-sub{display:none}.article-page .article-cta-btn{display:flex;justify-content:center;padding:14px 20px;font-size:16px}.article-page .article-tags{padding:8px 0 32px}.article-page .article-tag{display:inline-flex;align-items:center;min-height:36px;padding:0 14px}.article-page .article-pagenav{flex-direction:column;gap:12px;padding:24px 0 8px}.article-page .article-pagenav-link{max-width:none;background:var(--surface-muted);border:1px solid var(--border-muted);border-radius:var(--radius-md);padding:16px}.article-page .article-pagenav-next{margin-left:0;text-align:left;align-items:flex-start}.article-page .article-pagenav-label{font-size:11px}.article-page .article-pagenav-title{color:var(--text-primary);line-height:1.4}.article-page .article-related{border-top:1px solid var(--border-subtle);padding:32px 0 48px 24px}.article-page .article-related h2{margin:0 0 20px;font-size:20px}.article-page .article-related-track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding-right:24px;scrollbar-width:none}.article-page .article-related-track::-webkit-scrollbar{display:none}.article-page .article-related-card{flex:none;width:280px;scroll-snap-align:start}.article-page .article-related-dots{display:flex;gap:6px;margin-top:14px}.article-page .article-related-dots span{width:4px;height:4px;border-radius:var(--radius-full);background:var(--border-visible);transition:width .2s,background-color .2s}.article-page .article-related-dots span.is-active{width:16px;background:var(--text-secondary)}}}