*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-size:18px}body{font-family:var(--font-sans);color:var(--ink);background:var(--paper);min-height:100vh;font-weight:400;line-height:1.65}a{color:inherit;text-underline-offset:2px;text-decoration-thickness:1px}img{max-width:100%;display:block}button{font:inherit;cursor:pointer;background:0 0;border:none}ul,ol{list-style-position:outside}:root{--paper:#f5f0e6;--paper-warm:#fbf7ee;--ink:#2c352e;--ink-light:#55605a;--ink-faint:#8a8a7e;--accent:#375346;--accent-strong:#24413a;--accent-2:#c06b4a;--gold:#b3985f;--border:#e4dcc9;--border-light:#ece5d4;--code-bg:#efe8d8;--code-outline:#e0d7c2;--card-shadow:0 1px 2px #2c352e0a, 0 8px 24px #2c352e0d;--font-serif:"Playfair Display", "Iowan Old Style", Georgia, serif;--font-sans:"Be Vietnam Pro", -apple-system, system-ui, "Segoe UI", Roboto, sans-serif;--max-width:780px;--wide-width:1120px;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:2rem;--space-xl:3rem;--space-2xl:5rem}[data-theme=dark]{--paper:#191e1a;--paper-warm:#222925;--ink:#ece6d8;--ink-light:#b3b3a6;--ink-faint:#7d7d70;--accent:#8fb09e;--accent-strong:#2b463d;--accent-2:#d98a66;--gold:#c3ab77;--border:#333c35;--border-light:#29312b;--code-bg:#222925;--code-outline:#333c35;--card-shadow:0 1px 2px #0003, 0 8px 24px #00000047}h1,h2,h3,h4,h5,h6{font-family:var(--font-serif);letter-spacing:-.005em;color:var(--ink);font-weight:600;line-height:1.15}h1{margin-bottom:var(--space-md);font-size:2.6rem;font-weight:600}h2{margin-top:var(--space-xl);margin-bottom:var(--space-md);font-size:1.9rem;font-weight:600}h3{margin-top:var(--space-lg);margin-bottom:var(--space-sm);font-size:1.35rem;font-weight:600}@media (width<=640px){h1{font-size:2.05rem}h2{font-size:1.55rem}}p{margin-bottom:1.15rem}small,.small{color:var(--ink-light);font-size:.85rem}.eyebrow{text-transform:uppercase;letter-spacing:.16em;color:var(--accent-2);margin-bottom:var(--space-sm);font-size:.72rem;font-weight:600}.lead{color:var(--ink-light);font-size:1.12rem;font-weight:400;line-height:1.7}.page-intro{color:var(--ink-light);font-weight:400;line-height:1.75}.mono{font-family:SF Mono,Fira Code,Fira Mono,Roboto Mono,monospace;font-size:.85em}hr{border:none;border-top:1px solid var(--border);margin:var(--space-xl) 0}code{background:var(--code-bg);outline:1px solid var(--code-outline);border-radius:4px;padding:.15em .4em;font-family:SF Mono,Fira Code,monospace;font-size:.8em}pre{background:var(--code-bg);outline:1px solid var(--code-outline);border-radius:12px;margin:0 0 1.15rem;padding:1.15rem;overflow-x:auto}pre code{background:0 0;outline:none;padding:0;font-size:.78rem;line-height:1.85}.container{max-width:var(--max-width);padding:0 var(--space-md);margin:0 auto}.container.wide{max-width:var(--wide-width)}.page{padding-top:var(--space-xl);padding-bottom:var(--space-2xl);min-height:60vh}.site-header{z-index:50;background:color-mix(in srgb, var(--paper) 88%, transparent);backdrop-filter:saturate(1.2)blur(10px);border-bottom:1px solid var(--border-light);position:sticky;top:0}.site-header .container{justify-content:space-between;align-items:center;padding-top:.7rem;padding-bottom:.7rem;display:flex}.brand{align-items:center;gap:.6rem;text-decoration:none;display:flex}.brand-mark{flex-shrink:0;display:inline-flex}.brand-text{flex-direction:column;line-height:1.1;display:flex}.brand-name{font-family:var(--font-serif);color:var(--ink);letter-spacing:.01em;font-size:1.2rem;font-weight:600}.brand-sub{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-faint);margin-top:.12rem;font-size:.68rem}.site-nav{align-items:center;gap:var(--space-lg);display:flex}.site-nav a{color:var(--ink-light);font-size:.92rem;text-decoration:none;transition:color .2s}.site-nav a:hover,.site-nav a.active{color:var(--accent)}.site-nav a.active{font-weight:600}.nav-lang{border:1px solid var(--border);border-radius:999px;padding:.28rem .8rem!important;font-size:.82rem!important}.theme-toggle{color:var(--ink-faint);font-size:1.05rem;line-height:1;transition:color .2s}.theme-toggle:hover{color:var(--accent)}.nav-toggle{flex-direction:column;gap:5px;padding:8px;display:none}.nav-toggle span{background:var(--ink);border-radius:2px;width:24px;height:2px;transition:transform .25s,opacity .25s}.nav-toggle.open span:first-child{transform:translateY(7px)rotate(45deg)}.nav-toggle.open span:nth-child(2){opacity:0}.nav-toggle.open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}@media (width<=720px){.nav-toggle{display:flex}.site-nav{background:var(--paper-warm);border-bottom:1px solid var(--border);padding:var(--space-sm) var(--space-md) var(--space-md);opacity:0;pointer-events:none;flex-direction:column;align-items:flex-start;gap:0;max-height:0;transition:max-height .28s,opacity .2s;position:absolute;top:100%;left:0;right:0;overflow:hidden}.site-nav.open{opacity:1;pointer-events:auto;max-height:340px}.site-nav a{border-bottom:1px solid var(--border-light);width:100%;padding:.8rem .2rem;font-size:1.05rem}.nav-lang{margin-top:var(--space-sm);border-bottom:none;width:auto!important}.brand-sub{display:none}}.site-footer{margin-top:var(--space-2xl);border-top:1px solid var(--border);padding-top:var(--space-xl);padding-bottom:var(--space-lg)}.footer-grid{gap:var(--space-xl);grid-template-columns:2fr 1fr 1.4fr;display:grid}.footer-brand .brand-name{margin-bottom:var(--space-sm);display:block}.footer-col h4{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.1em;color:var(--ink-faint);margin-bottom:var(--space-sm);font-size:.72rem}.footer-col a{color:var(--ink-light);padding:.28rem 0;font-size:.9rem;text-decoration:none;transition:color .2s;display:block}.footer-col a:hover{color:var(--accent)}.footer-base{margin-top:var(--space-xl);padding-top:var(--space-md);border-top:1px solid var(--border-light);text-align:center}@media (width<=720px){.footer-grid{gap:var(--space-lg);grid-template-columns:1fr}}.page-head{margin-bottom:var(--space-lg)}.page-head h1{margin:0 0 var(--space-sm)}.page-head .page-intro{max-width:52ch}.btn{font-family:var(--font-sans);border-radius:999px;align-items:center;gap:.5rem;padding:.8rem 1.5rem;font-size:.95rem;font-weight:500;text-decoration:none;transition:transform .15s,background .2s,color .2s,border-color .2s;display:inline-flex}.btn-primary{background:var(--accent);color:#f7f2e6}.btn-primary:hover{background:var(--accent-strong);transform:translateY(-1px)}[data-theme=dark] .btn-primary{color:#17201b}.btn-ghost{color:var(--ink);text-decoration:underline;text-decoration-color:var(--accent-2);text-underline-offset:5px;padding:.8rem .4rem}.btn-ghost:hover{color:var(--accent-2)}.btn-outline{color:inherit;border:1px solid}.btn-outline:hover{background:color-mix(in srgb, currentColor 10%, transparent)}.hero{gap:var(--space-2xl);padding:var(--space-lg) 0 var(--space-2xl);grid-template-columns:1.05fr .95fr;align-items:center;display:grid}.hero-title{margin-bottom:var(--space-lg);font-size:3.4rem;line-height:1.08}.hero-title .accent{color:var(--accent-2);font-style:italic}.hero-lead{color:var(--ink-light);max-width:34ch;margin-bottom:var(--space-lg);font-size:1.15rem;line-height:1.7}.hero-actions{align-items:center;gap:var(--space-md);flex-wrap:wrap;display:flex}.hero-media{position:relative}.hero-media img{width:100%;box-shadow:var(--card-shadow);aspect-ratio:4/5;object-fit:cover;border-radius:18px}@media (width<=860px){.hero{gap:var(--space-lg);padding-bottom:var(--space-xl);grid-template-columns:1fr}.hero-title{font-size:2.5rem}.hero-media{order:-1}.hero-media img{aspect-ratio:16/11}}.section{margin-top:var(--space-2xl)}.section-head{justify-content:space-between;align-items:baseline;gap:var(--space-md);margin-bottom:var(--space-lg);display:flex}.section-head h2{margin:0}.link-more{color:var(--accent);white-space:nowrap;font-size:.9rem;text-decoration:none}.link-more:hover{text-decoration:underline}.about-block{background:var(--paper-warm);border:1px solid var(--border-light);padding:var(--space-xl);gap:var(--space-xl);box-shadow:var(--card-shadow);border-radius:18px;grid-template-columns:1.3fr 1fr;display:grid}.about-block h2{margin-top:0}.pull-quote{font-family:var(--font-serif);color:var(--accent);border-left:3px solid var(--accent-2);padding-left:var(--space-md);align-self:center;font-size:1.35rem;font-style:italic;line-height:1.5}.pull-quote:before{content:"“";color:var(--accent-2);margin-bottom:.3rem;font-size:2.5rem;line-height:.6;display:block}@media (width<=720px){.about-block{padding:var(--space-lg);gap:var(--space-lg);grid-template-columns:1fr}.pull-quote{font-size:1.2rem}}.topic-grid{gap:var(--space-lg);grid-template-columns:repeat(3,1fr);display:grid}.topic-card{background:var(--paper-warm);border:1px solid var(--border-light);padding:var(--space-lg);box-shadow:var(--card-shadow);border-radius:16px;text-decoration:none;transition:transform .18s,box-shadow .2s,border-color .2s;display:block}.topic-card:hover{border-color:var(--accent);transform:translateY(-3px)}.topic-icon{background:color-mix(in srgb, var(--accent-2) 12%, var(--paper));width:56px;height:56px;margin-bottom:var(--space-md);color:var(--accent);border-radius:50%;justify-content:center;align-items:center;display:flex}.topic-card h3{margin:0 0 var(--space-sm);font-size:1.25rem}.topic-card p{color:var(--ink-light);margin:0 0 var(--space-md);font-size:.92rem;line-height:1.65}.topic-card .more{color:var(--accent-2);font-size:.9rem;font-weight:500}@media (width<=860px){.topic-grid{gap:var(--space-md);grid-template-columns:1fr}}.post-list{flex-direction:column;display:flex}.post-row{gap:var(--space-lg);padding:var(--space-md) 0;border-bottom:1px solid var(--border-light);grid-template-columns:132px 1fr auto;align-items:center;text-decoration:none;transition:opacity .2s;display:grid}.post-row:hover{opacity:.75}.post-thumb{object-fit:cover;background:var(--code-bg);border-radius:10px;width:132px;height:84px}.post-thumb.placeholder{color:var(--accent);opacity:.5;justify-content:center;align-items:center;display:flex}.post-row h3{margin:0 0 .3rem;font-size:1.2rem}.post-row .post-excerpt{color:var(--ink-light);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.9rem;display:-webkit-box;overflow:hidden}.post-meta{color:var(--ink-faint);white-space:nowrap;text-align:right;font-size:.8rem}.read-time:before{content:"·";margin:0 .4rem}@media (width<=640px){.post-row{gap:var(--space-md);grid-template-columns:92px 1fr;align-items:start}.post-thumb{width:92px;height:92px}.post-row h3{font-size:1.05rem}.post-meta{text-align:left;grid-column:2;margin-top:.3rem}.post-row .post-excerpt{display:none}}.cta-band{margin-top:var(--space-2xl);background:var(--accent-strong);color:#f2ecdd;padding:var(--space-xl);justify-content:space-between;align-items:center;gap:var(--space-lg);border-radius:22px;display:flex;position:relative;overflow:hidden}.cta-band h2{color:#f4eede;margin:0 0 var(--space-xs)}.cta-band p{color:#f2ecddc7;max-width:46ch;margin:0}.cta-band .btn-outline{color:#f4eede;flex-shrink:0}@media (width<=720px){.cta-band{padding:var(--space-lg);flex-direction:column;align-items:flex-start}}.tag{color:var(--ink-light);border:1px solid var(--border);white-space:nowrap;background:0 0;border-radius:999px;padding:.25em .75em;font-size:.75rem;text-decoration:none;transition:all .2s}.tag.tag-btn:hover{border-color:var(--accent);color:var(--accent)}.tag.tag-btn.active{background:var(--accent);border-color:var(--accent);color:#f7f2e6}.tag-solid{background:color-mix(in srgb, var(--accent-2) 14%, var(--paper));color:var(--accent-2);border-color:#0000;font-weight:500}.tags{gap:var(--space-sm);margin-top:var(--space-md);margin-bottom:var(--space-lg);flex-wrap:wrap;display:flex}.article-header{margin-bottom:var(--space-xl)}.article-header h1{margin-bottom:var(--space-md);font-size:2.9rem;line-height:1.1}.byline{color:var(--ink-light);align-items:center;gap:.65rem;font-size:.9rem;display:flex}.avatar{background:var(--accent);color:#f2ecdd;width:40px;height:40px;font-family:var(--font-serif);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.95rem;font-weight:600;display:inline-flex}.byline .sep{color:var(--ink-faint)}.byline a{color:var(--ink);text-decoration:none}.byline a:hover{color:var(--accent)}.lead-figure{margin:var(--space-lg) 0 var(--space-xl)}.lead-figure img{width:100%;box-shadow:var(--card-shadow);border-radius:16px}@media (width<=640px){.article-header h1{font-size:2.05rem}}.related-grid{gap:var(--space-lg);margin-top:var(--space-lg);grid-template-columns:repeat(3,1fr);display:grid}.related-card{background:var(--paper-warm);border:1px solid var(--border-light);padding:var(--space-md);box-shadow:var(--card-shadow);border-radius:14px;text-decoration:none;transition:transform .18s,border-color .2s}.related-card:hover{border-color:var(--accent);transform:translateY(-3px)}.related-card .r-tag{color:var(--accent-2);font-size:.7rem;font-weight:500}.related-card h3{color:var(--ink);margin:.4rem 0;font-size:1.05rem}.related-card .post-meta{text-align:left}@media (width<=720px){.related-grid{gap:var(--space-md);grid-template-columns:1fr}}.back-link{color:var(--ink-faint);margin-bottom:var(--space-lg);font-size:.85rem;text-decoration:none;display:inline-block}.back-link:hover{color:var(--accent)}.back-link:before{content:"← "}.project-grid{gap:var(--space-lg);margin-top:var(--space-lg);grid-template-columns:1fr;display:grid}.article-content{color:var(--ink);font-size:1.05rem;font-weight:400;line-height:1.8}.article-content>p:first-of-type{color:var(--ink-light);font-size:1.15rem;line-height:1.7}.article-content p{margin-bottom:1.4rem}.article-content h2{margin-top:var(--space-xl);font-size:1.7rem}.article-content h3{font-size:1.3rem}.article-content h4{font-family:var(--font-serif);margin-top:var(--space-lg);margin-bottom:var(--space-sm);font-size:1.1rem}.article-content ul,.article-content ol{margin-bottom:1.4rem;padding-left:0}.article-content li{margin-bottom:.5rem;margin-left:1.6rem;line-height:1.75}.article-content li::marker{color:var(--accent)}.article-content a{color:var(--accent);text-decoration:underline;text-decoration-color:color-mix(in srgb, var(--accent) 40%, transparent);text-underline-offset:2px;transition:text-decoration-color .2s}.article-content a:hover{text-decoration-color:var(--accent)}.article-content strong{color:var(--ink);font-weight:600}.article-content.about>h1{font-size:3rem;line-height:1.1}@media (width<=640px){.article-content.about>h1{font-size:2.2rem}.article-content{font-size:1rem}}.callout{border-left:3px solid var(--accent-2);background:var(--paper-warm);border-radius:0 12px 12px 0;margin:2rem 0;padding:1.25rem 1.5rem}.callout p{font-family:var(--font-serif);color:var(--accent);margin:0;font-size:1.15rem;font-style:italic;line-height:1.6}.callout p+p{margin-top:.75rem}.article-content blockquote{border-left:2px solid var(--border);color:var(--ink-light);margin:2rem 0;padding:.5rem 0 .5rem 1.5rem}.article-content blockquote p{margin-bottom:.75rem;font-style:italic;line-height:1.8}.article-content blockquote p:last-child{margin-bottom:0}.article-figure,.article-content figure{margin:2rem 0}.article-figure img,.article-content img{width:100%;height:auto;box-shadow:var(--card-shadow);border-radius:12px;margin:0}.article-figure figcaption,.article-content figcaption{color:var(--ink-faint);text-align:center;margin-top:.6rem;font-size:.82rem;line-height:1.4}.article-layout{gap:var(--space-2xl);grid-template-columns:1fr;display:grid}@media (width>=1000px){.article-layout.has-toc{grid-template-columns:minmax(0,1fr) 230px}}.toc{display:none}@media (width>=1000px){.toc{border-left:1px solid var(--border);padding-left:var(--space-md);align-self:start;font-size:.85rem;display:block;position:sticky;top:90px}.toc h4{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.1em;color:var(--ink-faint);margin-bottom:var(--space-sm);font-size:.7rem}.toc ol{counter-reset:toc;margin:0;padding:0;list-style:none}.toc li{counter-increment:toc;margin:0 0 .55rem;line-height:1.35}.toc a{color:var(--ink-light);gap:.5rem;text-decoration:none;display:flex}.toc a:before{content:counter(toc, decimal-leading-zero);color:var(--accent-2);font-variant-numeric:tabular-nums}.toc a:hover{color:var(--accent)}}[data-theme=dark] .astro-code,[data-theme=dark] .astro-code span{color:var(--shiki-dark)!important;background-color:var(--shiki-dark-bg)!important;font-style:var(--shiki-dark-font-style)!important;font-weight:var(--shiki-dark-font-weight)!important;text-decoration:var(--shiki-dark-text-decoration)!important}