:root { --ink:#252525; --muted:#6b6b6b; --accent:#f39a3f; --accent-soft:#ffd1a1; --line:#dadada; }
* { box-sizing:border-box; }
html { background:#ecebe7; }
body { margin:0; color:var(--ink); font:14px/1.48 Arial, Helvetica, sans-serif; }
img { max-width:100%; height:auto; }
a { color:#000066; text-decoration:underline; text-underline-offset:2px; }
a:hover, a:focus { color:#3030cc; }
.paper { width:min(1120px, calc(100% - 32px)); min-height:100vh; margin:0 auto; background:#fff; padding:22px 20px 28px; border-left:1px solid #cfcfcf; border-right:1px solid #cfcfcf; box-shadow:0 0 24px rgba(0,0,0,.09); }
.masthead { min-height:112px; display:flex; align-items:flex-start; justify-content:space-between; gap:20px; border-bottom:45px solid #050505; position:relative; }
.brand img { width:280px; display:block; }
.issue-date { color:#fff; position:absolute; right:10px; bottom:-39px; margin:0; text-align:right; font-weight:700; line-height:1.2; }
.main-nav { min-height:34px; background:linear-gradient(#ffdcb8,#f3a251); display:flex; align-items:stretch; flex-wrap:wrap; margin-bottom:14px; }
.main-nav a { display:block; padding:8px 16px; color:#222; font-weight:700; text-decoration:none; border-right:1px solid rgba(0,0,0,.12); }
.main-nav a:hover, .main-nav a:focus, .main-nav a.active { background:linear-gradient(#ffbd79,#ef8b28); }
.content { min-height:55vh; }
.issue-title { margin:4px 0 14px; padding-bottom:7px; border-bottom:3px solid var(--line); font-size:24px; }
.news-list > strong.date { display:none; }
.news-list .texta { padding:11px 13px !important; margin:0 0 12px; background:linear-gradient(90deg,#f3f3f3,#fff 72%); border-top:1px solid #eee; }
.news-list .imagea { float:left; width:150px !important; margin:3px 14px 10px 0; background:var(--accent-soft); }
.news-list .imagea p, .article .imagea p { margin:0; padding:6px; font-size:12px; color:#3f3f3f; }
.news-list h2 { margin:0 0 5px; color:#333; font:700 20px Arial, Helvetica, sans-serif; }
.news-list h3.chapter { margin:0 0 4px; color:var(--muted); font-size:15px; }
.news-list .br { clear:both; }
.news-list p { margin:0 0 8px; }
.breadcrumb { color:var(--muted); margin:0 0 16px; }
.article { max-width:820px; }
.article h1 { margin:0 0 5px; font:700 28px/1.15 Arial, Helvetica, sans-serif; color:#333; }
.article h2.subtitle, .article h2 { margin:0 0 16px; color:#555; font-size:18px; }
.article p { margin:0 0 13px; }
.article .textb p { text-indent:1.8em; }
.article .imagea { float:left; max-width:350px; margin:0 16px 12px 0; background:var(--accent-soft); }
.article .br { clear:both; }
.archive-list { padding:0; list-style:none; max-width:850px; border-top:3px solid var(--line); }
.archive-list li { display:flex; justify-content:space-between; gap:20px; padding:11px 8px; border-bottom:1px solid var(--line); }
.archive-list span { flex:none; color:var(--muted); }
.lead { font-size:16px; color:#444; }
footer { clear:both; margin-top:28px; padding-top:14px; border-top:3px solid var(--line); color:var(--muted); }
.error-page { max-width:640px; margin:48px auto; text-align:center; padding:28px; border:3px solid var(--line); background:#fafafa; }
.error-code { margin:0; color:var(--accent); font-size:56px; font-weight:800; }
@media (max-width:720px) {
  .paper { width:100%; padding:14px 14px 22px; border:0; box-shadow:none; }
  .masthead { min-height:92px; border-bottom-width:58px; }
  .brand img { width:min(245px, 72vw); }
  .issue-date { bottom:-51px; font-size:12px; }
  .main-nav { margin-bottom:12px; }
  .main-nav a { flex:1; text-align:center; padding:9px 8px; }
  .issue-title { font-size:21px; }
  .news-list .imagea, .article .imagea { float:none; width:auto !important; max-width:100%; margin:0 0 10px; }
  .news-list h2 { font-size:19px; }
  .article h1 { font-size:25px; }
  .article .textb p { text-indent:0; }
  .archive-list li { display:block; }
  .archive-list span { display:block; margin-top:4px; }
}