/* R10 shell: consistent header, compact dismissible ticker and progressive images. */
body .almk-topbar{background:#0e1720!important;color:#fff!important;border-color:#28313c!important}
body .almk-topbar .almk-brand,body .almk-topbar .top-action{color:#fff!important}
body .almk-topbar .portal-search{background:#1b2631!important;border-color:#34414d!important;color:#fff}
body .almk-topbar .portal-search input::placeholder{color:#b8c3ce;opacity:1}
body .almk-topbar .hamburger i{background:#fff!important}
body .almk-topbar .almk-brand .logo-light{display:none!important}
body .almk-topbar .almk-brand .logo-dark{display:block!important}
body .almk-topbar .account-menu-panel{color:var(--portal-ink);background:var(--portal-paper);max-height:calc(100dvh - 110px);overflow-y:auto;overscroll-behavior:contain}
.mobile-drawer{height:100dvh;max-height:100dvh;overflow-y:auto!important;overscroll-behavior:contain;padding-bottom:calc(100px + env(safe-area-inset-bottom))!important;scrollbar-gutter:stable;z-index:300!important}
.mobile-drawer .drawer-nav,.mobile-drawer .drawer-account{height:auto!important;max-height:none!important;overflow:visible!important;flex-shrink:0}
.mobile-drawer .drawer-account>a{min-height:44px;line-height:1.35;padding-block:12px}
.drawer-backdrop{z-index:290!important}.drawer-open{overflow:hidden}
.drawer-head{position:sticky;top:-18px;z-index:2;background:var(--surface,var(--portal-paper))}
.breaking-ticker{display:block;min-height:0;background:#212529;margin:0;width:100%;padding:0 max(24px,calc((100vw - 1432px)/2));box-sizing:border-box}
.breaking-ticker[hidden]{display:none!important}
.breaking-inner{display:flex;align-items:stretch;min-width:0;width:100%}
.breaking-label{font:800 13px/1.2 Arial,Helvetica,sans-serif;white-space:nowrap;padding:12px 14px;display:flex;align-items:center;background:#ff8225}
.breaking-window{min-width:0;flex:1;overflow:hidden;display:flex;align-items:center}
.breaking-track{flex-shrink:0;animation:none;padding:9px 18px;font-size:22px;line-height:1.3}
.breaking-ticker.is-overflowing .breaking-track{animation:r10-ticker var(--ticker-duration,8s) linear alternate infinite}
.breaking-ticker:hover .breaking-track,.breaking-ticker:focus-within .breaking-track{animation-play-state:paused}
.breaking-close{align-self:center;flex:0 0 34px;display:grid;place-items:center;min-width:34px;min-height:36px;padding:0;margin:4px 0 4px 8px;border:0;border-radius:4px;background:transparent;color:#fff;font:27px/1 Arial;cursor:pointer}
.breaking-close:hover{background:#ffffff1c}.breaking-close:focus-visible{outline:2px solid #ffb36f;outline-offset:1px}
@keyframes r10-ticker{0%,4%{transform:translateX(0)}96%,100%{transform:translateX(var(--ticker-shift,0))}}
/* Progressive image placeholders retain existing frame dimensions and do not crop content. */
.media-pending{background-color:var(--portal-line,#e4e8eb);background-image:linear-gradient(100deg,transparent 30%,#ffffff44 48%,transparent 66%);background-size:220% 100%;animation:r10-shimmer 1.5s ease-in-out infinite}
.media-error{background-color:var(--portal-line,#e4e8eb);object-fit:contain!important;color:var(--portal-muted);font:14px/1.4 Arial,Helvetica,sans-serif}
@keyframes r10-shimmer{to{background-position:-220% 0}}
.r10-skip-link{position:fixed;left:12px;top:-70px;z-index:400;background:var(--portal-paper);color:var(--portal-ink);padding:12px 18px;border:2px solid var(--portal-red);border-radius:6px}
.r10-skip-link:focus{top:10px}
@media(max-width:900px){.breaking-ticker{padding-inline:12px}.breaking-label{font-size:11px;padding:10px 9px;white-space:normal;width:80px;flex-shrink:0}.breaking-track{font-size:20px;padding:10px 12px}.breaking-close{margin-left:3px;flex-basis:30px;min-width:30px}.mobile-drawer .drawer-nav{gap:6px!important}.mobile-drawer .drawer-nav>a{padding:9px!important;min-height:64px!important}.mobile-drawer .drawer-account .admin-link{font-weight:700;border:1px solid var(--portal-line);border-radius:7px}}
@media(prefers-reduced-motion:reduce){.media-pending{animation:none}.breaking-ticker.is-overflowing .breaking-track{animation:none;white-space:normal;font:700 14px/1.45 Arial,sans-serif;width:100%;padding:10px}.breaking-ticker .breaking-close{display:grid}}

html[data-theme] body .almk-topbar .portal-search{background:#fff!important;border-color:#34414d!important;color:#17212e!important}

/* R12: the breaking label has two deliberate, unbroken lines. */
.breaking-label{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:0;white-space:nowrap;text-transform:none}
.breaking-label>span{display:block;white-space:nowrap;line-height:1.15}
