/* Shared app chrome. Keep role gates, org colours, fixed-nav height and controls intact. */
.comic-app{background:var(--comic-paper);color:var(--comic-ink)}
.comic-app :is(.nav,.admin-nav){background:var(--comic-paper);border-bottom:2px solid var(--comic-ink);box-shadow:0 3px 0 var(--comic-coral)}
.comic-app .admin-nav__brand>img{width:26px;height:26px;object-fit:contain}
.comic-app .nav__wordmark{color:var(--comic-ink)}
.comic-app :is(.nav__user-dropdown,.admin-nav__user-dropdown,.admin-nav__people-menu){border:2px solid var(--comic-ink);border-radius:0;background:var(--comic-paper);box-shadow:4px 4px 0 var(--comic-ink)}
.comic-app :is(.admin-nav__link,.admin-nav__people-btn,.nav__user-dropdown-item,.admin-nav__people-item){font-family:var(--comic-type)}
.comic-app .admin-nav__context-bar{background:#e9faff;border-bottom:1px solid var(--comic-ink)}
.comic-app :is(.admin-nav__context-label,.admin-nav__context-exit){color:#00516c}
.comic-app .site-footer{background:var(--comic-paper);border-top:2px solid var(--comic-ink);color:var(--comic-ink)}
.comic-app .site-footer__links a{font-family:var(--comic-type);color:var(--comic-ink);text-underline-offset:4px}
.comic-app .site-footer__copy{color:var(--comic-muted)}
.comic-app :is(.page-header h1,.admin-page-title,.maps-shelf__title){font-family:var(--comic-type);font-weight:400;line-height:1.25}
.comic-app :is(a,button,input,select,textarea,summary):focus-visible{outline:3px solid #00516c;outline-offset:4px}
.comic-app :is(.sariio-crumbs,.cm-crumb){line-height:1.5}
.comic-app :is(.sariio-crumbs a,.cm-crumb a){color:#00516c;text-decoration:underline;text-underline-offset:3px}
.comic-app .maps-shelf__grid{gap:22px;padding-bottom:18px;border-bottom:8px solid var(--comic-ink);box-shadow:0 4px 0 var(--comic-amber)}
.comic-app .maps-card{position:relative;border:2px solid var(--comic-ink);border-top:8px solid var(--comic-blue);border-radius:0;background:var(--comic-paper);box-shadow:4px 4px 0 var(--comic-ink);padding:22px}
.comic-app .maps-card:nth-child(4n+2){border-top-color:var(--comic-amber)}
.comic-app .maps-card:nth-child(4n+3){border-top-color:var(--comic-teal)}
.comic-app .maps-card:nth-child(4n){border-top-color:var(--comic-coral)}
.comic-app .maps-card__name{font-family:var(--comic-type);font-weight:400;font-size:23px;line-height:1.3}
@media(max-width:760px){.comic-app .admin-nav__links{background:var(--comic-paper)}.comic-app .maps-shelf__grid{grid-template-columns:1fr}}
@media print{.comic-app{background:white}.comic-app .nav,.comic-app .site-footer{box-shadow:none}}