.static-page { background: var(--paper); }
.static-page .header-inner { min-height: 80px; }
.static-page .main-nav a:last-child { color: var(--accent-dark); }
.article-shell,
.archive-shell { width: min(100% - 40px, 920px); margin: 0 auto; padding: 44px 0 72px; }
.breadcrumb { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin-bottom: 24px; color: var(--muted); font-size: 14px; }
.breadcrumb a { color: var(--accent-dark); text-decoration: underline; text-underline-offset: 3px; }
.article-card { background: var(--surface); border: 1px solid var(--line); border-radius: 16px; padding: clamp(24px, 5vw, 56px); box-shadow: 0 18px 50px rgba(23,61,55,.07); }
.article-meta { margin: 0 0 22px; color: var(--muted); font-size: 14px; line-height: 1.8; }
.related-content { margin-top: 42px; }
.related-content h2 { font-size: 22px; margin-bottom: 16px; }
.related-content ul { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; list-style: none; padding: 0; margin: 0; }
.related-content li a { display: block; height: 100%; padding: 18px; background: var(--surface); border: 1px solid var(--line); border-radius: 10px; }
.related-content li a:hover { border-color: var(--accent); transform: translateY(-2px); }
.related-content li span { display: block; margin-bottom: 8px; color: var(--accent-dark); font-size: 13px; }
.related-content li strong { font-size: 16px; line-height: 1.65; }
.archive-hero { padding: 36px 0 48px; border-bottom: 1px solid var(--line); }
.archive-hero h1 { font-size: clamp(38px, 7vw, 68px); margin: 8px 0 18px; }
.archive-hero > p:not(.hero-eyebrow) { max-width: 720px; color: var(--muted); font-size: 18px; line-height: 1.9; }
.archive-hero > strong { display: inline-block; margin-top: 16px; color: var(--accent-dark); }
.archive-section { padding-top: 48px; }
.archive-heading { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; margin-bottom: 18px; }
.archive-heading h2 { font-size: 28px; }
.archive-heading span { color: var(--muted); }
.archive-list { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; }
.archive-list article a { display: block; height: 100%; padding: 24px; background: var(--surface); border: 1px solid var(--line); border-radius: 12px; }
.archive-list article a:hover { border-color: var(--accent); box-shadow: 0 12px 28px rgba(23,61,55,.08); transform: translateY(-2px); }
.archive-list h3 { margin: 14px 0 10px; font-size: 20px; line-height: 1.55; }
.archive-list p { color: var(--muted); line-height: 1.8; }
.archive-list time { display: block; margin-top: 16px; color: var(--muted); font-size: 13px; }
.static-page .preview-note { text-decoration: underline; text-underline-offset: 4px; }
@media (max-width: 720px) {
  .article-shell, .archive-shell { width: min(100% - 28px, 920px); padding-top: 28px; }
  .article-card { padding: 24px 18px; }
  .related-content ul, .archive-list { grid-template-columns: 1fr; }
  .archive-hero { padding-top: 22px; }
}
.category-nav { display:flex; flex-wrap:wrap; gap:12px; margin:28px 0; }
.category-nav a { padding:10px 16px; border:1px solid var(--line); border-radius:24px; }
.category-nav a[aria-current] { background:var(--accent-dark); color:#fff; }
.archive-list h2 { font-size:22px; line-height:1.6; }
.curation-note { margin-top:32px; color:var(--muted); line-height:1.8; }