/* Single-row navigation, photo-count-aware grids, legible details and quieter trim. */
body.is-sections-demo .site-header .header-inner {
  display:flex;flex-wrap:nowrap;max-width:1600px;width:100%;height:64px;padding:0 32px;gap:12px;
}
body.is-sections-demo .site-header .brand { flex:0 0 auto;white-space:nowrap; }
body.is-sections-demo #main-nav a { padding-inline:9px; }
body.is-sections-demo .site-header .menu-toggle { display:none; }
body.is-sections-demo .site-header #main-nav {
  display:flex;position:static;inset:auto;flex:1 1 auto;flex-wrap:nowrap;justify-content:safe center;align-self:flex-start;margin-top:10px;
  min-width:0;width:auto;max-height:none;overflow-x:auto;overflow-y:hidden;padding:0;border:0;border-radius:0;
  background:transparent;box-shadow:none;scrollbar-width:thin;scrollbar-color:var(--gold) transparent;
}
body.is-sections-demo .site-header #main-nav::-webkit-scrollbar { display:block;height:3px; }
body.is-sections-demo .site-header #main-nav::-webkit-scrollbar-thumb { background:var(--gold);border-radius:3px; }
@media(max-width:1279px) {
  body.is-sections-demo .site-header .header-inner { padding-inline:12px;gap:8px; }
  body.is-sections-demo .site-header #main-nav { gap:2px; }
  body.is-sections-demo .site-header #main-nav a { padding-inline:4px;gap:4px;font-size:13px; }
  body.is-sections-demo .site-header .header-actions { gap:4px; }
}
@media(max-width:767px) {
  body.is-sections-demo .site-header .header-inner { padding-inline:8px;gap:6px; }
  body.is-sections-demo .site-header .brand { font-size:16px; }
  body.is-sections-demo .site-header #main-nav a { padding-inline:2px;gap:3px; }
}

body.is-sections-demo .moment-images { align-items:start; }
body.is-sections-demo .moment-images[data-photo-count="1"] { grid-template-columns:minmax(0,1fr);max-width:760px; }
body.is-sections-demo .moment-images[data-photo-count="2"] { grid-template-columns:repeat(2,minmax(0,1fr)); }
body.is-sections-demo .moment-images button { display:grid;place-items:center;min-width:0;aspect-ratio:16/10;background:rgba(13,30,41,.12); }
body.is-sections-demo .moment-images img { display:block;width:100%;height:100%;max-height:none;aspect-ratio:auto;object-fit:contain; }

body.is-sections-demo :is(.post-meta,.message-meta,.comment-copy time,.moment-head time,.moment-head small,.section-count,.form-help,.novel-card-info small) { font-size:13px; }
body.is-sections-demo :is(.eyebrow,.section-eyebrow,.post-tags .tag,.project-tags .tag,.tag-cloud a,.status-pill) { font-size:12px; }
body.is-sections-demo .moment-card>p { font-size:16px;line-height:1.95; }
body.is-sections-demo .comment-copy>p { font-size:14px;line-height:1.9; }
body.is-sections-demo .comment-form label { font-size:14px; }
body.is-sections-demo .comment-form textarea { font-size:16px;line-height:1.8; }
body.is-sections-demo .moment-actions button { font-size:14px; }
body.is-sections-demo .detail-back {
  padding:9px 15px;border:1px solid var(--fr-rim);border-radius:999px;
  color:#e8f2e9;background:rgba(12,31,45,.9);font-size:14px;
  box-shadow:inset 0 1px rgba(224,242,227,.12);backdrop-filter:blur(14px);
}
body.is-sections-demo .detail-back:hover { color:#f5e9bb;background:rgba(23,49,54,.96); }
html[data-theme="light"] body.is-sections-demo .detail-back { color:#234637;background:rgba(242,251,235,.95); }
html[data-theme="light"] body.is-sections-demo .detail-back:hover { color:#513f21;background:rgba(233,246,224,.98); }

/* Keep every frame's Fanren identity, but subordinate side notes and comments. */
body.is-sections-demo :is(.widget-card,.comment-form,.article-layout>div>.section-card,.moment-feed>.section-card,.message-board>.section-card,.reader-tools,.site-footer) {
  --fr-etch:url("./assets/fanren-glass/bottle-etch-dark-soft.svg");
  --fr-decoration-opacity:.55;
  --fr-rim:rgba(181,174,136,.31);
}
html[data-theme="light"] body.is-sections-demo :is(.widget-card,.comment-form,.article-layout>div>.section-card,.moment-feed>.section-card,.message-board>.section-card,.reader-tools,.site-footer) {
  --fr-etch:url("./assets/fanren-glass/bottle-etch-light-soft.svg");
  --fr-rim:rgba(128,150,113,.28);
}
body.is-sections-demo :is(.widget-card,.comment-form,.article-layout>div>.section-card,.moment-feed>.section-card,.message-board>.section-card,.reader-tools,.site-footer)::after { opacity:var(--fr-decoration-opacity,.55); }
@media(max-width:520px) { body.is-sections-demo .moment-images[data-photo-count] { grid-template-columns:minmax(0,1fr); } }