:root{
  --ink:#10211e; --paper:#f6f3ec; --paper2:#efeae0; --pounamu:#1f5e54; --pounamu2:#2c7d70;
  --jade:#66b2a8; --gold:#b8924a; --muted:#4f5f5b; --line:#dcd6c8;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Inter',system-ui,sans-serif;color:var(--ink);background:var(--paper);line-height:1.7;-webkit-font-smoothing:antialiased}
h1,h2,h3,.serif{font-family:'Fraunces',Georgia,serif;font-weight:500;line-height:1.15;letter-spacing:-.01em}
img{max-width:100%;display:block}
a{color:var(--pounamu)}
.wrap{max-width:760px;margin:0 auto;padding:0 24px}
a:focus-visible,button:focus-visible{outline:3px solid var(--jade);outline-offset:2px;border-radius:4px}

/* NAV */
nav{position:sticky;top:0;z-index:50;background:rgba(246,243,236,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
nav .wrap{max-width:1140px;display:flex;align-items:center;justify-content:space-between;height:64px}
.brand{font-family:'Fraunces',serif;font-weight:600;font-size:1.05rem;text-decoration:none;color:var(--ink)}
.brand span{color:inherit}
.navlinks{display:flex;gap:24px}
.navlinks a{text-decoration:none;font-size:.9rem;color:var(--muted);font-weight:500}
.navlinks a:hover{color:var(--pounamu)}
@media(max-width:680px){.navlinks{gap:16px}.navlinks a:not(.back){display:none}}

/* HEADER */
.post-hero{background:var(--ink);color:#f3efe6;padding:64px 0 56px}
.post-hero .eyebrow{font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;color:var(--jade);font-weight:600}
.post-hero h1{color:#fff;font-size:clamp(2rem,4.4vw,3.1rem);margin:.6rem 0 1rem;max-width:18ch}
.post-hero .meta{color:#9fb8b1;font-size:.92rem}
.post-hero .meta b{color:#cdd8d3;font-weight:600}

/* COVER */
.cover{margin:0 auto;max-width:1000px;padding:0 24px;margin-top:-32px}
.cover img{width:100%;border-radius:16px;box-shadow:0 30px 60px rgba(0,0,0,.22);aspect-ratio:16/8;object-fit:cover}

/* ARTICLE */
article{padding:54px 0 30px}
article .lead{font-family:'Fraunces',serif;font-size:1.5rem;font-weight:400;line-height:1.4;color:#26352f;margin-bottom:1.6rem}
article p{margin-bottom:1.25rem;font-size:1.08rem;color:#26352f}
article h2{font-size:1.6rem;margin:2.4rem 0 .9rem;color:var(--ink)}
article h3{font-size:1.22rem;margin:1.8rem 0 .6rem;color:var(--ink)}
article ul{margin:0 0 1.25rem 1.2rem}
article li{margin-bottom:.5rem;font-size:1.06rem;color:#26352f}
article blockquote{border-left:3px solid var(--jade);padding:6px 0 6px 22px;margin:1.6rem 0;font-family:'Fraunces',serif;font-size:1.3rem;line-height:1.4;color:var(--pounamu);font-style:normal}
article strong{color:var(--ink)}
.draft{background:#fff7e6;border:1px solid var(--gold);color:#7a5a16;border-radius:10px;padding:12px 16px;font-size:.9rem;margin-bottom:30px}

/* BYLINE / END */
.endcard{background:#fff;border:1px solid var(--line);border-radius:16px;padding:28px 30px;margin:34px 0 10px;display:flex;gap:20px;align-items:center}
.endcard img{width:72px;height:72px;border-radius:50%;object-fit:cover;flex-shrink:0}
.endcard h3{font-size:1.1rem;margin-bottom:.2rem}
.endcard p{font-size:.92rem;color:var(--muted);margin:0}
.endcard a{font-weight:600;text-decoration:none}
.backrow{padding:30px 0 10px}
.backrow a{text-decoration:none;font-weight:600;font-size:.92rem}

footer{background:#0c1816;color:#8aa39d;text-align:center;padding:28px 0;font-size:.82rem;margin-top:30px}
footer a{color:#bcd6cf}

/* UI refinement: mono utility voice + nav detailing */
:root{--mono:'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,monospace}
.eyebrow{font-family:var(--mono)}
.eyebrow::before{content:"";display:inline-block;width:16px;height:1px;background:currentColor;vertical-align:middle;margin-right:11px;opacity:.7}
.post-hero .meta{font-family:var(--mono)}
.navlinks a{font-family:var(--mono);font-size:.82rem;position:relative}
.navlinks a:not(.back)::after{content:"";position:absolute;left:0;bottom:-3px;width:100%;height:1px;background:var(--pounamu);transform:scaleX(0);transform-origin:left;transition:transform .25s ease}
.navlinks a:not(.back):hover::after{transform:scaleX(1)}