.article-cover { display:block; width:100%; height:auto; border-radius:18px; margin:24px 0; }
.story .cover-thumb { width:100%; height:175px; object-fit:cover; display:block; }
.browse-tools { margin:0 0 20px; }
.browse-tools label { display:block; font-weight:700; margin-bottom:8px; }
.browse-tools input { width:min(100%,550px); padding:13px 16px; border:1px solid var(--line); border-radius:12px; font:inherit; background:white; color:var(--ink); }
#article-status { color:var(--muted); font-size:.9rem; margin:10px 0; }
.story[hidden] { display:none !important; }
.article-shell h1 { overflow-wrap:anywhere; letter-spacing:-.045em; line-height:1.1; }
.article-shell p { margin:1.15em 0; }
.article-shell a:focus-visible, nav a:focus-visible, button:focus-visible, input:focus-visible { outline:3px solid var(--coral); outline-offset:4px; }
.article-shell .article-toc { background:var(--mist); border-radius:14px; padding:20px 24px; }
.article-toc a { display:block; margin:8px 0; }
@media(max-width:820px) {
  header .head { flex-wrap:wrap; gap:14px; }
  header nav.is-open { display:flex; flex-basis:100%; flex-wrap:wrap; gap:10px 20px; }
  .page-head nav { display:flex; flex-wrap:wrap; gap:8px 14px; font-size:.83rem; }
}