@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,600;9..144,700&family=Work+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap');

:root{
  --bg:#fbf6ee;
  --panel:#ffffff;
  --ink:#241d16;
  --ink-dim:#6b6153;
  --line:#e4d8c4;
  --navy:#1f3a4d;
  --mustard:#c68a1f;
  --mustard-soft:#f4e3c2;
}
*{box-sizing:border-box;}
body{
  margin:0; background:var(--bg); color:var(--ink);
  font-family:'Work Sans', sans-serif; line-height:1.6;
  -webkit-font-smoothing:antialiased;
}
a{color:var(--navy);}
.top{
  border-bottom:1px solid var(--line); padding:36px 20px 26px;
  background:var(--panel);
}
.top-inner{max-width:680px; margin:0 auto;}
.eyebrow{
  font-family:'JetBrains Mono', monospace; font-size:11px; letter-spacing:.14em;
  text-transform:uppercase; color:var(--mustard); margin:0 0 10px;
}
.brand{
  font-family:'Fraunces', serif; font-weight:700; font-size:clamp(26px,6vw,34px);
  text-decoration:none; color:var(--navy); display:block; margin:0 0 8px;
}
.tagline{color:var(--ink-dim); font-size:14.5px; max-width:50ch; margin:0;}

main{max-width:680px; margin:0 auto; padding:30px 20px 60px;}

.article-list{list-style:none; margin:0; padding:0;}
.article-card{
  display:block; text-decoration:none; color:inherit;
  background:var(--panel); border:1px solid var(--line); border-radius:4px;
  padding:20px 22px; margin-bottom:14px;
}
.article-card:hover{border-color:var(--mustard);}
.article-card .tag{
  font-family:'JetBrains Mono', monospace; font-size:10.5px; letter-spacing:.1em; text-transform:uppercase;
  color:var(--mustard); margin-bottom:8px; display:block;
}
.article-card h2{font-family:'Fraunces', serif; font-weight:700; font-size:20px; margin:0 0 8px; text-wrap:balance;}
.article-card p{color:var(--ink-dim); font-size:14px; margin:0;}

article h1{
  font-family:'Fraunces', serif; font-weight:700; font-size:clamp(24px,5vw,32px);
  line-height:1.15; margin:0 0 14px; text-wrap:balance; color:var(--navy);
}
article .meta{
  font-family:'JetBrains Mono', monospace; font-size:11px; color:var(--mustard);
  text-transform:uppercase; letter-spacing:.1em; margin-bottom:22px;
}
article p{max-width:64ch; font-size:16.5px;}
article h2{
  font-family:'Fraunces', serif; font-weight:700; font-size:21px;
  margin:34px 0 12px; color:var(--navy);
}
article ul,article ol{padding-left:22px; font-size:16.5px;}
article li{margin-bottom:8px;}
article strong{color:var(--navy);}
.callout{
  background:var(--mustard-soft); border-left:3px solid var(--mustard);
  padding:16px 18px; margin:24px 0; font-size:15.5px; border-radius:2px;
}

.ad-slot{
  margin:32px 0; padding:14px; border:1px dashed var(--line); border-radius:4px;
  text-align:center; font-family:'JetBrains Mono', monospace; font-size:11px; color:var(--ink-dim);
  text-transform:uppercase; letter-spacing:.08em;
}

footer{
  border-top:1px solid var(--line); padding:24px 20px; text-align:center;
  font-family:'JetBrains Mono', monospace; font-size:11px; color:var(--ink-dim);
}

.back-link{
  display:inline-block; margin-top:38px; font-family:'JetBrains Mono', monospace;
  font-size:12px; text-transform:uppercase; letter-spacing:.08em; color:var(--navy);
}