/* Permanent Miraa identity, approved 4 October 2026.
   Content updates must not alter this shared palette or masthead surface. */
:root{
 --brand-navy:#172235;--brand-pearl:#F5F4F0;--brand-white:#FFFFFF;
 --brand-charcoal:#20242B;--brand-muted:#737983;--brand-gold:#B49A65;--brand-breaking:#C62828;
 --ink:var(--brand-charcoal);--ink-2:var(--brand-navy);--paper:var(--brand-pearl);
 --mirror:var(--brand-gold);--gold:var(--brand-gold);--red:var(--brand-breaking);
 --coral:var(--brand-breaking);--muted:var(--brand-muted);--line:#DCDDDC;
}
html,body{background:var(--brand-pearl);color:var(--brand-charcoal)}
/* Opaque, uniform banner: independent of photos, edition or news category. */
header.site-header,header.newspaper-header,header.site-header .masthead,header.site-header .topbar,header.site-header nav{
 background:var(--brand-navy);background-image:none;opacity:1;color:var(--brand-pearl);
}
header.site-header{box-shadow:none;border-bottom:1px solid var(--brand-gold)}
header.site-header .masthead::before,header.site-header .masthead::after{background:none;content:none}
header.site-header .brand small,header.site-header .topbar,header.site-header a,header.site-header button{color:var(--brand-pearl)}
header.site-header nav{border-top:1px solid #ffffff24}
header.site-header nav a:hover,header.site-header nav a.active{background:var(--brand-navy);color:var(--brand-white);border-bottom-color:var(--brand-gold)}
header.site-header .header-search{background:var(--brand-navy);border-color:#ffffff60}
header.site-header .icon-btn{background:var(--brand-navy);color:var(--brand-white)}
.edition{background:var(--brand-pearl)}
.edition strong,.section-title h2,.news-body h3,.lead-copy h1,.side-copy h2,.reading-page h1,.reading-page h2{color:var(--brand-charcoal)}
.edition span,.meta,.source,.review,.side-copy .label,.side-copy .meta{color:#626873}
.news-card,.lead-card,.info-page,.news-video,dialog{background:var(--brand-white);color:var(--brand-charcoal)}
.news-card p,.lead-copy p,.articles-reading article p{color:var(--brand-charcoal)}
.lead-copy .label,.label,.article-kicker{color:#626873}
.lead-copy .source,.lead-copy .meta{color:#626873}
.news-photo figcaption,.story-photo figcaption{background:var(--brand-pearl);color:#626873}
.news-photo figcaption a,.story-photo figcaption a{color:inherit}
.news-card{border-bottom-color:#DCDDDC}
.news-card:hover{border-bottom-color:var(--brand-gold)}
.section-title,.articles-section,.news-desk,.side-news>h2{border-color:var(--brand-gold)}
.read-story,.coverage-link,.coverage-link:hover,.video-play{background:var(--brand-navy);color:var(--brand-white);border-color:var(--brand-navy)}
.headlines-strip,.editorial,.articles-directory{background:#ECEBE6;color:var(--brand-charcoal);border-color:#DCDDDC}
.headlines-strip>strong,.articles-directory>span,.articles-directory a{color:var(--brand-charcoal)}
.articles-showcase .article-feature{background:var(--brand-white);color:var(--brand-charcoal);border-color:#DCDDDC}
.articles-showcase .article-feature h3,.articles-showcase .article-feature p{color:var(--brand-charcoal)}
.articles-showcase .article-spotlight{background:var(--brand-navy);color:var(--brand-white);border-color:var(--brand-navy);border-top-color:var(--brand-gold)}
.articles-showcase .article-spotlight h3,.articles-showcase .article-spotlight p,.article-spotlight .article-card-footer,.article-spotlight .article-card-footer a{color:var(--brand-pearl)}
.articles-showcase .article-spotlight .article-kicker{color:#D9CBAE}
.article-card-footer{border-color:#DCDDDC}
footer{background:var(--brand-navy);color:var(--brand-pearl);border-top-color:var(--brand-gold)}
footer a,footer button,footer small{color:var(--brand-pearl)}
.ticker.ticker-inactive{background:#ECEBE6;color:var(--brand-charcoal);border-color:#DCDDDC}
.ticker.ticker-inactive .ticker-badge{background:var(--brand-navy);color:var(--brand-white)}
.ticker:not(.ticker-inactive),.ticker:not(.ticker-inactive) .ticker-badge{background:var(--brand-breaking);color:var(--brand-white);border-color:var(--brand-breaking)}
.ticker:not(.ticker-inactive) .ticker-item,.ticker:not(.ticker-inactive) .ticker-badge small,.ticker:not(.ticker-inactive) .ticker-item time{color:var(--brand-white)}
.ticker:not(.ticker-inactive) .ticker-item time{background:var(--brand-breaking);border-color:#ffffff80}
:focus-visible{outline:3px solid var(--brand-gold);outline-offset:3px}
header.newspaper-header::before,header.newspaper-header::after{content:none;background:none;opacity:0}
header.site-header .brand small{color:var(--brand-pearl)!important}
.lead-copy .label{background:var(--brand-navy);color:var(--brand-white)}
.search-result .meta,.search-result .source,dialog p,.editorial h2,.editorial p,.editorial .label{color:var(--brand-charcoal)}
.articles-showcase .article-feature .article-kicker{color:#626873}
.articles-showcase .article-spotlight .article-kicker{color:#D9CBAE}
a:focus-visible,button:focus-visible,input:focus-visible{outline-color:var(--brand-gold)}
/* Weather is independent of the permanent banner and red breaking ticker. */
.weather-strip{display:flex;align-items:center;gap:0;background:var(--brand-navy);color:var(--brand-pearl);border-top:1px solid #ffffff20;border-bottom:1px solid var(--brand-gold);min-height:40px;overflow:hidden;direction:rtl}
.weather-title{flex:0 0 auto;display:flex;align-items:center;gap:8px;padding:4px 14px;border-left:1px solid #ffffff26;z-index:1;background:var(--brand-navy)}
.weather-title strong{font-size:.75rem;color:#D9CBAE;white-space:nowrap}
.weather-pause{display:grid;place-items:center;width:28px;height:28px;border:1px solid #ffffff50;background:transparent;color:#fff;border-radius:50%;cursor:pointer;font-size:1rem;padding:0}
.weather-window{flex:1;min-width:0;overflow:hidden;direction:ltr;mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)}
.weather-track{display:flex;width:max-content;animation:ticker-scroll var(--weather-duration,60s) linear infinite;will-change:transform}
.weather-group{display:flex;flex:0 0 auto;direction:rtl}
.weather-item{display:flex;align-items:center;gap:9px;white-space:nowrap;padding:6px 20px;border-left:1px solid #ffffff26;font-size:.8125rem}
.weather-item strong{font-weight:500}.weather-temp{font-size:.9375rem;font-weight:600;color:#fff}.weather-icon{width:22px;height:24px;flex:none;color:#fff;overflow:visible}.weather-clear{color:#E7D4A6}
.weather-meta{flex:0 0 auto;padding:3px 12px;border-right:1px solid #ffffff26;display:flex;flex-direction:column;gap:2px;font-size:.65rem;color:#D9CBAE;background:var(--brand-navy)}
.weather-meta a{color:var(--brand-pearl);text-decoration:underline;text-underline-offset:3px}
.weather-message{margin:0;padding:6px 16px;direction:rtl;color:var(--brand-pearl);font-size:.9rem}
.weather-strip:hover .weather-track,.weather-strip:focus-within .weather-track,.weather-strip.is-paused .weather-track{animation-play-state:paused}
.weather-unavailable .weather-track{animation:none}

@media(max-width:760px){.weather-strip{flex-wrap:wrap;min-height:0}.weather-title{padding:2px 8px;gap:6px}.weather-title strong{font-size:.6875rem}.weather-pause{width:32px;height:32px;font-size:.8125rem}.weather-item{padding:5px 14px;gap:7px;font-size:.75rem}.weather-icon{width:19px;height:21px}.weather-temp{font-size:.875rem}.weather-meta{width:100%;flex-direction:row;justify-content:center;gap:8px;padding:1px 10px;border:0;border-top:1px solid #ffffff18;font-size:.6rem;line-height:1.5}.weather-window{min-width:100px}}
@media(prefers-reduced-motion:reduce){.weather-track{animation:none;transform:none;will-change:auto}.weather-group[aria-hidden]{display:none}.weather-window{overflow-x:auto;mask-image:none}.weather-pause{display:none}}