/* The Wisco Wire — house style: "Modern Wisconsin wire" */
:root{
  --paper:#FFFFFF; --warm:#FAF7F0; --pine:#165A36; --gold:#C07A0A;
  --red:#B42318; --ink:#111816; --hairline:#E2E0D8;
}
*{box-sizing:border-box}
html{margin:0;padding:0}
body{
  margin:0;background:var(--paper);color:var(--ink);
  font-family:"Source Serif 4",Georgia,serif;font-size:18px;line-height:1.65;
}
a{color:var(--pine);text-decoration:none}
a:hover{text-decoration:underline}
h1,h2,h3,.brand-name,.region-nav,.chip,.dateline,.ticker-label,.mostread-num{
  font-family:"Libre Franklin",Helvetica,Arial,sans-serif;
}
.wrap{max-width:1080px;margin:0 auto;padding:0 16px}

/* Masthead */
.masthead{border-bottom:3px solid var(--pine);padding:18px 0 0;text-align:center}
.mast-top{display:flex;justify-content:center}
.brand{display:inline-flex;align-items:center;gap:10px;color:var(--ink)}
.brand:hover{text-decoration:none}
.mark{width:38px;height:38px;flex:none}
.brand-name{font-weight:900;font-size:40px;letter-spacing:-0.5px;line-height:1}
.brand-accent{color:var(--pine)}
.brand-accent-light{color:#E9C46A}
.dateline{
  font-size:12px;font-weight:700;letter-spacing:2px;color:#55534C;
  text-transform:uppercase;margin:10px 0 12px;
}
.region-nav{
  display:flex;flex-wrap:wrap;justify-content:center;gap:4px 22px;
  border-top:1px solid var(--hairline);padding:9px 8px;font-size:14px;
  font-weight:700;text-transform:uppercase;letter-spacing:1px;
}
.region-nav a{color:var(--ink)}
.region-nav a:hover{color:var(--pine)}

/* Latest ticker */
.ticker{
  background:var(--warm);border-bottom:1px solid var(--hairline);
  font-size:15px;padding:8px 0;
}
.ticker-label{
  color:var(--red);font-weight:800;letter-spacing:1px;font-size:12px;
  text-transform:uppercase;margin-right:10px;
}
.ticker a{color:var(--ink);margin-right:18px;white-space:nowrap}

/* Lead story */
.lead{padding:28px 0 8px;border-bottom:1px solid var(--hairline)}
.lead-headline{font-size:38px;font-weight:900;line-height:1.12;margin:10px 0 8px}
.lead-headline a{color:var(--ink)}
.lead-standfirst{font-style:italic;font-size:21px;color:#3D3B34;margin:0 0 10px}
.byline{font-family:"Libre Franklin",sans-serif;font-size:13px;color:#55534C;
  text-transform:uppercase;letter-spacing:1px}

/* Sections */
.section{padding:22px 0 6px;border-bottom:1px solid var(--hairline)}
.section-head{display:flex;align-items:center;gap:10px;margin:0 0 6px}
.section-head .swatch{width:14px;height:14px;border-radius:2px;flex:none}
.section-title{font-size:24px;font-weight:800;margin:0}
.section-more{margin-left:auto;font-family:"Libre Franklin",sans-serif;
  font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:1px}
.section-empty{font-style:italic;color:#55534C}

/* Latest list */
.latest-list{list-style:none;margin:0;padding:0}
.latest-list li{
  display:flex;gap:14px;align-items:baseline;padding:10px 0;
  border-bottom:1px solid var(--hairline);
}
.latest-list li:last-child{border-bottom:none}
.latest-time{font-family:"Libre Franklin",sans-serif;font-size:13px;
  color:#55534C;white-space:nowrap}
.latest-list a{color:var(--ink);font-weight:600}

/* Most Read */
.mostread{list-style:none;margin:0;padding:0;counter-reset:mr}
.mostread li{display:flex;gap:14px;align-items:baseline;padding:10px 0;
  border-bottom:1px solid var(--hairline)}
.mostread li:last-child{border-bottom:none}
.mostread-num{color:var(--gold);font-size:28px;font-weight:900;line-height:1}
.mostread a{color:var(--ink);font-weight:600}

/* Story cards */
.card{padding:16px 0;border-bottom:1px solid var(--hairline)}
.card:last-child{border-bottom:none}
.card-meta{display:flex;align-items:center;gap:10px;margin:0 0 6px}
.chip{
  color:#fff;font-size:11px;font-weight:800;letter-spacing:1px;
  text-transform:uppercase;padding:3px 8px;border-radius:3px;
}
.card-city{font-family:"Libre Franklin",sans-serif;font-size:13px;color:#55534C}
.card-headline{font-size:22px;font-weight:800;line-height:1.25;margin:0 0 6px}
.card-headline a{color:var(--ink)}
.card-standfirst{margin:0;color:#3D3B34}

/* Article page */
.article{max-width:680px;margin:0 auto;padding:26px 16px 8px}
.article-headline{font-size:34px;font-weight:900;line-height:1.15;margin:10px 0 8px}
.article-standfirst{font-style:italic;font-size:20px;color:#3D3B34;margin:0 0 12px}
.article .byline{border-bottom:1px solid var(--hairline);padding-bottom:12px}
.article-body{font-size:19px;line-height:1.7}
.article-body p{margin:0 0 18px}
.article-body p:first-of-type::first-letter{
  font-family:"Libre Franklin",sans-serif;font-weight:900;color:var(--pine);
  font-size:52px;line-height:0.9;float:left;padding:4px 8px 0 0;
}
.sources-box{
  background:var(--warm);border:1px solid var(--hairline);border-radius:4px;
  padding:14px 16px;margin:26px 0;font-size:16px;
}
.sources-box h2{font-size:14px;text-transform:uppercase;letter-spacing:1px;margin:0 0 6px}
.more-module{border-top:1px solid var(--hairline);padding:16px 0 4px}
.more-module h2{font-size:18px;font-weight:800;margin:0 0 4px}
.more-module ul{list-style:none;margin:0;padding:0}
.more-module li{padding:6px 0;border-bottom:1px solid var(--hairline)}
.more-module li:last-child{border-bottom:none}
.more-module a{color:var(--ink);font-weight:600}

/* Follow our pages */
.follow-intro{margin:0 0 14px;color:#3D3B34}
.follow-grid{list-style:none;margin:0;padding:0;display:grid;
  grid-template-columns:1fr 1fr;gap:0 28px}
.follow-grid li{border-bottom:1px solid var(--hairline);padding:12px 0}
.follow-grid a{display:block;color:var(--ink)}
.follow-grid a:hover{text-decoration:none}
.follow-grid a:hover .follow-name{color:var(--pine);text-decoration:underline}
.follow-name{font-family:"Libre Franklin",sans-serif;font-weight:800;font-size:18px;display:block}
.follow-desc{font-size:16px;color:#55534C;display:block}
.follow-tag{font-family:"Libre Franklin",sans-serif;font-size:12px;font-weight:700;
  letter-spacing:1px;text-transform:uppercase;color:var(--gold)}
@media (max-width:640px){.follow-grid{grid-template-columns:1fr}}

/* Trust pages */
.page-body{max-width:680px;margin:0 auto;padding:26px 16px 8px}
.page-body h1{font-size:32px;font-weight:900;margin:0 0 14px}
.page-body p{font-size:19px;line-height:1.7;margin:0 0 18px}

/* Footer */
.site-footer{background:var(--pine);color:#F2EFE6;margin-top:34px}
.footer-inner{max-width:1080px;margin:0 auto;padding:28px 16px 22px}
.brand-footer{color:#FFFFFF}
.footer-note{max-width:640px;font-size:16px;color:#DDE8DF}
.footer-links{display:flex;flex-wrap:wrap;gap:6px 22px;margin:14px 0;
  font-family:"Libre Franklin",sans-serif;font-size:14px;font-weight:700}
.footer-links a{color:#FFFFFF}
.footer-fine{font-size:13px;color:#B9CFC0;margin:0}

@media (max-width:640px){
  .brand-name{font-size:30px}
  .mark{width:30px;height:30px}
  .lead-headline{font-size:29px}
  .article-headline{font-size:27px}
  body{font-size:17px}
}
