:root{--bg: #0f1418;--bg-elev: #161c22;--fg: #e8eef3;--fg-muted: #97a3ad;--accent: #d4af37;--accent-soft: #f1d27a;--border: #232b33;--maxw: 72rem;--radius: .75rem;--font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-head: "Georgia", "Times New Roman", serif}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--fg);font-family:var(--font-body);font-size:17px;line-height:1.6;scroll-behavior:smooth}a{color:var(--accent-soft);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4{font-family:var(--font-head);color:var(--fg);line-height:1.2;margin:0 0 .6em}h1{font-size:clamp(2.2rem,4.5vw,3.4rem)}h2{font-size:clamp(1.6rem,3vw,2.2rem)}p{margin:0 0 1em;color:var(--fg)}.container{max-width:var(--maxw);margin:0 auto;padding:0 1.25rem}.muted{color:var(--fg-muted)}.btn{display:inline-block;padding:.85rem 1.4rem;border-radius:var(--radius);background:var(--accent);color:#1a1a1a;font-weight:600;border:none;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #d4af3740;text-decoration:none}.btn-secondary{background:transparent;color:var(--fg);border:1px solid var(--border)}.btn-secondary:hover{border-color:var(--accent);box-shadow:none}input,textarea{background:var(--bg-elev);border:1px solid var(--border);color:var(--fg);padding:.75rem .9rem;border-radius:var(--radius);font:inherit;width:100%}input:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:1px}.hero{position:relative;padding:clamp(4rem,10vw,7rem) 0 clamp(3rem,7vw,5rem);text-align:center;overflow:hidden;isolation:isolate}.hero-bg{position:absolute;inset:0;z-index:-1}.hero-bg img{width:100%;height:100%;object-fit:cover;filter:brightness(.5) saturate(1.05)}.hero-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,20,24,.4) 0%,rgba(15,20,24,.75) 70%,var(--bg) 100%)}.hero p.lead{max-width:38rem;margin:0 auto 1.6rem;font-size:1.15rem;color:#d6dde3}.feature-image{width:100%;max-height:22rem;object-fit:cover;border-radius:var(--radius);margin-bottom:2rem}.credits{font-size:.8rem;color:var(--fg-muted);margin-top:.5rem}.credits a{color:var(--fg-muted);text-decoration:underline;text-decoration-color:var(--border)}dl.format{display:grid;grid-template-columns:minmax(8rem,12rem) 1fr;gap:.75rem 1.25rem;margin:0}dl.format dt{color:var(--accent-soft);font-weight:600}dl.format dd{margin:0}@media(max-width:540px){dl.format{grid-template-columns:1fr;gap:.25rem 0}dl.format dd{margin-bottom:.75rem}}.section{padding:clamp(2.5rem,6vw,4.5rem) 0}.section+.section{border-top:1px solid var(--border)}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1.25rem}.card{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);padding:1.4rem}.card h3{margin-top:0;color:var(--accent-soft)}.faq details{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.2rem;margin-bottom:.75rem}.faq summary{cursor:pointer;font-weight:600;color:var(--fg)}.faq details[open] summary{margin-bottom:.5rem}.newsletter{display:grid;grid-template-columns:1fr auto;gap:.75rem;max-width:32rem;margin:1.5rem auto 0}@media(max-width:480px){.newsletter{grid-template-columns:1fr}}.blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(18rem,1fr));gap:1.5rem}.blog-card{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);padding:1.4rem;display:flex;flex-direction:column;gap:.5rem}.blog-card h3 a{color:var(--fg)}.blog-card time{color:var(--fg-muted);font-size:.9rem}.reading-progress{position:sticky;top:0;z-index:100;width:100%;height:3px;background:transparent}.reading-progress-fill{height:100%;width:0%;background:var(--accent);transition:width 80ms linear}.post-hero{position:relative;overflow:hidden;padding:clamp(2.5rem,5vw,4rem) 0;isolation:isolate}.post-hero-backdrop{position:absolute;inset:0;background-size:cover;background-position:center;filter:blur(40px) saturate(1.2) brightness(.45);transform:scale(1.1);z-index:-1}.post-hero-inner{max-width:64rem;margin:0 auto;padding:0 1.25rem}.post-hero-frame{aspect-ratio:21 / 9;border-radius:1rem;overflow:hidden;box-shadow:0 25px 50px -12px #00000080;background:var(--bg-elev)}.post-hero-frame img{width:100%;height:100%;object-fit:cover;display:block}.post-layout{display:grid;grid-template-columns:1fr;gap:3rem;max-width:72rem;margin:0 auto;padding:clamp(2rem,5vw,3.5rem) 1.5rem 4rem}@media(min-width:1024px){.post-layout{grid-template-columns:minmax(0,1fr) 260px;gap:3.5rem}}.post-main{min-width:0;max-width:42.5rem;margin:0 auto}@media(min-width:1024px){.post-main{margin:0}}.breadcrumb{font-size:.85rem;color:var(--fg-muted);margin-bottom:1.5rem}.breadcrumb a{color:var(--fg-muted)}.breadcrumb a:hover{color:var(--accent-soft)}.post-header{margin-bottom:2.5rem}.topic-badge{display:inline-block;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--accent-soft);background:#d4af371a;border:1px solid rgba(212,175,55,.25);padding:.3rem .65rem;border-radius:999px;margin-bottom:1rem}.post-header h1{font-size:clamp(1.9rem,4.5vw,3rem);line-height:1.1;letter-spacing:-.01em;margin-bottom:1rem}.post-excerpt{font-size:1.2rem;color:var(--fg-muted);line-height:1.55;margin:0 0 2rem}.byline{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.25rem 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.byline-author{display:flex;align-items:center;gap:.85rem}.byline-avatar{width:2.5rem;height:2.5rem;border-radius:50%;background:var(--bg-elev);border:1px solid var(--border);display:grid;place-items:center;color:var(--accent-soft);font-family:var(--font-head);font-weight:700;font-size:1.1rem}.byline-name{font-weight:600;color:var(--fg)}.byline-meta{font-size:.85rem;color:var(--fg-muted);margin-top:.15rem}.toc-mobile{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.25rem;margin:0 0 2.5rem}@media(min-width:1024px){.toc-mobile{display:none}}.toc-mobile summary{cursor:pointer;font-weight:600;color:var(--fg);margin-bottom:.5rem}.toc-mobile ul,.blog-toc ul{list-style:none;padding:0;margin:.5rem 0 0}.toc-mobile li,.blog-toc li{margin:.35rem 0;font-size:.92rem}.toc-h3{padding-left:1rem;font-size:.88rem}.toc-mobile a,.blog-toc a{color:var(--fg-muted);text-decoration:none;display:block;padding:.2rem .4rem;border-radius:.3rem;border-left:2px solid transparent}.toc-mobile a:hover,.blog-toc a:hover{color:var(--fg);background:#ffffff08}.blog-toc a.active,.toc-mobile a.active{color:var(--accent-soft);border-left-color:var(--accent);background:#d4af370f}.post-sidebar{display:none}@media(min-width:1024px){.post-sidebar{display:block}.post-sidebar .blog-toc{position:sticky;top:2rem;padding:.5rem 0 0 1.25rem;border-left:1px solid var(--border)}.blog-toc-title{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--fg-muted);font-weight:600;margin-bottom:.5rem}}.blog-body{font-size:1.05rem;line-height:1.75;color:var(--fg)}.blog-body h2{margin-top:2.5rem;margin-bottom:.8rem;font-size:clamp(1.4rem,2.5vw,1.75rem);scroll-margin-top:1.5rem;position:relative}.blog-body h3{margin-top:2rem;margin-bottom:.6rem;font-size:1.2rem;scroll-margin-top:1.5rem;position:relative}.blog-body a.anchor-link{margin-left:.4rem;color:var(--fg-muted);opacity:0;transition:opacity .12s ease,color .12s ease;text-decoration:none;font-weight:400}.blog-body h2:hover .anchor-link,.blog-body h3:hover .anchor-link{opacity:1}.blog-body a.anchor-link:hover{color:var(--accent-soft)}.blog-body p{margin:0 0 1.2em}.blog-body ul,.blog-body ol{margin:0 0 1.4em;padding-left:1.4rem}.blog-body li{margin:.4em 0}.blog-body strong{color:var(--fg)}.blog-body blockquote{border-left:3px solid var(--accent);margin:1.5em 0;padding:.5em 0 .5em 1.25rem;color:var(--fg-muted);font-style:italic}.blog-body img{max-width:100%;height:auto;border-radius:var(--radius);margin:1.5em 0}.blog-body-drop-cap p:first-of-type:first-letter{float:left;font-family:var(--font-head);font-size:4em;line-height:.85;margin:.05em .12em 0 0;color:var(--accent-soft);font-weight:700}.keyword-pills{margin:2rem 0 0;display:flex;flex-wrap:wrap;gap:.4rem}.pill{font-size:.8rem;color:var(--fg-muted);background:var(--bg-elev);border:1px solid var(--border);border-radius:999px;padding:.25rem .7rem}.author-bio{display:flex;gap:1rem;align-items:flex-start;margin:3rem 0 0;padding:1.5rem;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius)}.author-bio .byline-avatar{width:3rem;height:3rem;font-size:1.3rem;flex-shrink:0}.share-bar{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin:2rem 0 0;padding-top:1.5rem;border-top:1px solid var(--border)}.share-label{color:var(--fg-muted);font-size:.9rem;margin-right:.25rem}.share-btn{display:inline-flex;align-items:center;padding:.45rem .9rem;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);color:var(--fg);font-size:.85rem;cursor:pointer;font-family:inherit;text-decoration:none;transition:border-color .12s ease,color .12s ease}.share-btn:hover{border-color:var(--accent);color:var(--accent-soft);text-decoration:none}.related{margin:4rem 0 0;padding-top:2.5rem;border-top:1px solid var(--border)}.related-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:1.5rem}.related-head h2{margin:0;font-size:1.4rem}.related-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1.25rem}.related-card{display:flex;flex-direction:column;gap:.4rem;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);padding:1rem;color:inherit;text-decoration:none;transition:transform .15s ease,border-color .15s ease}.related-card:hover{border-color:var(--accent);transform:translateY(-2px);text-decoration:none}.related-image{aspect-ratio:16 / 10;border-radius:.5rem;overflow:hidden;margin-bottom:.6rem;background:var(--bg)}.related-image img{width:100%;height:100%;object-fit:cover;display:block}.related-card time{font-size:.8rem;color:var(--fg-muted)}.related-card h3{font-size:1.05rem;margin:0 0 .3rem;color:var(--fg);font-family:var(--font-body);line-height:1.3}nav.primary{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 0}nav.primary ul{display:flex;gap:1.5rem;list-style:none;margin:0;padding:0}nav.primary a{color:var(--fg);font-weight:500}nav.primary a.brand{display:inline-flex;align-items:center;line-height:0;background:#fff;padding:.5rem .75rem;border-radius:.75rem;box-shadow:0 1px 3px #00000026}nav.primary a.brand img{height:4rem;width:auto;display:block;object-fit:contain}footer.site{border-top:1px solid var(--border);margin-top:4rem;padding:2.5rem 0;color:var(--fg-muted);font-size:.95rem}footer.site .row{display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem}
