/* Martin County Currents — editorial archive styles */
:root{
  --ink:#17140f;
  --paper:#f7f4ec;
  --paper2:#fffdf7;
  --accent:#7c1d1d;
  --muted:#6a6152;
  --rule:#1c1913;
  --line:#d8d0bf;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;background:var(--paper);color:var(--ink);
  font-family:"Source Serif 4",Georgia,"Times New Roman",serif;
  font-size:18px;line-height:1.6;
}
a{color:inherit}
img{max-width:100%;display:block}
.wrap{max-width:1080px;margin:0 auto;padding:0 22px}

/* ---------- Masthead ---------- */
.masthead{background:var(--paper);padding-top:14px}
.dateline{
  font-family:"Oswald",Arial,sans-serif;text-transform:uppercase;
  letter-spacing:.14em;font-size:11.5px;color:var(--muted);
  display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;
  border-bottom:1px solid var(--line);padding-bottom:8px;font-weight:400;
}
.dateline .cov{color:var(--accent);font-weight:500}
.nameplate{
  text-align:center;font-family:"Playfair Display",Georgia,serif;font-weight:900;
  font-size:clamp(38px,8.2vw,86px);line-height:.98;letter-spacing:-.01em;
  margin:16px 0 6px;
}
.kicker-rule{
  text-align:center;font-family:"Oswald",Arial,sans-serif;text-transform:uppercase;
  letter-spacing:.22em;font-size:12px;color:var(--muted);
  position:relative;margin:2px 0 14px;
}
.tagline{
  text-align:center;font-style:italic;color:var(--muted);font-size:16px;
  margin:0 0 14px;
}
.rule-double{border:0;border-top:3px solid var(--rule);border-bottom:1px solid var(--rule);height:4px;margin:0}
.rule-thin{border:0;border-top:1px solid var(--rule);margin:0}

/* ---------- Nav ---------- */
nav.sections{
  display:flex;justify-content:center;flex-wrap:wrap;gap:0;
  font-family:"Oswald",Arial,sans-serif;text-transform:uppercase;
  letter-spacing:.12em;font-size:13px;padding:9px 0;
  border-bottom:3px double var(--rule);
}
nav.sections a{
  text-decoration:none;padding:4px 16px;color:var(--ink);border-left:1px solid var(--line);
}
nav.sections a:first-child{border-left:0}
nav.sections a:hover{color:var(--accent)}

/* ---------- Lead / featured ---------- */
.lead{display:grid;grid-template-columns:300px 1fr;gap:34px;align-items:start;padding:34px 0 30px;border-bottom:1px solid var(--line)}
.lead .cover{border:1px solid var(--line);box-shadow:0 10px 26px rgba(0,0,0,.14)}
.kicker{font-family:"Oswald",Arial,sans-serif;text-transform:uppercase;letter-spacing:.2em;font-size:12px;color:var(--accent);font-weight:600;margin:0 0 8px}
.lead h2{font-family:"Playfair Display",Georgia,serif;font-weight:800;font-size:clamp(28px,4.4vw,46px);line-height:1.05;margin:0 0 10px}
.lead p{margin:0 0 16px;color:#332e25}
.dropcap:first-letter{float:left;font-family:"Playfair Display",Georgia,serif;font-weight:900;font-size:74px;line-height:.66;padding:8px 10px 0 0;color:var(--accent)}
.btnrow{display:flex;gap:12px;flex-wrap:wrap;margin-top:6px}
.btn{display:inline-block;font-family:"Oswald",Arial,sans-serif;text-transform:uppercase;letter-spacing:.1em;font-size:13px;text-decoration:none;padding:11px 20px;border:2px solid var(--ink);color:var(--ink);background:transparent}
.btn:hover{background:var(--ink);color:var(--paper2)}
.btn.solid{background:var(--accent);border-color:var(--accent);color:#fff}
.btn.solid:hover{background:#611414;border-color:#611414}

/* ---------- About band ---------- */
.about{padding:32px 0;border-bottom:1px solid var(--line)}
.about .cols{columns:2;column-gap:38px}
.about h3,.section-h{font-family:"Playfair Display",Georgia,serif;font-weight:800;font-size:26px;margin:0 0 14px;text-align:center}
.section-label{font-family:"Oswald",Arial,sans-serif;text-transform:uppercase;letter-spacing:.2em;font-size:12px;color:var(--accent);text-align:center;margin:0 0 4px;font-weight:600}
.about p{margin:0 0 14px}
.pull{border-top:2px solid var(--rule);border-bottom:2px solid var(--rule);text-align:center;font-family:"Playfair Display",Georgia,serif;font-style:italic;font-size:22px;padding:14px 0;margin:22px auto;max-width:760px;color:var(--accent)}

/* ---------- Issues grid ---------- */
.issues{padding:34px 0 10px}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:26px}
.grid.all{grid-template-columns:repeat(3,1fr)}
.issue{display:flex;flex-direction:column;text-decoration:none;color:inherit}
.issue .cover{border:1px solid var(--line);box-shadow:0 8px 20px rgba(0,0,0,.13);transition:transform .15s,box-shadow .15s;background:#fff}
.issue:hover .cover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(0,0,0,.2)}
.issue .m{padding:12px 2px 0}
.issue .date{font-family:"Oswald",Arial,sans-serif;text-transform:uppercase;letter-spacing:.14em;font-size:11.5px;color:var(--accent);font-weight:500}
.issue .ttl{font-family:"Playfair Display",Georgia,serif;font-weight:700;font-size:19px;line-height:1.18;margin:3px 0 4px}
.issue .dl{font-family:"Oswald",Arial,sans-serif;text-transform:uppercase;letter-spacing:.1em;font-size:11.5px;color:var(--muted)}
.issue:hover .dl{color:var(--accent)}
.centerlink{text-align:center;margin:30px 0 6px}

/* ---------- Page header (inner) ---------- */
.pagehead{text-align:center;padding:30px 0 8px}
.pagehead h1{font-family:"Playfair Display",Georgia,serif;font-weight:900;font-size:clamp(34px,6vw,58px);margin:6px 0 8px}
.pagehead p{color:var(--muted);max-width:680px;margin:0 auto}

/* ---------- Footer ---------- */
footer.mcc{background:var(--ink);color:#e9e2d3;margin-top:36px;padding:34px 0}
footer.mcc .np{font-family:"Playfair Display",Georgia,serif;font-weight:900;font-size:30px;text-align:center;color:#fff;margin:0 0 6px}
footer.mcc .cov{font-family:"Oswald",Arial,sans-serif;text-transform:uppercase;letter-spacing:.16em;font-size:11px;color:#b7ad99;text-align:center}
footer.mcc .fnav{text-align:center;margin:16px 0 8px;font-family:"Oswald",Arial,sans-serif;text-transform:uppercase;letter-spacing:.1em;font-size:12px}
footer.mcc .fnav a{color:#e9e2d3;text-decoration:none;margin:0 10px}
footer.mcc .fnav a:hover{color:#fff;text-decoration:underline}
footer.mcc .fine{text-align:center;color:#8f8674;font-size:13px;margin-top:14px}

@media(max-width:820px){
  .lead{grid-template-columns:1fr;gap:20px}
  .lead .cover{max-width:280px;margin:0 auto}
  .about .cols{columns:1}
  .grid{grid-template-columns:repeat(2,1fr)}
  .grid.all{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:480px){
  .grid,.grid.all{grid-template-columns:1fr 1fr;gap:16px}
  nav.sections a{padding:4px 10px}
}