/* Public inner-page navigation follows the community homepage.
   Capsule navigation only; page layouts and CMS output keep their existing rules. */
.cmuaa-page { --cmuaa-nav-paper:#fcfbfd; --cmuaa-nav-surface:#fcfbfdef; --cmuaa-nav-ink:#47265e; --cmuaa-nav-line:#e6dfeb; --cmuaa-nav-hover:#f2edf6; }
.cmuaa-page [hidden] { display:none!important; }
.cmuaa-page .cmuaa-header { min-height:80px; padding:8px 0; border:0; background:transparent; backdrop-filter:none; }
.cmuaa-page .cmuaa-header .cmuaa-nav-row { width:min(1320px,calc(100% - 88px)); height:64px; min-height:64px; margin:0 auto; padding:0 22px; gap:22px; justify-content:space-between; border:1px solid var(--cmuaa-nav-line); border-radius:999px; background:var(--cmuaa-nav-surface); backdrop-filter:blur(16px); }
.cmuaa-header .cmuaa-brand img { width:190px; height:auto; }
.cmuaa-header .cmuaa-nav { display:flex; gap:22px; margin:0; align-items:center; }
.cmuaa-header .cmuaa-nav > a,.cmuaa-header .cmuaa-more > summary { font-size:14px; font-weight:400; color:var(--cmuaa-nav-ink); white-space:nowrap; }
.cmuaa-header .cmuaa-nav > a.is-current { color:var(--cmuaa-nav-ink); font-weight:600; }
.cmuaa-header .cmuaa-nav > a:after { background:var(--cmuaa-nav-ink); }
.cmuaa-header .cmuaa-more > summary:after { content:'⌄'; color:var(--cmuaa-nav-ink); }
.cmuaa-header .cmuaa-more[open] > summary:after { content:'⌃'; }
.cmuaa-header .cmuaa-more-menu { border:1px solid var(--cmuaa-nav-line); border-radius:12px; background:var(--cmuaa-nav-paper); color:var(--cmuaa-nav-ink); box-shadow:0 12px 32px #3028360b; }
.cmuaa-header .cmuaa-more-menu a { font-size:14px; font-weight:400; color:var(--cmuaa-nav-ink); }
.cmuaa-header .cmuaa-more-menu a:hover,.cmuaa-header .cmuaa-more-menu a.is-current { background:var(--cmuaa-nav-hover); }
.cmuaa-header .cmuaa-nav-actions { display:flex; align-items:center; gap:10px; flex:0 0 auto; }
.cmuaa-header .cmuaa-nav-cta { display:inline-flex; align-items:center; gap:22px; min-height:40px; padding:8px 18px; margin:0; border:1px solid var(--cmuaa-nav-line); border-radius:999px; background:transparent; box-shadow:none; color:var(--cmuaa-nav-ink)!important; font-size:13px; font-weight:500; line-height:1.5; white-space:nowrap; }
.cmuaa-header .cmuaa-nav-cta:hover { color:var(--cmuaa-nav-ink)!important; background:var(--cmuaa-nav-hover); }
.cmuaa-header .cmuaa-theme-toggle { min-height:38px; padding:6px 12px; border:1px solid var(--cmuaa-nav-line); border-radius:999px; background:transparent; color:var(--cmuaa-nav-ink); font:inherit; font-size:12px; line-height:1.5; white-space:nowrap; cursor:pointer; }
.cmuaa-header .cmuaa-theme-toggle:hover { background:var(--cmuaa-nav-hover); }
.cmuaa-header .cmuaa-menu-toggle { display:none; width:auto; min-width:0; height:38px; min-height:38px; margin:0; padding:7px 14px; gap:8px; border:1px solid var(--cmuaa-nav-line); border-radius:999px; background:var(--cmuaa-nav-paper); color:var(--cmuaa-nav-ink); font-size:13px; font-weight:400; line-height:1.5; }
.cmuaa-header .cmuaa-menu-toggle span { width:auto; height:auto; background:none; }
.cmuaa-header :focus-visible { outline:3px solid #8b6426; outline-offset:4px; }
@media(max-width:1199px) {
  .cmuaa-page .cmuaa-header .cmuaa-nav-row { width:calc(100% - 56px); }
  .cmuaa-header .cmuaa-nav { display:none; position:absolute; top:calc(100% + 8px); left:22px; right:22px; width:auto; margin:0; padding:14px 22px; flex-direction:column; align-items:stretch; gap:0; max-height:calc(100dvh - 110px); overflow-y:auto; border:1px solid var(--cmuaa-nav-line); border-radius:16px; background:var(--cmuaa-nav-paper); box-shadow:0 12px 32px #3028360b; }
  .cmuaa-header .cmuaa-nav.is-open { display:flex; }
  .cmuaa-header .cmuaa-nav > a,.cmuaa-header .cmuaa-more > summary { padding:11px 0; }
  .cmuaa-header .cmuaa-more-menu { position:static; width:100%; border:0; box-shadow:none; background:var(--cmuaa-nav-hover); }
  .cmuaa-header .cmuaa-menu-toggle { display:inline-flex; }
}
@media(max-width:700px) {
  .cmuaa-page .cmuaa-header { min-height:72px; }
  .cmuaa-page .cmuaa-header .cmuaa-nav-row { width:calc(100% - 24px); height:56px; min-height:56px; padding:0 14px; gap:12px; }
  .cmuaa-header .cmuaa-brand img { width:145px; }
  .cmuaa-header .cmuaa-nav-actions { gap:8px; }
  .cmuaa-header .cmuaa-nav-cta { display:none; }
}
@media(max-width:360px) {
  .cmuaa-page .cmuaa-header .cmuaa-nav-row { gap:10px; }
  .cmuaa-header .cmuaa-brand img { width:120px; }
  .cmuaa-header .cmuaa-theme-toggle { padding-inline:9px; font-size:11px; }
}
/* Reuse the homepage's explicit color switch; light remains the initial state. */
.cmuaa-page[data-color-theme=dark] { --cmuaa-paper:#19151d; --cmuaa-white:#241d2b; --cmuaa-purple:#d9b7ef; --cmuaa-purple-deep:#f1e7f8; --cmuaa-purple-soft:#2a2032; --cmuaa-ink:#e8e0ee; --cmuaa-muted:#bcb0c5; --cmuaa-line:#413447; --cmuaa-gold:#d7b878; --cmuaa-nav-paper:#241d2b; --cmuaa-nav-surface:#211b28ed; --cmuaa-nav-ink:#d9b7ef; --cmuaa-nav-line:#413447; --cmuaa-nav-hover:#2a2032; background:var(--cmuaa-paper); color:var(--cmuaa-ink); color-scheme:dark; }
/* Navigation logo keeps its supplied transparency in both color modes. */
.cmuaa-page[data-color-theme=dark] .cmuaa-main :is(.form-control,.input-group-addon,.cmuaa-more-dialog,.cmuaa-news-dialog,.cmuaa-contact-form) { background:var(--cmuaa-white); color:var(--cmuaa-ink); }
.cmuaa-page[data-color-theme=dark] .cmuaa-main :is(input,select,textarea) { background-color:var(--cmuaa-white); color:var(--cmuaa-ink); }
.cmuaa-page[data-color-theme=dark] :is(.cmuaa-public-button,.cmuaa-filter-submit) { color:#25152f!important; }
.cmuaa-page[data-color-theme=dark] :is(.cmuaa-album-print,.cmuaa-polaroid-photo) { --cmuaa-muted:#716379; --cmuaa-purple:#47265e; --cmuaa-ink:#302638; --cmuaa-line:#e6dfeb; color:var(--cmuaa-ink); }
.cmuaa-page[data-color-theme=dark] .cmuaa-footer-bottom > img { background:#fff; padding:4px 8px; border-radius:8px; }
.cmuaa-page-phapa[data-color-theme=dark] { --paper:#19151d; --paper-deep:#241d2b; --white:#241d2b; --ink:#e8e0ee; --purple:#d9b7ef; --purple-hover:#eddaff; --muted:#bcb0c5; --gold:#d7b878; --line:#413447; --wash:#2a2032; color-scheme:dark; }
@media(prefers-reduced-transparency:reduce) { .cmuaa-page .cmuaa-header .cmuaa-nav-row { background:var(--cmuaa-nav-paper); backdrop-filter:none; } }

.cmuaa-page[data-color-theme=dark] .cmuaa-popular-arrow { background:var(--cmuaa-white); color:var(--cmuaa-purple); border-color:var(--cmuaa-line); }