/* Anthropic Times — newspaper stylesheet (mirrors the edition front pages) */
:root{
  --paper:#f8f5ee; --paper-edge:#e6e0cf; --ink:#14110b; --ink-soft:#403b31;
  --ink-faint:#716a5b; --rule:#14110b; --rule-soft:#bdb5a3; --accent:#7c1d1d; --box-bg:#efe9da;
}
:root[data-theme="dark"]{
  --paper:#1d1a15; --paper-edge:#29251d; --ink:#ece4d0; --ink-soft:#c8bfa9;
  --ink-faint:#968d77; --rule:#ece4d0; --rule-soft:#4c473b; --accent:#e0917d; --box-bg:#25221b;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme]){
    --paper:#1d1a15; --paper-edge:#29251d; --ink:#ece4d0; --ink-soft:#c8bfa9;
    --ink-faint:#968d77; --rule:#ece4d0; --rule-soft:#4c473b; --accent:#e0917d; --box-bg:#25221b;
  }
}
*{box-sizing:border-box}
body{
  margin:0; background:var(--paper); color:var(--ink);
  font-family:"Noto Serif TC","Songti TC","PMingLiU",Georgia,serif;
  line-height:1.75; font-size:17px;
  transition:background-color .25s ease, color .25s ease;
}
.wrap{max-width:980px; margin:0 auto; padding:0 20px 56px}
a{color:inherit; text-decoration:none}
a:hover{color:var(--accent); text-decoration:underline}

/* Masthead */
.masthead{text-align:center; padding:30px 0 0}
.masthead .brand{
  font-family:"UnifrakturMaguntia",Georgia,serif; font-weight:400;
  font-size:clamp(46px,9vw,80px); line-height:1.05; margin:0; color:var(--ink);
}
.masthead .tagline{margin:4px 0 0; font-size:16px; letter-spacing:.35em; color:var(--ink-soft)}
.dateline{
  display:flex; justify-content:space-between; align-items:center; gap:12px; flex-wrap:wrap;
  border-top:3px solid var(--rule); border-bottom:1px solid var(--rule);
  padding:6px 2px; margin-top:16px; font-size:13.5px; color:var(--ink-faint);
}
.theme-btn{
  font:inherit; font-size:13px; color:var(--ink-soft); background:none;
  border:1px solid var(--rule-soft); border-radius:999px; padding:2px 14px; cursor:pointer;
}
.theme-btn:hover{border-color:var(--ink); color:var(--ink)}
nav.topnav{display:flex; gap:26px; justify-content:center; padding:10px 0 0; font-size:15px}
nav.topnav a{color:var(--ink-soft)}

/* Lead edition */
.lead{text-align:center; padding:30px 0 6px}
.kicker{
  margin:0; font-size:13.5px; letter-spacing:.3em; color:var(--accent); font-weight:700;
}
.lead h1{
  font-size:clamp(32px,6vw,54px); line-height:1.25; font-weight:900; margin:14px auto 12px; max-width:760px;
}
.lead h1 a:hover{text-decoration:none; color:var(--ink)}
.dek{color:var(--ink-soft); font-size:18px; max-width:640px; margin:0 auto}
.readfront{margin:16px 0 0; font-size:15.5px}
.readfront a{color:var(--accent); font-weight:700}

/* Headline lists */
ul.headlines{list-style:none; padding:0; margin:22px auto 0; max-width:720px; text-align:left}
ul.headlines li{border-top:1px solid var(--rule-soft); padding:11px 4px; font-size:19px; font-weight:700; line-height:1.5}
ul.headlines li:last-child{border-bottom:1px solid var(--rule-soft)}
ul.headlines a{display:block}
ul.headlines.two-col{display:grid; grid-template-columns:1fr 1fr; gap:0 36px; max-width:900px}
ul.headlines.two-col li{font-size:16.5px}

/* Past editions */
.past{margin-top:44px}
.past > h2{
  font-size:20px; letter-spacing:.2em; text-align:center;
  border-top:3px solid var(--rule); border-bottom:1px solid var(--rule);
  padding:8px 0; margin:0 0 8px; font-weight:900;
}
.edition-block{padding:20px 0 4px}
.edition-block h3{margin:0; font-size:22px; font-weight:900}
.edition-block h3 .dow{font-size:14px; color:var(--ink-faint); font-weight:400; margin-left:8px}
.edition-block h3 a:hover{color:var(--accent)}

/* Section heading (archive / about) */
h2.section{
  font-size:21px; border-top:3px solid var(--rule); border-bottom:1px solid var(--rule);
  padding:6px 2px; margin:30px 0 14px;
}
h2.plain{font-size:24px; margin:28px 0 8px}
article p, main p{margin:0 0 14px}

/* Archive list */
ul.editions{list-style:none; padding:0; margin:0}
ul.editions li{border-bottom:1px solid var(--rule-soft); padding:12px 2px; font-size:18px}
ul.editions .date{color:var(--ink-faint); font-size:14.5px}

/* Subscribe */
.subscribe{
  border-top:3px double var(--rule); border-bottom:3px double var(--rule);
  padding:22px 16px; text-align:center; margin:44px 0 0;
}
.subscribe h2{margin:0 0 4px; font-size:22px; font-weight:900}
.subscribe p{margin:2px 0; color:var(--ink-soft); font-size:15.5px}
.subscribe form{margin-top:12px; display:flex; gap:8px; justify-content:center; flex-wrap:wrap}
.subscribe input[type="email"]{
  font:inherit; padding:8px 12px; border:1.5px solid var(--rule);
  background:var(--paper); color:var(--ink); min-width:min(280px,80vw);
}
.subscribe input[type="submit"]{
  font:inherit; padding:8px 22px; border:1.5px solid var(--rule);
  background:var(--ink); color:var(--paper); cursor:pointer;
}
.subscribe input[type="submit"]:hover{background:var(--accent); border-color:var(--accent)}

/* Footer */
footer{
  margin-top:40px; padding-top:14px; border-top:1px solid var(--rule-soft);
  font-size:13.5px; color:var(--ink-faint); text-align:center;
}
footer p{margin:4px 0}
footer nav{display:flex; gap:22px; justify-content:center; margin-bottom:8px; font-size:14px}

@media (max-width:640px){
  ul.headlines.two-col{grid-template-columns:1fr}
  .dateline{justify-content:center; text-align:center}
}