:root{--surface:oklch(0.985 0.003 255);--surface-alt:oklch(0.96 0.004 255);--surface-card:oklch(0.975 0.002 255);--surface-raised:oklch(0.995 0.001 255);--text-primary:oklch(0.13 0.005 258);--text-secondary:oklch(0.38 0.01 258);--text-tertiary:oklch(0.55 0.008 258);--text-on-primary:oklch(0.98 0.001 255);--brand:oklch(0.48 0.18 262);--brand-hover:oklch(0.43 0.18 263);--brand-muted:oklch(0.82 0.06 262);--brand-surface:oklch(0.94 0.04 262);--accent:oklch(0.68 0.15 175);--accent-hover:oklch(0.62 0.16 175);--accent-muted:oklch(0.88 0.06 175);--accent-surface:oklch(0.95 0.04 175);--success:oklch(0.58 0.15 155);--warning:oklch(0.72 0.16 85);--error:oklch(0.52 0.18 22);--border:oklch(0.88 0.006 258);--border-subtle:oklch(0.92 0.003 258);--border-focus:oklch(0.55 0.15 262);--font-sans:"DM Sans", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "Cascadia Code", monospace;--font-editorial:"Newsreader", Georgia, "Times New Roman", serif;--text-xs:clamp(0.7rem, 1.5vw, 0.8rem);--text-sm:clamp(0.8rem, 1.5vw, 0.88rem);--text-base:clamp(0.95rem, 2vw, 1.05rem);--text-lg:clamp(1.05rem, 2vw, 1.2rem);--text-xl:clamp(1.2rem, 2.5vw, 1.5rem);--text-2xl:clamp(1.6rem, 3.5vw, 2rem);--text-3xl:clamp(2rem, 5vw, 3rem);--text-4xl:clamp(2.5rem, 6vw, 4rem);--body-max-width:68ch;--line-height-tight:1.08;--line-height-snug:1.2;--line-height-normal:1.6;--line-height-relaxed:1.75;--letter-spacing-tight:-0.03em;--letter-spacing-normal:-0.01em;--letter-spacing-wide:0.02em;--letter-spacing-mono:0;--space-xs:clamp(0.25rem, 0.5vw, 0.5rem);--space-sm:clamp(0.5rem, 1vw, 0.75rem);--space-md:clamp(0.75rem, 1.5vw, 1.25rem);--space-lg:clamp(1rem, 2.5vw, 2rem);--space-xl:clamp(1.5rem, 4vw, 3rem);--space-2xl:clamp(2rem, 6vw, 5rem);--space-3xl:clamp(3rem, 8vw, 8rem);--container:1200px;--container-narrow:780px;--container-wide:1400px;--radius-sm:4px;--radius-md:8px;--radius-lg:14px;--radius-xl:20px;--radius-full:9999px;--shadow-sm:0 1px 2px oklch(0 0 0 / 0.04);--shadow-md:0 2px 8px oklch(0 0 0 / 0.06);--shadow-lg:0 4px 20px oklch(0 0 0 / 0.08);--shadow-focus:0 0 0 3px oklch(0.55 0.15 262 / 0.25);--z-header:100;--z-toc:200;--z-overlay:300;--z-modal:400;--z-progress:500;--ease-out-cubic:cubic-bezier(0.33, 1, 0.68, 1);--ease-out-quart:cubic-bezier(0.25, 1, 0.5, 1);--ease-out-expo:cubic-bezier(0.16, 1, 0.3, 1);--ease-in-out:cubic-bezier(0.65, 0, 0.35, 1);--duration-fast:150ms;--duration-base:250ms;--duration-slow:400ms;--duration-reveal:700ms;--dark-surface:oklch(0.14 0.012 260);--dark-surface-alt:oklch(0.18 0.01 262);--dark-surface-card:oklch(0.16 0.01 260);--dark-text-primary:oklch(0.93 0.002 255);--dark-text-secondary:oklch(0.7 0.006 255);--dark-text-tertiary:oklch(0.5 0.005 255);--dark-border:oklch(0.25 0.01 260);--dark-border-subtle:oklch(0.2 0.008 260)}*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--line-height-normal);color:var(--text-primary);background:var(--surface);letter-spacing:var(--letter-spacing-normal);min-height:100vh}img,svg,video{display:block;max-width:100%;height:auto}a{color:var(--brand);text-decoration:none;transition:color var(--duration-fast)var(--ease-out-cubic)}a:hover{color:var(--brand-hover)}ul,ol{list-style:none}table{border-collapse:collapse;width:100%}button{cursor:pointer;font:inherit;color:inherit;border:none;background:0 0}::selection{background:var(--brand-muted);color:var(--text-primary)}:focus-visible{outline:3px solid var(--brand);outline-offset:2px}:focus:not(:focus-visible){outline:none}.skip-to-content{position:absolute;top:-100%;left:var(--space-md);z-index:var(--z-modal);padding:var(--space-sm)var(--space-md);background:var(--brand);color:var(--text-on-primary);border-radius:var(--radius-sm);font-weight:600;font-size:var(--text-sm);transition:top var(--duration-fast)var(--ease-out-cubic)}.skip-to-content:focus{top:var(--space-sm)}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--surface-alt)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.reading-progress{position:fixed;top:0;left:0;width:0;height:3px;background:linear-gradient(to right,var(--brand),var(--accent));z-index:var(--z-progress);transition:width 100ms linear}.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:var(--space-md)}.container--narrow{max-width:var(--container-narrow)}.container--wide{max-width:var(--container-wide)}.site-header{position:sticky;top:0;z-index:var(--z-header);background:var(--surface);border-bottom:1px solid transparent;transition:border-color var(--duration-base)var(--ease-out-cubic),background var(--duration-base)var(--ease-out-cubic)}.site-header.scrolled{border-bottom-color:var(--border-subtle);background:oklch(.985 .003 255/.92);backdrop-filter:blur(12px)}.header-inner{display:flex;align-items:center;justify-content:space-between;height:clamp(48px,6vw,64px);max-width:var(--container-wide);margin-inline:auto;padding-inline:var(--space-md)}.site-branding{flex-shrink:0}.site-logo{display:flex;align-items:center;gap:10px;color:var(--text-primary);text-decoration:none}.logo-mark{display:flex;align-items:center;justify-content:center;width:34px;height:34px;background:var(--brand);color:var(--text-on-primary);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:16px;font-weight:700;line-height:1;letter-spacing:-1px}.logo-text{font-family:var(--font-sans);font-size:var(--text-lg);font-weight:700;letter-spacing:var(--letter-spacing-tight)}.primary-nav{display:flex;align-items:center}.nav-list{display:flex;align-items:center;gap:2px}.nav-item{position:relative}.nav-link{display:block;padding:var(--space-xs)var(--space-sm);font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);border-radius:var(--radius-sm);transition:color var(--duration-fast)var(--ease-out-cubic),background var(--duration-fast)var(--ease-out-cubic)}.nav-link:hover,.nav-item.active .nav-link{color:var(--text-primary);background:var(--surface-alt)}.theme-toggle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-full);color:var(--text-secondary);transition:color var(--duration-fast)var(--ease-out-cubic),background var(--duration-fast)var(--ease-out-cubic)}.theme-toggle:hover{color:var(--text-primary);background:var(--surface-alt)}.theme-toggle-icon{display:block;width:18px;height:18px;border-radius:50%;border:2px solid;position:relative;transition:all var(--duration-base)var(--ease-out-cubic)}.theme-toggle-icon::after{content:"";position:absolute;top:50%;left:50%;width:40%;height:40%;background:currentColor;border-radius:50%;transform:translate(-50%,-50%);transition:transform var(--duration-base)var(--ease-out-cubic)}[data-theme=dark] .theme-toggle-icon::after{transform:translate(60%,-60%)scale(0)}[data-theme=dark] .theme-toggle-icon{border:none;background:currentColor;box-shadow:inset -4px -4px 0 0 var(--surface),inset 2px 2px currentColor;transform:scale(.8)}.menu-toggle{display:none;flex-direction:column;gap:5px;padding:var(--space-xs);z-index:var(--z-overlay)}.menu-toggle-bar{display:block;width:22px;height:2px;background:var(--text-primary);border-radius:var(--radius-full);transition:transform var(--duration-base)var(--ease-out-cubic),opacity var(--duration-fast)var(--ease-out-cubic)}.menu-toggle[aria-expanded=true] .menu-toggle-bar:nth-child(1){transform:translateY(7px)rotate(45deg)}.menu-toggle[aria-expanded=true] .menu-toggle-bar:nth-child(2){opacity:0}.menu-toggle[aria-expanded=true] .menu-toggle-bar:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.nav-item-mobile-only{display:none}@media(max-width:768px){.menu-toggle{display:flex}.nav-item-mobile-only{display:block}.theme-toggle-desktop{display:none}.primary-nav{position:fixed;top:0;right:0;width:min(320px,85vw);height:100dvh;background:var(--surface);border-left:1px solid var(--border-subtle);padding:var(--space-xl)var(--space-lg);transform:translateX(100%);transition:transform var(--duration-base)var(--ease-out-expo);box-shadow:var(--shadow-lg);z-index:var(--z-overlay);flex-direction:column;align-items:stretch}.primary-nav.is-open{transform:translateX(0)}.nav-list{flex-direction:column;align-items:stretch;gap:var(--space-xs)}.nav-link{font-size:var(--text-base);padding:var(--space-sm);border-radius:var(--radius-md)}.menu-overlay{position:fixed;inset:0;background:oklch(0 0 0/.3);z-index:calc(var(--z-overlay) - 1);opacity:0;visibility:hidden;transition:opacity var(--duration-base)var(--ease-out-cubic),visibility var(--duration-base)}.menu-overlay.is-open{opacity:1;visibility:visible}}.hero{padding:var(--space-3xl)0 var(--space-2xl)}.hero-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:var(--space-2xl);align-items:center}.hero-content{display:flex;flex-direction:column;gap:var(--space-lg)}.hero-label{display:inline-flex;align-items:center;gap:var(--space-xs);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;color:var(--accent);text-transform:uppercase;letter-spacing:.08em}.hero-label::before{content:"";display:block;width:24px;height:1px;background:var(--accent)}.hero-title{font-family:var(--font-sans);font-size:var(--text-4xl);font-weight:800;line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight);color:var(--text-primary);max-width:20ch}.hero-title mark{background:0 0;color:var(--brand);position:relative}.hero-title mark::after{content:"";position:absolute;bottom:2px;left:0;right:0;height:6px;background:var(--brand-muted);border-radius:var(--radius-full);z-index:-1;opacity:.5}.hero-subtitle{font-size:var(--text-lg);color:var(--text-secondary);max-width:42ch;line-height:var(--line-height-relaxed)}.hero-actions{display:flex;align-items:center;gap:var(--space-md);flex-wrap:wrap}.hero-featured{position:relative;border-radius:var(--radius-lg);overflow:hidden;aspect-ratio:4/3;background:var(--surface-alt)}.hero-featured-image{width:100%;height:100%;object-fit:cover}.hero-featured-overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:var(--space-lg);background:linear-gradient(to top,oklch(0 0 0/.7) 0%,transparent 60%);color:#fff}.hero-featured-label{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-xs);opacity:.85}.hero-featured-title{font-size:var(--text-xl);font-weight:700;line-height:var(--line-height-snug)}@media(max-width:768px){.hero-grid{grid-template-columns:1fr;gap:var(--space-xl)}.hero{padding:var(--space-2xl)0 var(--space-xl)}.hero-title{max-width:100%}}.btn{display:inline-flex;align-items:center;gap:var(--space-xs);padding:12px 24px;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:600;line-height:1;border-radius:var(--radius-md);transition:all var(--duration-fast)var(--ease-out-cubic);letter-spacing:var(--letter-spacing-normal);position:relative;overflow:hidden}.btn--primary{background:var(--brand);color:var(--text-on-primary)}.btn--primary:hover{background:var(--brand-hover);color:var(--text-on-primary);transform:translateY(-1px);box-shadow:0 4px 16px oklch(.48 .18 262/.3)}.btn--ghost{color:var(--text-primary);background:var(--surface-alt)}.btn--ghost:hover{background:var(--border);color:var(--text-primary)}.btn--outline{color:var(--text-primary);border:1px solid var(--border);background:0 0}.btn--outline:hover{border-color:var(--text-tertiary);background:var(--surface-alt)}.home-categories{padding:var(--space-xl)0;border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle)}.category-nav{display:flex;align-items:center;gap:var(--space-xs);overflow-x:auto;scrollbar-width:none;padding:var(--space-xs)0}.category-nav::-webkit-scrollbar{display:none}.category-nav-link{flex-shrink:0;display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs)var(--space-md);font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);border-radius:var(--radius-full);transition:all var(--duration-fast)var(--ease-out-cubic);border:1px solid transparent}.category-nav-link:hover{color:var(--text-primary);background:var(--surface-alt)}.category-nav-link.active{color:var(--brand);background:var(--brand-surface);border-color:var(--brand-muted);font-weight:600}.category-nav-icon{font-family:var(--font-mono);font-size:var(--text-xs);opacity:.7}.section-heading{font-family:var(--font-editorial);font-size:var(--text-2xl);font-weight:600;font-style:italic;color:var(--text-primary);margin-bottom:var(--space-lg);letter-spacing:var(--letter-spacing-tight)}.home-recent{padding:var(--space-2xl)0 var(--space-3xl)}.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md)}.post-card--featured{grid-column:1/span 2;grid-row:1/span 2}.post-card--featured .post-card-link{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg)}.post-card--featured .post-card-image-wrapper{height:100%;min-height:280px}.post-card--featured .post-card-title{font-size:var(--text-2xl)}.post-card--wide{grid-column:span 2}.post-card--wide .post-card-link{display:grid;grid-template-columns:1fr 2fr;gap:var(--space-md)}.post-card--wide .post-card-image-wrapper{min-height:160px}.post-card--tall{grid-row:span 2}.post-card--tall .post-card-image-wrapper{min-height:300px}@media(max-width:768px){.post-grid{grid-template-columns:1fr}.post-card--featured,.post-card--wide,.post-card--tall{grid-column:span 1;grid-row:span 1}.post-card--featured .post-card-link,.post-card--wide .post-card-link{grid-template-columns:1fr}}.post-card{border-radius:var(--radius-lg);overflow:hidden;transition:transform var(--duration-base)var(--ease-out-cubic),box-shadow var(--duration-base)var(--ease-out-cubic)}.post-card:hover{transform:translateY(-3px)}.post-card-link{display:flex;flex-direction:column;height:100%;border-radius:var(--radius-lg);background:var(--surface-card);border:1px solid var(--border-subtle);overflow:hidden;transition:border-color var(--duration-base)var(--ease-out-cubic),box-shadow var(--duration-base)var(--ease-out-cubic)}.post-card-link:hover{border-color:var(--border);box-shadow:var(--shadow-lg)}.post-card-image-wrapper{overflow:hidden;background:var(--surface-alt);min-height:180px;position:relative}.post-card-image{width:100%;height:100%;object-fit:cover;transition:transform var(--duration-slow)var(--ease-out-expo)}.post-card-link:hover .post-card-image{transform:scale(1.04)}.post-card-content{display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-md);flex:1}.post-card-badge{align-self:flex-start;display:inline-block;padding:2px 10px;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:500;color:var(--text-secondary);background:var(--surface-alt);border-radius:var(--radius-sm);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase}.post-card-title{font-size:var(--text-base);font-weight:700;line-height:var(--line-height-snug);color:var(--text-primary);letter-spacing:var(--letter-spacing-tight);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.post-card-excerpt{font-size:var(--text-sm);color:var(--text-tertiary);line-height:var(--line-height-relaxed);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:1}.post-card-meta{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--text-xs);color:var(--text-tertiary);font-family:var(--font-mono)}.post-card-sep{color:var(--border)}.pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-md);padding:var(--space-xl)0}.pagination-btn{padding:var(--space-sm)var(--space-lg);font-size:var(--text-sm);font-weight:600;color:var(--text-secondary);background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:all var(--duration-fast)var(--ease-out-cubic)}.pagination-btn:hover{color:var(--text-primary);border-color:var(--border);box-shadow:var(--shadow-sm)}.pagination-info{font-size:var(--text-sm);color:var(--text-tertiary);font-family:var(--font-mono)}.list-page{padding:var(--space-2xl)0}.list-header{margin-bottom:var(--space-xl)}.list-title{font-family:var(--font-editorial);font-size:var(--text-3xl);font-weight:600;font-style:italic;line-height:var(--line-height-tight);color:var(--text-primary);letter-spacing:var(--letter-spacing-tight)}.list-description{font-size:var(--text-lg);color:var(--text-secondary);margin-top:var(--space-sm);max-width:55ch}.article-page{padding:var(--space-2xl)0 var(--space-3xl)}.article-layout{max-width:var(--container-narrow);margin-inline:auto;padding-inline:var(--space-md)}.article-header{margin-bottom:var(--space-xl)}.article-type-badge{display:inline-block;padding:3px 12px;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;color:var(--accent);background:var(--accent-surface);border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-md)}.article-title{font-family:var(--font-editorial);font-size:var(--text-3xl);font-weight:700;line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight);color:var(--text-primary)}.article-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-xs);margin-top:var(--space-md);font-size:var(--text-sm);color:var(--text-tertiary);font-family:var(--font-mono)}.article-meta-updated{color:var(--warning)}.article-meta-sep{color:var(--border)}.article-content{font-size:var(--text-base);line-height:var(--line-height-relaxed)}.article-content>*{max-width:var(--body-max-width)}.article-content h1{font-family:var(--font-editorial);font-size:var(--text-3xl);font-weight:700;line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight);margin:var(--space-xl)0 var(--space-md);color:var(--text-primary)}.article-content h2{font-family:var(--font-editorial);font-size:var(--text-2xl);font-weight:600;font-style:italic;line-height:var(--line-height-snug);letter-spacing:var(--letter-spacing-tight);margin:var(--space-xl)0 var(--space-sm);padding-top:var(--space-md);color:var(--text-primary);border-top:1px solid var(--border-subtle)}.article-content h2:first-of-type{border-top:none;padding-top:0}.article-content h3{font-family:var(--font-sans);font-size:var(--text-xl);font-weight:600;line-height:var(--line-height-snug);letter-spacing:var(--letter-spacing-tight);margin:var(--space-lg)0 var(--space-sm);color:var(--text-primary)}.article-content p{margin:var(--space-md)0}.article-content a{color:var(--brand);font-weight:500;text-decoration:underline;text-decoration-color:var(--brand-muted);text-underline-offset:3px;transition:text-decoration-color var(--duration-fast)var(--ease-out-cubic)}.article-content a:hover{text-decoration-color:var(--brand)}.article-content strong{font-weight:700;color:var(--text-primary)}.article-content em{font-family:var(--font-editorial);font-style:italic}.article-content ul,.article-content ol{padding-left:1.5em;margin:var(--space-md)0}.article-content ul{list-style:disc}.article-content ol{list-style:decimal}.article-content li{margin:var(--space-xs)0;padding-left:var(--space-xs)}.article-content li::marker{color:var(--brand)}.article-content blockquote{margin:var(--space-lg)0;padding:var(--space-md)var(--space-lg);border-left:3px solid var(--brand);background:var(--brand-surface);border-radius:0 var(--radius-md)var(--radius-md)0;font-family:var(--font-editorial);font-size:var(--text-lg);font-style:italic;color:var(--text-secondary);line-height:var(--line-height-relaxed)}.article-content blockquote p{margin:0}.article-content code{font-family:var(--font-mono);font-size:.88em;padding:2px 6px;background:var(--surface-alt);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--brand)}.article-content pre{margin:var(--space-lg)0;padding:var(--space-md);background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--radius-md);overflow-x:auto}.article-content pre code{padding:0;background:0 0;border:none;color:var(--text-primary);font-size:var(--text-sm);line-height:1.7}.article-content table{margin:var(--space-lg)0;font-size:var(--text-sm)}.article-content th{padding:var(--space-sm);text-align:left;font-weight:600;background:var(--surface-alt);border-bottom:2px solid var(--border);font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary)}.article-content td{padding:var(--space-sm);border-bottom:1px solid var(--border-subtle)}.article-content figure{margin:var(--space-xl)0}.article-content figure img{border-radius:var(--radius-lg);border:1px solid var(--border-subtle)}.article-content figcaption{font-size:var(--text-sm);color:var(--text-tertiary);text-align:center;margin-top:var(--space-xs)}.article-content hr{margin:var(--space-xl)0;border:none;height:1px;background:var(--border-subtle)}.article-content .key-takeaway,.article-content blockquote:has(strong:first-child){margin:var(--space-lg)0;padding:var(--space-lg);background:var(--accent-surface);border:1px solid var(--accent-muted);border-radius:var(--radius-lg);font-family:var(--font-sans);font-style:normal;border-left:none}.article-content .key-takeaway strong:first-child,.article-content blockquote:has(strong:first-child) strong:first-child{display:block;font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--accent);margin-bottom:var(--space-xs)}.article-content .verdict{margin:var(--space-xl)0;padding:var(--space-lg);background:var(--brand-surface);border:1px solid var(--brand-muted);border-radius:var(--radius-lg)}.article-content .verdict strong:first-child{display:block;font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--brand);margin-bottom:var(--space-xs)}.toc{margin-bottom:var(--space-xl);padding:var(--space-md);background:var(--surface-alt);border:1px solid var(--border-subtle);border-radius:var(--radius-lg)}.toc-title{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);margin-bottom:var(--space-sm)}.toc-list{display:flex;flex-direction:column;gap:2px}.toc-item{font-size:var(--text-sm);line-height:1.5}.toc-link{display:block;padding:4px var(--space-sm);color:var(--text-tertiary);border-radius:var(--radius-sm);border-left:2px solid transparent;transition:all var(--duration-fast)var(--ease-out-cubic)}.toc-link:hover{color:var(--text-primary);background:var(--surface-card)}.toc-link.is-active{color:var(--brand);border-left-color:var(--brand);font-weight:600}.toc-indent{padding-left:var(--space-lg)}.toc-list #TableOfContents ul{list-style:none;padding-inline-start:var(--space-md)}.toc-list #TableOfContents>ul{padding-inline-start:0}.toc-list #TableOfContents li{margin:2px 0}.toc-list #TableOfContents a{display:block;padding:4px var(--space-sm);font-size:var(--text-sm);color:var(--text-tertiary);border-radius:var(--radius-sm);border-left:2px solid transparent;transition:all var(--duration-fast)var(--ease-out-cubic)}.toc-list #TableOfContents a:hover{color:var(--text-primary);background:var(--surface-card)}.toc-list #TableOfContents a.is-active{color:var(--brand);border-left-color:var(--brand);font-weight:600}.ad-container{margin:var(--space-xl)0;text-align:center;min-height:90px;background:var(--surface-alt);border:1px solid var(--border-subtle);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;position:relative}.ad-container::before{content:"Advertisement";position:absolute;top:6px;left:10px;font-family:var(--font-mono);font-size:.65rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em}.ad-label{font-family:var(--font-mono);font-size:.65rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em}.ad-sidebar{position:sticky;top:calc(clamp(48px,6vw,64px) + var(--space-lg))}.social-share{margin:var(--space-xl)0;padding:var(--space-lg)0;border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle)}.social-share-title{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary);margin-bottom:var(--space-sm)}.social-share-buttons{display:flex;gap:var(--space-xs);flex-wrap:wrap}.social-share-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:all var(--duration-fast)var(--ease-out-cubic)}.social-share-btn:hover{color:var(--text-primary);border-color:var(--border);box-shadow:var(--shadow-sm)}.related-articles{margin:var(--space-xl)0}.related-title{font-family:var(--font-editorial);font-size:var(--text-xl);font-weight:600;font-style:italic;margin-bottom:var(--space-md);color:var(--text-primary)}.related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--space-md)}.breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;font-size:var(--text-sm);font-family:var(--font-mono);color:var(--text-tertiary);margin-bottom:var(--space-md)}.breadcrumbs-list{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-xs)}.breadcrumbs a,.breadcrumbs-link{color:var(--text-secondary)}.breadcrumbs a:hover,.breadcrumbs-link:hover{color:var(--brand)}.breadcrumbs-sep,.breadcrumbs-separator{color:var(--border);user-select:none}.breadcrumbs-item-current{color:var(--text-primary);font-weight:500}.site-footer{padding:var(--space-3xl)0 var(--space-xl);background:var(--surface-alt);border-top:1px solid var(--border-subtle)}.footer-inner{max-width:var(--container-wide);margin-inline:auto;padding-inline:var(--space-md)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:var(--space-2xl);margin-bottom:var(--space-2xl)}.footer-widget-title{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary);margin-bottom:var(--space-md)}.footer-description{font-size:var(--text-sm);color:var(--text-tertiary);line-height:var(--line-height-relaxed);margin-bottom:var(--space-sm);max-width:40ch}.footer-disclaimer{font-size:var(--text-xs);color:var(--text-tertiary);line-height:var(--line-height-relaxed);font-style:italic}.footer-nav-list{display:flex;flex-direction:column;gap:var(--space-xs)}.footer-nav-list a{font-size:var(--text-sm);color:var(--text-secondary);transition:color var(--duration-fast)var(--ease-out-cubic)}.footer-nav-list a:hover{color:var(--text-primary)}.footer-bottom{padding-top:var(--space-lg);border-top:1px solid var(--border-subtle)}.footer-copyright{font-size:var(--text-xs);color:var(--text-tertiary);font-family:var(--font-mono)}@media(max-width:768px){.footer-grid{grid-template-columns:1fr;gap:var(--space-xl)}}.reveal{opacity:0;transform:translateY(24px);transition:opacity var(--duration-reveal)var(--ease-out-expo),transform var(--duration-reveal)var(--ease-out-expo)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal--left{transform:translateX(-24px)}.reveal--left.visible{transform:translateX(0)}.reveal--right{transform:translateX(24px)}.reveal--right.visible{transform:translateX(0)}.reveal--scale{transform:scale(.95)}.reveal--scale.visible{transform:scale(1)}.reveal-delay-1{transition-delay:100ms}.reveal-delay-2{transition-delay:200ms}.reveal-delay-3{transition-delay:300ms}.reveal-delay-4{transition-delay:400ms}.back-to-top{position:fixed;bottom:var(--space-lg);right:var(--space-lg);width:40px;height:40px;background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);opacity:0;visibility:hidden;transform:translateY(10px);transition:all var(--duration-base)var(--ease-out-cubic);box-shadow:var(--shadow-md);z-index:50}.back-to-top.is-visible{opacity:1;visibility:visible;transform:translateY(0)}.back-to-top:hover{color:var(--brand);border-color:var(--brand-muted);box-shadow:var(--shadow-lg)}.back-to-top-icon{font-family:var(--font-mono);font-size:18px;line-height:1}.copy-toast{position:fixed;bottom:var(--space-lg);left:50%;transform:translateX(-50%)translateY(20px);padding:var(--space-sm)var(--space-lg);background:var(--text-primary);color:var(--surface);font-size:var(--text-sm);font-weight:500;border-radius:var(--radius-full);box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transition:all var(--duration-base)var(--ease-out-cubic);z-index:var(--z-modal)}.copy-toast.is-visible{opacity:1;visibility:visible;transform:translateX(-50%)translateY(0)}[data-theme=dark],@media (prefers-color-scheme: dark){ :root:not([data-theme="light"]) { --surface: var(--dark-surface); --surface-alt: var(--dark-surface-alt); --surface-card: var(--dark-surface-card); --surface-raised: oklch(0.2 0.01 260); --text-primary: var(--dark-text-primary); --text-secondary: var(--dark-text-secondary); --text-tertiary: var(--dark-text-tertiary); --border: var(--dark-border); --border-subtle: var(--dark-border-subtle); --shadow-sm: 0 1px 2px oklch(0 0 0 / 0.2); --shadow-md: 0 2px 8px oklch(0 0 0 / 0.3); --shadow-lg: 0 4px 20px oklch(0 0 0 / 0.4); --brand-muted: oklch(0.35 0.08 262); --brand-surface: oklch(0.2 0.04 262); --accent-muted: oklch(0.35 0.08 175); --accent-surface: oklch(0.18 0.04 175); --brand: oklch(0.65 0.15 262); --brand-hover: oklch(0.7 0.14 263); .site-header.scrolled { background: oklch(0.14 0.012 260 / 0.88); } }}@media print{.site-header,.site-footer,.ad-container,.social-share,.related-articles,.back-to-top,.reading-progress,.toc{display:none!important}body{font-size:12pt;line-height:1.6;color:#000;background:#fff}.article-content{max-width:100%}.article-content a::after{content:" (" attr(href)")";font-size:.8em;color:#666}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}