:root{color-scheme:light;--page:#f8f5ef;--text:#0f172a;--muted:#64748b;--surface:rgb(255 255 255 / .86);--surface-solid:#fff;--border:#e7e0d4;--accent:#047857;--accent-soft:#ecfdf5;--shadow:0 24px 70px rgb(15 23 42 / .12);--code-bg:#020617;--code-text:#d1fae5}body.dark-theme{color-scheme:dark;--page:#020617;--text:#f8fafc;--muted:#94a3b8;--surface:rgb(15 23 42 / .88);--surface-solid:#0f172a;--border:#1e293b;--accent:#67e8f9;--accent-soft:rgb(34 211 238 / .12);--shadow:0 24px 70px rgb(0 0 0 / .35);--code-bg:#020617;--code-text:#cffafe}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--page);color:var(--text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;transition:background-color 220ms ease,color 220ms ease}body.is-sidebar-open{overflow:hidden}a{color:inherit}.site-shell{min-height:100vh}.site-header{align-items:center;border-bottom:1px solid var(--border);display:flex;gap:1rem;justify-content:space-between;margin:0 auto;max-width:80rem;padding:1.25rem}.brand{font-family:"Plus Jakarta Sans",Inter,sans-serif;font-size:1.05rem;font-weight:700;letter-spacing:.08em;text-decoration:none;text-transform:uppercase}.header-actions{align-items:center;display:flex;gap:.5rem}.button{align-items:center;background:var(--surface-solid);border:1px solid var(--border);color:var(--text);cursor:pointer;display:inline-flex;font:inherit;justify-content:center;transition:background-color 180ms ease,border-color 180ms ease,transform 180ms ease}.button:hover{border-color:var(--accent)}.button:focus-visible{outline:3px solid color-mix(in srgb,var(--accent),transparent 62%);outline-offset:3px}.button-label{border-radius:999px;font-size:.9rem;font-weight:700;gap:.45rem;height:2.5rem;padding:0 1rem}.icon-button{border-radius:999px;height:2.5rem;width:2.5rem}.layout{display:grid;gap:2.5rem;grid-template-columns:1fr;margin:0 auto;max-width:80rem;padding:2.5rem 1.25rem}.article{min-width:0}.eyebrow{color:var(--accent);font-size:.82rem;font-weight:800;letter-spacing:.16em;margin:0 0 1rem;text-transform:uppercase}h1,h2{font-family:"Plus Jakarta Sans",Inter,sans-serif}h1{font-size:clamp(2.45rem,8vw,4.6rem);line-height:1.04;margin:0;max-width:48rem}.article-meta{color:var(--muted);display:flex;flex-wrap:wrap;font-size:.95rem;gap:.75rem 1rem;margin-top:1.25rem}.article-meta span+span::before{content:"·";margin-right:1rem}.cover{margin:2.25rem 0 0;perspective:1200px}.cover-carousel{position:relative;margin-bottom:-1rem}.cover-scroll{display:flex;gap:1.25rem;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:2rem;-webkit-overflow-scrolling:touch;scrollbar-width:none}.cover-nav{position:absolute;top:50%;transform:translateY(-75%);background:transparent;border:1px solid transparent;border-radius:50%;width:2.75rem;height:2.75rem;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:none;color:#fff;text-shadow:0 2px 6px rgba(0,0,0,0.4);z-index:10;transition:all 250ms ease;backdrop-filter:none;font-size:1.25rem}.cover-nav:hover{background:var(--surface-solid);border-color:var(--border);color:var(--accent);box-shadow:0 4px 12px rgb(15 23 42 / .15);text-shadow:none;backdrop-filter:blur(4px);transform:translateY(-75%) scale(1.1)}.cover-nav.prev{left:.75rem}.cover-nav.next{right:.75rem}.cover-scroll::-webkit-scrollbar{display:none}.cover img{flex:0 0 85%;scroll-snap-align:center;--tilt-x:0;--tilt-y:0;aspect-ratio:16 / 9;border:1px solid rgb(15 23 42 / .08);border-radius:8px;box-shadow:0 12px 32px rgb(15 23 42 / .08);display:block;height:auto;object-fit:cover;transform:rotateX(var(--tilt-x)) rotateY(var(--tilt-y));transform-style:preserve-3d;transition:transform 220ms ease,box-shadow 220ms ease;will-change:transform;width:100%}.cover figcaption{color:var(--muted);font-size:.94rem;margin-top:.8rem;transition:opacity 250ms ease}.article-body{font-size:1.075rem;line-height:1.85;margin-top:2.5rem}.article-section{scroll-margin-top:5rem}.article-section+.article-section{margin-top:2.5rem}.article-section h2{font-size:clamp(1.75rem,4vw,2.15rem);line-height:1.18;margin:0 0 1rem}.article-section p{margin:0}.article-section p+p{margin-top:1.25rem}blockquote{border-left:4px solid var(--border);font-size:1.22rem;font-weight:600;line-height:1.65;margin:1.8rem 0;padding-left:1.35rem}ul{margin:1.25rem 0 0;padding-left:1.5rem}li+li{margin-top:.7rem}pre{background:var(--code-bg);border:1px solid #1e293b;border-radius:8px;color:var(--code-text);font-size:.9rem;line-height:1.7;margin:1.25rem 0 0;overflow-x:auto;padding:1.25rem}.desktop-sidebar{display:none}.sidebar-card{background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow);padding:1.25rem}.sidebar-card-flat{border:0;box-shadow:none;padding:0}.sidebar-section+.sidebar-section{margin-top:1.55rem}.sidebar-section h2{font-family:Inter,sans-serif;font-size:.78rem;font-weight:800;letter-spacing:.16em;margin:0;text-transform:uppercase}.author{align-items:center;display:flex;gap:1rem;margin-top:1rem}.author img{border-radius:999px;height:3.5rem;object-fit:cover;width:3.5rem;transition:transform 300ms cubic-bezier(0.34,1.56,0.64,1),box-shadow 300ms ease}.author img:hover{transform:scale(1.15) rotate(-3deg);box-shadow:0 8px 16px rgb(15 23 42 / .12)}.author-name{font-weight:800;margin:0}.muted{color:var(--muted);font-size:.9rem;margin:.2rem 0 0}.toc{list-style:none;margin:.75rem 0 0;padding:0}.toc a{border:1px solid transparent;border-radius:8px;color:var(--muted);display:block;font-size:.92rem;padding:.65rem .75rem;text-decoration:none;transition:border-color 200ms ease,background-color 200ms ease,color 200ms ease}.toc a:hover,.toc a.is-active{border-color:var(--accent);background-color:var(--accent-soft);color:var(--accent)}.tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.85rem}.tags span{background:var(--surface-solid);border:1px solid var(--border);border-radius:999px;cursor:pointer;font-size:.78rem;font-weight:700;padding:.4rem .65rem;transition:border-color 200ms ease,background-color 200ms ease,color 200ms ease}.tags span:hover{border-color:var(--accent);background-color:var(--accent-soft);color:var(--accent)}.links{display:grid;gap:.55rem;margin-top:.85rem}.links a{color:var(--muted);font-size:.92rem;text-decoration:none}.links a:hover{color:var(--accent)}.sidebar-backdrop{background:rgb(2 6 23 / .45);backdrop-filter:blur(5px);inset:0;opacity:0;pointer-events:none;position:fixed;transition:opacity 260ms ease;z-index:40}.mobile-sidebar{background:var(--surface-solid);border-right:1px solid var(--border);bottom:0;box-shadow:var(--shadow);left:0;max-width:88vw;overflow-y:auto;padding:1.25rem;position:fixed;top:0;transform:translateX(-100%);transition:transform 700ms cubic-bezier(0.16,1,0.3,1);width:22rem;z-index:50}body.is-sidebar-open .sidebar-backdrop{opacity:1;pointer-events:auto}body.is-sidebar-open .mobile-sidebar{transform:translateX(0)}.drawer-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.drawer-header p{font-size:.82rem;font-weight:800;letter-spacing:.16em;margin:0;text-transform:uppercase}.site-footer{border-top:1px solid var(--border);color:var(--muted);font-size:.92rem;margin:0 auto;max-width:80rem;padding:2rem 1.25rem}@media(min-width:720px){.site-header,.layout,.site-footer{padding-left:2rem;padding-right:2rem}}@media(min-width:1024px){.sidebar-trigger{display:none}.mobile-sidebar,.sidebar-backdrop{display:none}.layout{gap:4rem;grid-template-columns:280px minmax(0,780px);padding-bottom:3.5rem;padding-top:3.5rem}.article{grid-column:2}.desktop-sidebar{display:block;grid-column:1;grid-row:1}.desktop-sidebar .sidebar-card{position:sticky;top:2rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.cover img,.button{transition:none}}