.news-header{position:relative;z-index:20;display:flex;align-items:center;gap:20px;background:#003b70;color:#fff;padding:0 max(24px,calc((100vw - 1280px)/2));min-height:86px;border:0;border-bottom:3px solid #147dcc}.news-header .masthead{display:contents}.news-header .brand-logo{flex:none;margin:0;padding:12px 0;order:0}.news-header .ghanabay-logo{width:180px;filter:brightness(0) invert(1)}.news-header .logo-tagline,.news-header .brand-note{display:none!important}.news-header #categories{display:flex;align-items:stretch;gap:0;flex:1;order:1;background:transparent;border:0;padding:0;margin:0;overflow:visible;flex-wrap:nowrap}.news-header #categories>button,.news-header #categories>.nav-abroad,.news-header #categories summary{display:flex;align-items:center;color:white;background:transparent;border:0;border-bottom:3px solid transparent;border-radius:0;margin:0;padding:29px 11px;font:700 16px/1.4 'DM Sans',sans-serif;white-space:nowrap;text-decoration:none;cursor:pointer}.news-header #categories>button:hover,.news-header #categories>button.active,.news-header #categories>.nav-abroad:hover,.news-header #categories summary:hover{background:#07518e;border-bottom-color:#fff;color:#fff}.nav-control,.news-header .header-button{background:transparent;border:0;color:white;min-height:44px;font:700 15px/1.3 'DM Sans',sans-serif;padding:8px;white-space:nowrap}.news-header #nav-search-toggle{order:2;margin-left:auto}.news-header #saved{order:3}.news-header #theme{order:4}.news-header #saved b{color:#003b70;background:white}.news-header #nav-menu-toggle{display:none}.news-header .search{display:none;position:absolute;right:24px;top:100%;width:min(450px,calc(100vw - 32px));margin:8px 0;padding:12px;background:var(--panel);color:var(--ink);box-shadow:0 8px 24px #0003;border:1px solid var(--line);z-index:70}.news-header.search-open .search{display:flex}.category-more{position:relative;margin-left:auto}.category-more summary{list-style:none}.category-more summary::-webkit-details-marker{display:none}.category-more summary:after{content:' +';margin-left:5px}.category-more[open] summary:after{content:' −'}.category-dropdown{position:absolute;right:0;top:100%;width:460px;display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:16px;background:var(--panel);color:var(--ink);border:1px solid var(--line);border-top:3px solid #147dcc;box-shadow:0 12px 30px #0002;z-index:60;max-height:75vh;overflow-y:auto}.news-header #categories .category-dropdown button,.category-dropdown a{display:block;text-align:left;font:600 16px/1.4 'DM Sans',sans-serif;color:var(--ink);padding:10px;border:0;border-radius:4px;background:none;text-decoration:none;white-space:normal}.news-header #categories .category-dropdown button:hover,.category-dropdown a:hover{background:var(--soft);color:#147dcc}.news-header :focus-visible{outline:3px solid #75c6ff;outline-offset:-3px}
@media(max-width:1150px){.news-header{gap:10px;padding:0 18px}.news-header .ghanabay-logo{width:160px}.news-header #categories>button,.news-header #categories>.nav-abroad,.news-header #categories summary{font-size:15px;padding:27px 8px}.news-header #saved span{display:none}}
@media(max-width:950px){.news-header{flex-wrap:wrap;min-height:74px;gap:8px;padding:0 16px}.news-header .brand-logo{margin-right:auto}.news-header .ghanabay-logo{width:175px}.news-header #nav-menu-toggle{display:block;order:1}.news-header #nav-search-toggle{order:2;margin:0}.news-header #saved,.news-header #theme{display:none}.news-header #categories{display:none;flex:0 0 100%;order:5;grid-template-columns:1fr 1fr;max-height:65vh;overflow-y:auto;padding-bottom:10px}.news-header.menu-open #categories{display:grid}.news-header #categories>button,.news-header #categories>.nav-abroad,.news-header #categories summary{padding:13px 10px;text-align:left}.category-more{grid-column:1/-1;margin:0}.category-dropdown{position:static;width:100%;max-height:none;box-shadow:none;border:0;padding:8px;grid-template-columns:1fr 1fr}.news-header.menu-open #saved,.news-header.menu-open #theme{display:inline-flex}.news-header .search{right:16px}.news-header #saved{order:3}.news-header #theme{order:4}}

/* Preserve the approved crimson monogram; reverse only the lettering. */
.news-header .header-logo-art{display:block;background:url("/ghanabay-logo-v1.png") center/100% 100% no-repeat;line-height:0;margin:-10px 0 -9px}.news-header .header-logo-art .ghanabay-logo{margin:0;clip-path:inset(0 0 0 27%);filter:brightness(0) invert(1)}

/* Phone controls remain labelled and usable with enlarged text. */
@media(max-width:950px){
 .news-header.menu-open #saved span{display:inline}
 .news-header.menu-open #saved{gap:5px}
 .news-header #categories{overscroll-behavior:contain}
}
@media(max-width:380px){
 .news-header{padding:0 10px;gap:4px}
 .news-header .ghanabay-logo{width:145px}
 .news-header .nav-control{font-size:14px;padding:8px 6px}
}
@media(max-width:650px){
 dialog{max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);box-sizing:border-box;overflow-y:auto;overscroll-behavior:contain}
 .coverage-timeline li,.reader-article,.reader-aside{min-width:0;overflow-wrap:anywhere}
 .reader-actions{flex-wrap:wrap}
 .reader-actions button,.coverage-link,.actions button{min-height:44px}
}
@media(max-width:380px){
 .archive-search>div{flex-direction:column}
 .archive-search>div>label:has(input[type=date]){flex:1 1 100%;width:100%}
 .archive-search input[type=date]{width:100%;min-height:44px}
 #feed-title{min-width:0}
 #count{white-space:nowrap;flex-shrink:0}
}
@media(max-width:650px){
 .desk-heading{flex-wrap:wrap;gap:10px}
 .desk-heading button{max-width:100%;white-space:normal;min-height:44px}
}