/* NOLA Comfort B — presentation-only overrides. No avatar/frame/reader rules. */
@media (min-width: 900px) {
  #nola15-dashboard { width:min(1440px,90vw)!important; max-width:1440px!important; padding:clamp(22px,2.4vw,38px)!important; }
  #nola10directory {width:min(1440px,90vw)!important;max-width:1440px!important;padding:clamp(24px,2.4vw,38px)!important;}
  #nola57works {max-width:1440px!important;width:min(1440px,90vw)!important;}
  body.nola-quarter-page #sec-catalog {max-width:1440px!important;width:min(1440px,90vw)!important;}
  #nola-quarter-return-strip:not([hidden]) {max-width:1440px!important;width:min(1440px,90vw)!important;}
  #nolaSettingsDialog {width:min(1400px,90vw)!important;max-width:1400px!important;}
  #nolaTreasury,#nolaDiaryBox,#nolaFramePanel {max-width:min(1400px,90vw)!important;}
}
/* Scope to navigation and catalog UI: don't alter avatar geometry or reader typography. */
#nola15-dashboard, #nola10directory, #nola57works, body.nola-quarter-page #sec-catalog,
#nolaSettingsDialog, #nolaTreasury, #nolaDiaryBox, #nolaFramePanel {
  font-size:18px; line-height:1.55;
}
#nola15-dashboard :is(button,input,select,textarea),
#nola10directory :is(button,input,select,textarea),
#nola57works :is(button,input,select,textarea),
body.nola-quarter-page #sec-catalog :is(button,input,select,textarea),
#nolaSettingsDialog :is(button,input,select,textarea),
#nolaTreasury :is(button,input,select,textarea) {
  font-size:17px!important;line-height:1.45;
}
#nola15-dashboard :is(button,input,select),
#nola10directory :is(button,input,select),
#nola57works :is(button,input,select),
body.nola-quarter-page #sec-catalog :is(button,input,select),
#nolaSettingsDialog :is(button,input,select) {
  min-height:46px;
}
#nola15-dashboard :is(input[type="search"],input[type="text"],select),
#nola10directory :is(input[type="search"],input[type="text"],select),
#nola57works :is(input[type="search"],input[type="text"],select) {min-height:50px;padding-block:11px;}
#nola15-dashboard :is(.text-xs,.text-sm),
#nola10directory :is(.text-xs,.text-sm),
#nola57works :is(.text-xs,.text-sm) {font-size:15px!important;line-height:1.55!important;}
#nola10directory .nola-authors-note {font-size:15px!important;}
#nola10directory .nola-author-card {padding:clamp(20px,2vw,28px)!important;gap:22px;}
#nola10directory .nola-author-card-title {font-size:22px;}
#nola10directory .nola-authors-list {gap:16px;}
#nola15-dashboard :is(h2,h3),#nola10directory h2,#nola57works h2 {line-height:1.25;}
@media (max-width:899px) {
  #nola15-dashboard {width:calc(100vw - 20px)!important;max-width:none!important;padding:16px!important;}
  #nola10directory,#nola57works {width:calc(100% - 20px)!important;max-width:none!important;}
  #nola10directory .nola-author-card {padding:16px!important;gap:12px;}
  #nola10directory .nola-authors-toolbar {grid-template-columns:1fr!important;}
  #nola15-dashboard :is(button,input,select),#nola10directory :is(button,input,select) {min-height:44px;}
}
@media (max-width:480px) {
  #nola15-dashboard,#nola10directory,#nola57works {font-size:16px;}
  #nola15-dashboard :is(button,input,select),#nola10directory :is(button,input,select) {font-size:16px!important;}
}

/* Catalog readability refinement (2026-11-07). Scoped to catalog only. */
#sec-catalog .archive-filter-sidebar,
#sec-catalog .archive-filter-results {font-size:17px;line-height:1.55;}
#sec-catalog .archive-filter-sidebar :is(label,summary),
#sec-catalog .archive-filter-sidebar .nola-filter-label {font-size:16px!important;line-height:1.5!important;}
#sec-catalog .archive-filter-sidebar :is(input,select),
#sec-catalog #catalogSearch {font-size:17px!important;line-height:1.5!important;}
#sec-catalog .archive-filter-sidebar :is(.text-xs,.text-sm),
#sec-catalog .archive-filter-results :is(.text-xs,.text-sm),
#sec-catalog #nolaCatalogCount {font-size:15px!important;line-height:1.55!important;}
#sec-catalog #catalogGrid {font-size:17px;line-height:1.55;}
#sec-catalog #catalogGrid :is(.text-xs,.text-\[10px\],.text-\[11px\],.text-\[12px\]) {font-size:15px!important;line-height:1.5!important;}
#sec-catalog #catalogGrid .text-sm {font-size:16px!important;line-height:1.5!important;}
#sec-catalog #catalogGrid :is(button,a) {font-size:16px;}
#sec-catalog .archive-filter-tag-choices label {font-size:15px!important;}
@media(max-width:600px) {
  #sec-catalog .archive-filter-sidebar, #sec-catalog #catalogGrid {font-size:16px;}
  #sec-catalog .archive-filter-sidebar :is(label,summary),#sec-catalog .archive-filter-sidebar .nola-filter-label {font-size:15px!important;}
}

