/* Get The Plot — shared design system (Verde 2050) */
:root{
  --ground:#e7ece8; --card:#ffffff; --ink:#12241c; --body:#33403a; --muted:#6a746d;
  --line:#dbe4dd; --green:#1b6b43; --green-deep:#2e6f4e; --mint:#9fd3b6; --mint-soft:#e3f0e8;
  --hero:#12241c; --field:#ffffff; --field-line:#c9d6cd; --shadow:0 24px 60px -34px rgba(18,36,28,.55);
  --serif:"Newsreader",Georgia,"Times New Roman",serif;
  --sans:"Libre Franklin",-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
}
@media (prefers-color-scheme:dark){
  :root{
    --ground:#0d1a14; --card:#13241d; --ink:#eaf3ec; --body:#c2d1c7; --muted:#8ba095;
    --line:#24382d; --green:#7cc79b; --green-deep:#9fd3b6; --mint:#9fd3b6; --mint-soft:#172c22;
    --hero:#0a140f; --field:#0f1d16; --field-line:#2c4335; --shadow:0 24px 60px -34px rgba(0,0,0,.7);
  }
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ground);color:var(--body);font-family:var(--sans);line-height:1.6;
  font-size:16px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;}
img{max-width:100%}
a{color:var(--green);text-decoration:none}
a:hover{text-decoration:underline}
.wrap{max-width:680px;margin:0 auto;padding-inline:20px;}
.kick{font-size:11.5px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;}

/* HERO / HEADER */
.hero{background:var(--hero);}
.hero .wrap{padding-block:26px 40px;}
.hero .top{display:flex;justify-content:space-between;align-items:center;gap:16px;}
.hero .brand{font-family:var(--serif);font-size:19px;font-weight:500;color:#f3f7f4;letter-spacing:-.01em;}
.hero .brand:hover{text-decoration:none;opacity:.85;}
.hero .brand em{font-style:italic;color:var(--mint);}
.hero .nav a{color:#9fd3b6;font-size:12.5px;font-weight:600;letter-spacing:.04em;margin-left:16px;}
.hero .kick{color:var(--mint);margin-top:26px;}
.hero h1{font-family:var(--serif);color:#f3f7f4;font-weight:500;
  font-size:clamp(30px,7vw,44px);line-height:1.08;letter-spacing:-.01em;margin:14px 0 0;text-wrap:balance;max-width:20ch;}
.hero h1 em{font-style:italic;color:var(--mint);}
.hero .lede{color:#c3d4c8;font-size:clamp(15px,3.4vw,17px);line-height:1.6;margin:16px 0 0;max-width:54ch;}
.byline-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:20px;color:#8fb39e;font-size:12.5px;}
.dot{width:5px;height:5px;border-radius:50%;background:var(--mint);display:inline-block;}

/* LIGHT BODY */
.band{padding-block:40px;}

/* PROSE / ARTICLE */
.prose,.article{max-width:600px;}
.prose p,.article .body p{font-size:16px;line-height:1.72;color:var(--body);margin:0 0 18px;}
.article .body p.lead,.prose p.lead{font-family:var(--serif);font-size:clamp(19px,3vw,22px);line-height:1.5;color:var(--ink);margin-bottom:22px;}
.prose h3{font-family:var(--serif);font-weight:500;font-size:20px;color:var(--ink);margin:30px 0 10px;letter-spacing:-.01em;}
.pullquote{font-family:var(--serif);font-style:italic;font-size:clamp(19px,3vw,23px);line-height:1.4;color:var(--ink);
  border-left:3px solid var(--mint);padding:4px 0 4px 20px;margin:26px 0;}
hr.art-divider{border:0;border-top:1px solid var(--line);margin:30px 0;}
.note{font-size:13px;color:var(--muted);margin:0 0 22px;}

/* BUTTON */
.btn{display:inline-flex;align-items:center;gap:9px;font-family:var(--sans);font-size:15px;font-weight:600;
  border-radius:9px;padding:12px 18px;cursor:pointer;text-decoration:none;transition:background .15s,transform .05s;}
.btn:hover{text-decoration:none;}
.btn-solid{background:var(--green);color:#f3f7f4;border:0;}
.btn-solid:hover{background:var(--green-deep);}
.btn-solid:active{transform:translateY(1px);}
.btn svg{width:15px;height:15px;}

/* SECTION HEADS */
.sec-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:6px;}
.sec-head .kick{color:var(--green-deep);}
.sec-head h2{font-family:var(--serif);font-weight:500;font-size:22px;color:var(--ink);margin:8px 0 0;letter-spacing:-.01em;}
.sec-head h2 em{font-style:italic;color:var(--green);}
.lnk{font-size:13.5px;font-weight:600;color:var(--green);white-space:nowrap;}

/* ARCHIVE LIST */
.elist{margin-top:16px;border-top:1px solid var(--line);}
a.erow{display:grid;grid-template-columns:74px 1fr auto;gap:14px;align-items:baseline;
  padding:15px 0;border-bottom:1px solid var(--line);text-decoration:none;transition:opacity .15s;}
a.erow:hover{opacity:.72;text-decoration:none;}
a.erow .edate{font-family:var(--sans);font-size:11.5px;font-weight:600;letter-spacing:.08em;color:var(--green-deep);}
a.erow .etitle{color:var(--ink);font-weight:600;font-size:15px;line-height:1.35;}
a.erow .edeck{color:var(--muted);font-size:13px;line-height:1.5;margin-top:3px;}
a.erow .etag{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);white-space:nowrap;}
@media(max-width:480px){a.erow{grid-template-columns:60px 1fr;}a.erow .etag{display:none;}}

/* FILTER */
.filterbar{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;}
.filterbar input{font-family:var(--sans);font-size:15px;color:var(--ink);background:var(--field);
  border:1px solid var(--field-line);border-radius:9px;padding:11px 13px;min-width:240px;flex:1;}
.filterbar input:focus{outline:none;border-color:var(--green);box-shadow:0 0 0 3px color-mix(in srgb,var(--green) 22%,transparent);}
.filterbar .count{font-size:12.5px;color:var(--muted);white-space:nowrap;}

/* FOOTER */
footer.site{margin-top:44px;border-top:1px solid var(--line);}
footer.site .wrap{padding-block:26px 40px;}
footer.site img.logo{width:104px;height:auto;display:block;border:0;opacity:.92;}
@media (prefers-color-scheme:dark){footer.site img.logo{filter:brightness(0) invert(1);opacity:.82;}}
footer.site p{font-size:12.5px;color:var(--muted);line-height:1.6;margin:14px 0 0;max-width:60ch;}
footer.site .links{margin-top:10px;font-size:12.5px;}
footer.site .disc{margin-top:14px;font-size:11px;color:var(--muted);opacity:.85;}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto;}}