:root{--ground:#fff;--panel:#f5f4f0;--panel-2:#eceae3;--ink:#141a24;--ink-soft:#5a6472;--ink-faint:#8b93a1;--line:#e4e2da;--line-strong:#d7d4c9;--navy:#1b3a6b;--gold:#b98f2f;--gold-wash:#f3ead2;--pos:#1e8e5a;--card:#fff;--btn:#171e2a;--btn-ink:#fff;--shadow-sm:0 1px 2px #141a240d, 0 6px 16px -10px #141a2424;--font:"Segoe UI Variable Display","Segoe UI",system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif}@media (prefers-color-scheme:dark){:root{--ground:#0d1320;--panel:#131b2a;--panel-2:#182234;--ink:#eef1f6;--ink-soft:#9aa5b6;--ink-faint:#6b7688;--line:#233047;--line-strong:#2c3b56;--navy:#7ba7e6;--gold:#d4af37;--gold-wash:#2a2413;--pos:#3fd18a;--card:#141d2d;--btn:#f0d68a;--btn-ink:#1a1405;--shadow-sm:0 1px 2px #0006, 0 10px 24px -14px #0000008c}}:root[data-theme=light]{--ground:#fff;--panel:#f5f4f0;--panel-2:#eceae3;--ink:#141a24;--ink-soft:#5a6472;--ink-faint:#8b93a1;--line:#e4e2da;--line-strong:#d7d4c9;--navy:#1b3a6b;--gold:#b98f2f;--gold-wash:#f3ead2;--pos:#1e8e5a;--card:#fff;--btn:#171e2a;--btn-ink:#fff;--shadow-sm:0 1px 2px #141a240d, 0 6px 16px -10px #141a2424}:root[data-theme=dark]{--ground:#0d1320;--panel:#131b2a;--panel-2:#182234;--ink:#eef1f6;--ink-soft:#9aa5b6;--ink-faint:#6b7688;--line:#233047;--line-strong:#2c3b56;--navy:#7ba7e6;--gold:#d4af37;--gold-wash:#2a2413;--pos:#3fd18a;--card:#141d2d;--btn:#f0d68a;--btn-ink:#1a1405;--shadow-sm:0 1px 2px #0006, 0 10px 24px -14px #0000008c}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--ground);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;flex-direction:column;min-height:100vh;font-size:17px;line-height:1.6;display:flex}a{color:var(--navy);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{letter-spacing:-.02em;text-wrap:balance;color:var(--ink);margin:0 0 .5em;font-weight:600}h1{margin-bottom:.35em;font-size:clamp(30px,4vw,42px);line-height:1.1}h2{margin-top:1.6em;font-size:22px}p{color:var(--ink-soft);margin:0 0 1em}.wrap{max-width:1160px;margin:0 auto;padding:0 24px}header.site{z-index:50;background:color-mix(in srgb,var(--ground) 82%, transparent);backdrop-filter:saturate(140%)blur(12px);border-bottom:1px solid var(--line);position:sticky;top:0}.nav{align-items:center;gap:28px;height:66px;display:flex}.brand{letter-spacing:-.02em;color:var(--ink);align-items:center;gap:9px;font-size:18px;font-weight:600;display:flex}.brand img{object-fit:contain;width:26px;height:26px}.brand .lm-dark{display:none}@media (prefers-color-scheme:dark){.brand .lm-light{display:none}.brand .lm-dark{display:block}}:root[data-theme=dark] .brand .lm-light{display:none}:root[data-theme=dark] .brand .lm-dark,:root[data-theme=light] .brand .lm-light{display:block}:root[data-theme=light] .brand .lm-dark{display:none}.nav .links{gap:24px;margin-left:8px;display:flex}.nav .links a{color:var(--ink-soft);font-size:14.5px;font-weight:500}.nav .links a:hover{color:var(--ink);text-decoration:none}.nav .right{align-items:center;gap:12px;margin-left:auto;display:flex}.theme-btn{border:1px solid var(--line-strong);width:38px;height:38px;color:var(--ink);cursor:pointer;background:0 0;border-radius:999px;place-items:center;font-size:16px;display:grid}.theme-btn:hover{background:var(--panel)}.btn{letter-spacing:-.01em;cursor:pointer;font-size:14.5px;font-weight:600;font:inherit;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:9px 18px;display:inline-flex}.btn-primary{background:var(--btn);color:var(--btn-ink)}.btn-ghost{color:var(--ink);border-color:var(--line-strong);background:0 0}.btn-ghost:hover{background:var(--panel)}.nav-toggle,.nav-drawer{display:none}@media (width<=700px){.nav .links{display:none}.nav-toggle{border:1px solid var(--line-strong);cursor:pointer;background:0 0;border-radius:10px;flex:none;place-items:center;width:38px;height:38px;display:grid}.nav-toggle:hover{background:var(--panel)}.nav-toggle .bars{width:18px;height:13px;display:block;position:relative}.nav-toggle .bars span{background:var(--ink);border-radius:2px;height:2px;transition:transform .2s,opacity .2s;position:absolute;left:0;right:0}.nav-toggle .bars span:first-child{top:0}.nav-toggle .bars span:nth-child(2){top:5.5px}.nav-toggle .bars span:nth-child(3){bottom:0}.nav-toggle[aria-expanded=true] .bars span:first-child{transform:translateY(5.5px)rotate(45deg)}.nav-toggle[aria-expanded=true] .bars span:nth-child(2){opacity:0}.nav-toggle[aria-expanded=true] .bars span:nth-child(3){transform:translateY(-5.5px)rotate(-45deg)}.nav-drawer{z-index:49;background:var(--ground);border-bottom:1px solid var(--line);box-shadow:var(--shadow-sm);flex-direction:column;padding:4px 24px 16px;display:none;position:absolute;top:100%;left:0;right:0}.nav-drawer.is-open{display:flex}.nav-drawer a{color:var(--ink-soft);border-top:1px solid var(--line);padding:13px 2px;font-size:15.5px;font-weight:500}.nav-drawer a:first-child{border-top:none}.nav-drawer a:hover{color:var(--ink)}}@media (width<=480px){.nav .right{gap:8px}.nav .right .btn{padding:9px 13px;font-size:14px}}main{flex:1}.page-shell{max-width:740px;margin:0 auto;padding:56px 24px 80px}.page-shell .eyebrow{letter-spacing:.1em;text-transform:uppercase;color:var(--gold);margin:0 0 14px;font-size:12.5px;font-weight:600}.page-shell .back{color:var(--ink-soft);margin-bottom:22px;font-size:14px;display:inline-block}.prose p{font-size:16.5px;line-height:1.7}.prose ul,.prose ol{color:var(--ink-soft);padding-left:22px;line-height:1.7}.prose article :is(h2,h3){margin-top:1.4em}.notice{background:var(--gold-wash);color:var(--gold);border-radius:10px;margin-bottom:24px;padding:12px 16px;font-size:14.5px}.blog-shell{max-width:1160px;margin:0 auto;padding:48px 24px 80px}.blog-hero{text-align:center;max-width:740px;margin:0 auto 40px}.blog-hero .badge{letter-spacing:.06em;text-transform:uppercase;background:var(--gold-wash);color:var(--gold);border:1px solid color-mix(in srgb,var(--gold) 25%,transparent);border-radius:999px;align-items:center;gap:6px;margin-bottom:16px;padding:6px 14px;font-size:12px;font-weight:600;display:inline-flex}.blog-hero h1{letter-spacing:-.03em;color:var(--ink);margin-bottom:14px;font-size:clamp(32px,4vw,46px);font-weight:700;line-height:1.15}.blog-hero p{color:var(--ink-soft);margin:0;font-size:17.5px;line-height:1.6}.filter-tabs{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin:32px 0 44px;display:flex}.filter-tab{border:1px solid var(--line);background:var(--card);color:var(--ink-soft);cursor:pointer;user-select:none;border-radius:999px;padding:8px 18px;font-size:13.5px;font-weight:500;transition:all .2s}.filter-tab:hover{background:var(--panel);color:var(--ink);border-color:var(--line-strong)}.filter-tab.active{background:var(--btn);color:var(--btn-ink);border-color:var(--btn);font-weight:600}.featured-post{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow-sm);border-radius:20px;margin-bottom:44px;padding:36px 40px;text-decoration:none;transition:transform .25s,box-shadow .25s,border-color .25s;display:block;position:relative;overflow:hidden}.featured-post:hover{border-color:var(--line-strong);text-decoration:none;transform:translateY(-3px);box-shadow:0 12px 32px -12px #141a2426}.featured-post:before{content:"";background:linear-gradient(180deg,var(--gold),var(--navy));width:5px;position:absolute;top:0;bottom:0;left:0}.featured-top{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;display:flex}.tag-badge{text-transform:uppercase;letter-spacing:.04em;background:var(--panel-2);color:var(--ink);border-radius:6px;align-items:center;padding:4px 10px;font-size:11.5px;font-weight:600;display:inline-flex}.tag-badge.featured{background:var(--gold-wash);color:var(--gold);border:1px solid color-mix(in srgb,var(--gold) 30%,transparent)}.meta-date{color:var(--ink-faint);font-size:13px}.featured-title{color:var(--ink);letter-spacing:-.02em;margin-bottom:14px;font-size:clamp(22px,2.6vw,30px);font-weight:700;line-height:1.25}.featured-desc{color:var(--ink-soft);max-width:880px;margin-bottom:24px;font-size:16px;line-height:1.65}.blog-grid{grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:28px;margin-bottom:60px;display:grid}.blog-card{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow-sm);border-radius:18px;flex-direction:column;padding:26px 28px;text-decoration:none;transition:transform .25s,box-shadow .25s,border-color .25s;display:flex}.blog-card:hover{border-color:var(--line-strong);text-decoration:none;transform:translateY(-4px);box-shadow:0 12px 28px -10px #141a2424}.card-top{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.card-title{color:var(--ink);letter-spacing:-.01em;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:10px;font-size:18.5px;font-weight:600;line-height:1.35;display:-webkit-box;overflow:hidden}.card-desc{color:var(--ink-soft);-webkit-line-clamp:3;-webkit-box-orient:vertical;flex:1;margin-bottom:22px;font-size:14.5px;line-height:1.6;display:-webkit-box;overflow:hidden}.post-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;margin-top:auto;padding-top:16px;display:flex}.author-pill{align-items:center;gap:9px;display:flex}.author-avatar{background:var(--panel-2);width:28px;height:28px;color:var(--ink);border:1px solid var(--line);border-radius:50%;place-items:center;font-size:12px;font-weight:600;display:grid}.author-name{color:var(--ink);font-size:13px;font-weight:500}.read-more{color:var(--navy);align-items:center;gap:6px;font-size:13.5px;font-weight:600;transition:gap .2s;display:inline-flex}.featured-post:hover .read-more,.blog-card:hover .read-more{gap:10px}.blog-cta{background:linear-gradient(135deg,color-mix(in srgb,var(--panel) 80%,var(--gold-wash)),var(--panel));border:1px solid var(--line);text-align:center;border-radius:20px;margin-top:20px;padding:44px 32px}.blog-cta h3{color:var(--ink);margin-bottom:10px;font-size:24px;font-weight:700}.blog-cta p{color:var(--ink-soft);max-width:580px;margin:0 auto 24px;font-size:16px}.post-list{flex-direction:column;gap:22px;margin:0;padding:0;list-style:none;display:flex}.post-list li{border-bottom:1px solid var(--line);padding-bottom:22px}.post-list li:last-child{border-bottom:none}.post-list a{color:var(--ink);letter-spacing:-.01em;font-size:19px;font-weight:600}.post-list a:hover{color:var(--navy);text-decoration:none}.post-list .desc{color:var(--ink-soft);margin-top:6px;font-size:15px;display:block}.post-meta{color:var(--ink-faint);margin:-8px 0 24px;font-size:13.5px}@media (width<=768px){.blog-shell{padding:32px 16px 60px}.featured-post{padding:24px 20px}.blog-grid{grid-template-columns:1fr;gap:20px}.filter-tabs{gap:6px}.filter-tab{padding:6px 14px;font-size:13px}}.card{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow-sm);border-radius:16px;padding:28px}.card form{flex-direction:column;gap:14px;display:flex}.card input,.card textarea{border:1px solid var(--line-strong);background:var(--ground);height:46px;color:var(--ink);font:inherit;border-radius:10px;width:100%;padding:0 16px;font-size:15px}.card textarea{resize:vertical;height:auto;padding:12px 16px;font-family:inherit}.card input::placeholder,.card textarea::placeholder{color:var(--ink-faint)}.card input:focus,.card textarea:focus{outline:2px solid var(--navy);outline-offset:1px;border-color:#0000}#status{background:color-mix(in srgb,var(--pos) 15%,transparent);color:var(--pos);border-radius:10px;padding:12px 16px;font-size:14.5px}#status[style*=crimson]{color:#b3261e!important;background:#fdeceb!important}footer.site{border-top:1px solid var(--line);background:var(--panel);margin-top:60px;padding:52px 0 40px}.foot{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:30px;display:flex}.foot .about{max-width:300px}.foot .about p{color:var(--ink-soft);margin-top:12px;font-size:13.5px}.foot .cols{flex-wrap:wrap;gap:56px;display:flex}.foot h5{text-transform:uppercase;letter-spacing:.08em;color:var(--ink-faint);margin:0 0 14px;font-size:12px}.foot a{color:var(--ink-soft);padding:5px 0;font-size:14px;display:block}.foot a:hover{color:var(--ink);text-decoration:none}.foot-bottom{border-top:1px solid var(--line);color:var(--ink-faint);flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:40px;padding-top:22px;font-size:12.5px;display:flex}.foot-bottom .links{flex-wrap:wrap;align-items:center;gap:14px;display:flex}@media (width<=700px){.page-shell{padding:40px 20px 60px}}
