/* Shared controls and markup visibility only; Classic retains its original CSS. */
.classic-hero-copy, .journal-hero-copy, .journal-masthead { display: none; }
html[data-layout="classic"] .classic-hero-copy { display: block; }
html[data-layout="classic"] .hero-composition,
html[data-layout="classic"] .lab-mini-art,
html[data-layout="classic"] .lab-visual,
html[data-layout="classic"] .footer-brand { display: none; }
html[data-layout="classic"] .filter-options { display: contents; }
html[data-layout="journal"] .hero-composition { display: none; }
html[data-layout="journal"] .journal-hero-copy { display: grid; }
html[data-layout="journal"] .journal-masthead { display: flex; }
.skip-link { position: fixed; top: -100px; left: 20px; z-index: 2001; padding: 10px 20px; background: var(--ink); color: var(--bg); }
.skip-link:focus { top: 12px; }
.layout-switcher { position: relative; }
.layout-menu { position: absolute; top: calc(100% + 8px); right: 0; z-index: 120; width: 218px; padding: 12px; border: 1px solid var(--line-strong); border-radius: 10px; background: var(--bg-raised); color: var(--ink); box-shadow: 0 12px 32px #0000001c; font-family: var(--font-sans); }
.layout-menu[hidden] { display: none; }
.layout-menu label { display: block; margin-bottom: 7px; font-size: 12px; color: var(--ink-2); }
.layout-menu select { width: 100%; min-height: 36px; padding: 7px 28px 7px 9px; border: 1px solid var(--line); border-radius: 5px; background: var(--bg); color: var(--ink); font: inherit; font-size: 13px; font-weight: 500; cursor: pointer; }
.layout-menu select:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
.layout-status { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
@media print { .layout-switcher { display: none; } }

/* 一级栏目与 AI Lab 菜单分别负责新闻/社区和创作栏目，所有版面均可访问。 */
html[data-layout="classic"] .section-nav { display:flex; gap:16px; margin-left:auto; font-size:12px; white-space:nowrap; }
html[data-layout="classic"] .section-nav a { color:var(--ink-2); text-decoration:none; }
@media(max-width:680px) { html[data-layout="classic"] .section-nav { gap:10px; font-size:11px; } }
.navbar .brand { white-space:nowrap; flex-shrink:0; }
.navbar .nav-actions { flex-shrink:0; margin-left:12px; }
@media(max-width:680px) {
  .navbar .brand-sub, .navbar .nav-dropdown-text { display:none; }
  .navbar .navbar-inner { padding-inline:16px; }
  .navbar .nav-actions { margin-left:8px; }
}