:root{--font-sans:"DM Sans", system-ui, -apple-system, sans-serif;--font-serif:"Merriweather", Georgia, serif;--bg:#f9f6f1;--bg-secondary:#f5f1ea;--bg-elevated:#ffffff;--text:#2c2520;--text-secondary:#4a423c;--text-muted:#7a736a;--text-subtle:#a39b91;--border:#e5ddd3;--border-subtle:#d8d0c6;--border-light:#ebe6e0;--accent:#2d5a40;--accent-soft:#3d7a54;--accent-hover:#1e4635;--accent-bg:rgba(45, 90, 64, 0.08);--accent-border:rgba(45, 90, 64, 0.18);--code-bg:#f0ebe5;--quote-bg:#f5f1ea;--toc-bg:#f5f1ea;--spacing-unit:0.25rem;--space-xs:calc(var(--spacing-unit) * 2);--space-sm:calc(var(--spacing-unit) * 4);--space-md:calc(var(--spacing-unit) * 8);--space-lg:calc(var(--spacing-unit) * 14);--space-xl:calc(var(--spacing-unit) * 20);--space-2xl:calc(var(--spacing-unit) * 32);--radius-sm:3px;--radius-md:6px;--radius-lg:8px;--transition-fast:0.18s ease;--transition-smooth:0.28s ease}[data-theme=dark]{--bg:#1a1917;--bg-secondary:#1e1b18;--bg-elevated:#25211e;--text:#e8e4de;--text-secondary:#d6d2ca;--text-muted:#8c8680;--text-subtle:#5a5651;--border:#3a342e;--border-subtle:#2f2a25;--border-light:#25211e;--accent:#4d9a64;--accent-soft:#5daa74;--accent-hover:#3d7a54;--accent-bg:rgba(77, 154, 100, 0.1);--accent-border:rgba(77, 154, 100, 0.22);--code-bg:#1c1916;--quote-bg:#1e1b18;--toc-bg:#1e1b18}*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-sans);font-size:clamp(16.5px,1.6vw,18px);line-height:1.85;background:var(--bg);color:var(--text);font-feature-settings:"kern","liga","ss01","calt";font-synthesis:none;overflow-wrap:break-word;overflow-wrap:anywhere;letter-spacing:-.006em}a{color:var(--text);text-decoration:none;text-underline-offset:.28em;text-decoration-thickness:1px;text-decoration-color:var(--border-light);transition:color var(--transition-fast),text-decoration-color var(--transition-fast),text-decoration-thickness var(--transition-fast);position:relative}a:hover{color:var(--accent-soft);text-decoration-color:var(--accent-border);text-decoration-thickness:1.5px}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:2px}::selection{background:var(--accent);color:#fff}.page-content{min-height:100vh;display:flex;flex-direction:column}.w{width:100%;max-width:680px;margin:0 auto;padding:clamp(4.5rem,11vw,6.5rem)clamp(2.25rem,6vw,3rem)}h1,h2,h3,h4,h5,h6{font-family:var(--font-serif);font-weight:700;line-height:1.28;margin-top:2.8rem;margin-bottom:1.15rem;color:var(--text);letter-spacing:-.02em;text-wrap:balance}h1{font-size:clamp(2.45rem,6.2vw,3.1rem);margin-top:0;margin-bottom:1.1rem;letter-spacing:-.028em;line-height:1.16;color:var(--text-secondary);font-weight:800}h2{font-size:clamp(1.7rem,4.6vw,2.1rem);margin-top:4.85rem;margin-bottom:1.45rem;letter-spacing:-.022em;padding-top:1.1rem;border-top:1px solid var(--border-subtle);font-weight:750}h3{font-size:clamp(1.42rem,3.6vw,1.68rem);margin-top:3.35rem;font-weight:700;letter-spacing:-.018em;color:var(--text-secondary)}h4{font-size:clamp(1.2rem,2.9vw,1.35rem);font-weight:600;letter-spacing:-.012em;color:var(--text-secondary);margin-top:2.85rem}h5{font-size:clamp(1.07rem,2.5vw,1.16rem);font-weight:600;letter-spacing:-.009em;color:var(--text);margin-top:2.6rem}h6{font-size:.85rem;text-transform:uppercase;letter-spacing:.09em;font-weight:600;color:var(--text-muted);margin-top:2.3rem;margin-bottom:.85rem}p{margin-bottom:2.1rem;max-width:68ch;color:var(--text-secondary)}p a,li a{background-image:linear-gradient( to right,var(--accent-border) 0%,var(--accent-border) 100% );background-repeat:no-repeat;background-size:0% 1px;background-position:0 100%;transition:background-size var(--transition-smooth)}p a:hover,li a:hover{background-size:100% 1px}header{margin-bottom:clamp(4rem,10vw,5.25rem);padding-bottom:3.25rem;border-bottom:1px solid var(--border-subtle)}header h1{margin-top:0;margin-bottom:.8rem;color:var(--text);font-size:clamp(2.55rem,6.4vw,3.3rem);letter-spacing:-.03em;font-weight:800}header p{color:var(--text-muted);font-size:1.1rem;margin-bottom:0;line-height:1.65;letter-spacing:-.003em;max-width:56ch}.post-meta{display:flex;align-items:center;gap:2.15rem;margin-bottom:2.85rem;padding:1.45rem 1.85rem;background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-subtle);font-size:.9rem;box-shadow:0 1px 2px rgba(0,0,0,2%)}.post-meta time{font-family:var(--font-sans);font-weight:500;letter-spacing:.01em;color:var(--text-muted);font-feature-settings:"tnum"}article{margin-bottom:6.75rem}ul,ol{padding-left:1.8rem;margin-bottom:2.1rem}ul ul,ol ol,ul ol,ol ul{margin-bottom:0;margin-top:1.05rem;padding-left:1.55rem}li{margin-bottom:.65rem;line-height:1.78;color:var(--text-secondary)}ul li::marker{color:var(--accent);font-size:.8em}ol li::marker{color:var(--text-muted);font-weight:500;font-feature-settings:"tnum","zero";font-size:.87em}.post-list-date{display:inline-block;font-family:var(--font-sans);font-size:.87rem;font-weight:500;color:var(--text-muted);font-feature-settings:"tnum";margin-right:1.15rem;letter-spacing:.01em}pre{background:var(--code-bg);border:1px solid var(--border);border-radius:var(--radius-md);padding:1.65rem 1.95rem;overflow-x:auto;margin:2.85rem 0;font-size:.9rem;line-height:1.72;box-shadow:0 1px 3px rgba(0,0,0,.035)}code{font-family:var(--font-sans),monospace;font-size:.85em;background:var(--code-bg);padding:.22em .55em;border-radius:var(--radius-sm);overflow-wrap:break-word;font-weight:400;letter-spacing:-.006em;color:var(--text);border:1px solid var(--border-subtle)}pre code{background:0 0;padding:0;border-radius:0;border:none;font-size:inherit;line-height:inherit;color:var(--text)}code.has-jax{background:0 0;padding:0;border:none}blockquote{margin:2.85rem 0;padding:1.9rem 0 1.9rem 2.2rem;border-left:3px solid var(--accent);background:var(--quote-bg);color:var(--text-secondary);font-style:italic;line-height:1.82;font-size:1.08em;font-family:var(--font-serif);border-radius:0 var(--radius-md)var(--radius-md)0;hanging-punctuation:first allow-end;box-shadow:0 1px 2px rgba(0,0,0,2%)}blockquote p{margin-bottom:0;color:var(--text)}blockquote p+p{margin-top:1.1rem}table{width:100%;border-collapse:collapse;margin:2.85rem 0;font-size:.95rem;border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.035)}th,td{padding:1.02rem 1.28rem;text-align:left;border-bottom:1px solid var(--border-subtle)}th{font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.072em;color:var(--text-muted);background:var(--bg-elevated);border-bottom:2px solid var(--border-subtle)}tr:last-child td{border-bottom:none}tr:hover td{background:var(--bg-secondary)}.site-footer{margin-top:auto;padding-top:5.25rem;padding-bottom:3.75rem;border-top:1px solid var(--border-subtle);color:var(--text-muted);font-size:.9rem;text-align:center}.site-footer p{margin:0;max-width:none;color:var(--text-muted)}.site-footer a{color:var(--text-muted);text-decoration-color:var(--border-light)}.site-footer a:hover{color:var(--accent);text-decoration-color:var(--accent-border)}hr{border:none;border-top:1px solid var(--border-subtle);margin:5.85rem 0;position:relative;height:0}hr::before{content:"";position:absolute;left:50%;transform:translateX(-50%);top:-1px;width:4.5rem;height:2px;background:var(--accent);border-radius:2px}img{max-width:100%;height:auto;display:block;margin:3rem 0;border-radius:var(--radius-md);box-shadow:0 2px 10px rgba(0,0,0,7%)}img.ioda[data-theme=dark]{filter:invert(1);border-radius:0;box-shadow:none}figcaption{margin-top:.85rem;margin-bottom:2.45rem;font-size:.9rem;color:var(--text-muted);text-align:center;line-height:1.58;font-style:italic;font-family:var(--font-serif);max-width:65ch;margin-left:auto;margin-right:auto}details{margin:2.45rem 0;padding:1.65rem 1.9rem;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-secondary);box-shadow:0 1px 2px rgba(0,0,0,2%)}summary{cursor:pointer;font-weight:600;font-size:.98em;color:var(--text);user-select:none;list-style:none;padding:.35rem 0;transition:color var(--transition-fast)}summary:hover{color:var(--accent-soft)}summary::-webkit-details-marker{display:none}summary::after{content:"+";display:inline-block;width:1.75rem;text-align:center;font-weight:700;margin-left:.75rem;color:var(--accent);font-size:1.15em;line-height:1;transition:transform var(--transition-fast)}details[open] summary{border-bottom:1px solid var(--border-subtle);padding-bottom:1rem;margin-bottom:1.25rem}details[open] summary::after{content:"-";transform:rotate(180deg)}.toc{margin:2.45rem 0 3.35rem;padding:1.9rem 2.2rem;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--toc-bg);box-shadow:0 1px 3px rgba(0,0,0,.028)}.toc ul{padding-left:0;margin-bottom:0}.toc li{margin-bottom:.65rem;line-height:1.65;color:var(--text-muted)}.toc ul li::marker{content:none}.toc a{color:var(--text-muted);font-size:.95rem;font-weight:500;text-decoration:none;transition:color var(--transition-fast)}.toc a:hover{color:var(--accent)}@media(max-width:768px){.w{padding:3.25rem 1.9rem}h1{font-size:clamp(2.1rem,7vw,2.65rem)}h2{font-size:clamp(1.58rem,5.4vw,1.85rem);margin-top:3.55rem}h3{font-size:clamp(1.33rem,4.6vw,1.5rem);margin-top:2.85rem}h4{font-size:clamp(1.16rem,3.8vw,1.25rem)}p{font-size:1rem}.post-meta{flex-direction:row;padding:1.2rem 1.5rem;gap:1.55rem}.toc{padding:1.5rem 1.75rem}blockquote{padding:1.5rem 0 1.5rem 1.85rem;margin:2.3rem 0}pre{padding:1.3rem 1.5rem;margin:2.3rem 0}hr{margin:4.25rem 0}table{font-size:.9rem}th,td{padding:.88rem 1.02rem}header{margin-bottom:3.35rem;padding-bottom:2.2rem}}@media(max-width:480px){.w{padding:2.3rem 1.3rem}header{margin-bottom:2.95rem;padding-bottom:1.95rem}header h1{font-size:2rem;margin-bottom:.55rem}header p{font-size:1rem}h1{font-size:1.95rem;margin-bottom:.9rem}h2{font-size:1.5rem;margin-top:2.8rem}h3{font-size:1.3rem;margin-top:2.45rem}.post-meta{flex-direction:column;align-items:flex-start;gap:.45rem;margin-bottom:2.3rem;padding:1.1rem 1.35rem}blockquote{padding:1.2rem 0 1.2rem 1.4rem;margin:1.95rem 0;font-size:1.05em}pre{padding:1.15rem 1.25rem;margin:1.95rem 0}th,td{padding:.75rem .88rem}.toc{padding:1.2rem 1.4rem}hr{margin:3.85rem 0}hr::before{width:3.1rem}img{margin:2.2rem 0;border-radius:var(--radius-sm)}figcaption{font-size:.87rem}details{padding:1.3rem 1.5rem}summary::after{width:1.5rem;font-size:1.05em}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms;animation-iteration-count:1;transition-duration:.01ms}html{scroll-behavior:auto}a,summary,summary::after{transition:none}}