/* One component system, four masthead arrangements. */
.mrnp-hub{position:relative;z-index:100;background:var(--hub-bg);color:var(--hub-text);border-bottom:1px solid var(--hub-border)}
.mrnp-hub a{color:inherit;text-decoration:none}
.mrnp-hub__masthead{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:var(--hub-gap);min-height:var(--hub-height);padding-top:var(--hub-pad);padding-bottom:var(--hub-pad)}
.mrnp-hub__meta{display:flex;flex-wrap:wrap;align-items:center;gap:5px 10px;font-size:var(--hub-meta);font-weight:var(--hub-meta-weight,inherit);line-height:1.6}
.mrnp-hub__meta>span:last-child{flex-basis:100%}
.mrnp-hub__location{font-weight:var(--hub-meta-weight,600)}
.mrnp-hub__brand{display:flex;align-items:center;justify-content:center;width:var(--hub-logo-w);min-height:var(--hub-logo-h);font-size:24px}
.mrnp-hub .mrnp-hub__logo{display:block;width:100%;max-width:100%;height:auto;max-height:var(--hub-logo-h);object-fit:contain}
.mrnp-hub__utilities{display:flex;flex-direction:column;align-items:flex-end;gap:10px;min-width:0}
.mrnp-hub__actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:7px}
.mrnp-hub__button{display:inline-flex;align-items:center;justify-content:center;min-height:var(--hub-button-h);padding:5px 12px;font-size:var(--hub-button-font);font-weight:var(--hub-action-weight,inherit);line-height:1.4;border:1px solid var(--hub-border);border-radius:6px;white-space:nowrap;max-width:100%;overflow:hidden}
.mrnp-hub .mrnp-hub__button--latest{background:var(--hub-active);border-color:var(--hub-active);color:#fff}
.mrnp-hub__button:hover{filter:brightness(.94)}
.mrnp-hub .mrnp-hub__tool{display:inline-flex;align-items:center;justify-content:center;width:var(--hub-tool);height:var(--hub-tool);padding:5px;border:1px solid var(--hub-border);border-radius:6px;background:transparent;color:inherit;cursor:pointer;flex-shrink:0;font-size:24px}
.mrnp-hub__tool svg{width:var(--hub-hamburger);height:var(--hub-hamburger);fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.mrnp-hub__socials{display:flex;flex-wrap:wrap;gap:7px}
.mrnp-hub__socials a{display:flex;align-items:center;justify-content:center;width:var(--hub-social-box);height:var(--hub-social-box);border:1px solid var(--hub-border);border-radius:50%;font-family:Arial,sans-serif;font-size:var(--hub-social-icon);font-weight:700;color:var(--hub-active)}
.mrnp-hub__socials svg{display:block;width:var(--hub-social-icon);height:var(--hub-social-icon);fill:currentColor}
.mrnp-hub__nav-bar{background:var(--hub-nav-bg);color:var(--hub-nav-text);border-top:1px solid var(--hub-border);border-bottom:1px solid var(--hub-border);z-index:101}
.mrnp-hub__nav-bar.is-fixed{position:fixed;top:var(--hub-sticky-top,0px);left:0;right:0;box-shadow:0 5px 15px #1018280c}
.mrnp-hub__menu,.mrnp-hub__menu ul{list-style:none;margin:0;padding:0}
.mrnp-hub__menu{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:0 var(--hub-nav-gap);font-size:var(--hub-nav-font);font-weight:var(--hub-nav-weight,inherit)}
.mrnp-hub__menu li{position:relative}
.mrnp-hub__navigation{position:relative}
.mrnp-hub__menu>.mrnp-has-mega-menu{position:static}
.mrnp-hub__menu>li>a{display:inline-flex;align-items:center;min-height:var(--hub-nav-h);padding:8px 12px;line-height:1.5}
.mrnp-hub__menu a:hover,.mrnp-hub__menu a:focus-visible{color:var(--hub-hover)}
.mrnp-hub__menu .current-menu-item>a,.mrnp-hub__menu .current-menu-ancestor>a{color:var(--hub-active)}
.mrnp-hub__menu ul{position:absolute;top:100%;left:0;min-width:210px;max-width:300px;padding:7px;background:var(--hub-nav-bg);border:1px solid var(--hub-border);box-shadow:0 10px 20px #10182812;border-radius:0 0 6px 6px;display:none;z-index:105}
.mrnp-hub__menu ul a{display:block;padding:9px 12px;line-height:1.5}
.mrnp-hub__menu>li:nth-last-child(-n+2)>ul{left:auto;right:0}
.mrnp-hub__menu ul ul{top:0;left:100%}
.mrnp-hub__menu li:hover>ul,.mrnp-hub__menu li:focus-within>ul,.mrnp-hub__menu li.is-expanded>ul{display:block}
.mrnp-hub__submenu-toggle{border:0;padding:3px;background:none;color:inherit;cursor:pointer}
.mrnp-hub__ticker{background:var(--hub-ticker-bg);color:var(--hub-ticker-text)}
.mrnp-hub__ticker-inner{display:flex;align-items:center;gap:16px;padding-top:10px;padding-bottom:10px;font-size:14px;min-width:0}
.mrnp-hub__ticker-inner>strong{flex-shrink:0;color:var(--hub-active);border-inline-end:1px solid var(--hub-border);padding-inline-end:16px}
.mrnp-hub__headlines{flex:1;overflow:hidden;white-space:nowrap;min-width:0}
.mrnp-hub__ticker-track{display:flex;width:max-content;animation:mrnp-hub-headlines var(--mrnp-motion-ticker-duration,45s) linear infinite}
.mrnp-hub__ticker-group{display:flex;align-items:center;gap:28px;padding-inline-end:28px;flex-shrink:0;min-width:var(--hub-headlines-width,0px)}
.mrnp-hub__headlines a{flex-shrink:0}
.mrnp-hub__headlines:hover .mrnp-hub__ticker-track,.mrnp-hub__headlines:focus-within .mrnp-hub__ticker-track{animation-play-state:paused}
@keyframes mrnp-hub-headlines{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.mrnp-hub__search{padding:18px 0;border-top:1px solid var(--hub-border)}
.mrnp-hub__search form{position:relative}
.mrnp-hub__search-row{display:flex;gap:8px}
.mrnp-hub__search-row input{flex:1;min-width:0}
.mrnp-hub__search-row input,.mrnp-hub__search-row select{border:1px solid var(--hub-border);border-radius:6px;padding:9px 12px;font:inherit;background:var(--hub-bg);color:var(--hub-text)}
.mrnp-hub__search-row button{border:0;border-radius:6px;padding:9px 18px;background:var(--hub-active);color:#fff;font:inherit;cursor:pointer}
.mrnp-hub__quicklinks{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:12px;font-size:13px}
.mrnp-hub__drawer{position:fixed;inset:0 auto 0 0;width:min(var(--hub-drawer),92vw);max-width:92vw;height:100dvh;max-height:100dvh;padding:20px;margin:0;border:0;background:var(--hub-bg);color:var(--hub-text);overflow:auto}
.mrnp-hub__drawer::backdrop{background:#10182880}
.mrnp-hub__drawer-top{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--hub-border);padding-bottom:15px;margin-bottom:10px}
.mrnp-hub__drawer-menu,.mrnp-hub__drawer-menu ul{list-style:none;margin:0;padding:0}
.mrnp-hub__drawer-menu a{display:block;padding:10px 0;border-bottom:1px solid var(--hub-border);line-height:1.6}
.mrnp-hub__drawer-menu ul{padding-inline-start:18px}
.mrnp-hub__drawer .mrnp-hub__socials{margin-top:20px}
.mrnp-hub-drawer-open{overflow:hidden}
.mrnp-hub :focus-visible{outline:2px solid var(--hub-active);outline-offset:3px}
/* Style 01: centered brand, date and compact tools on either side. */
.mrnp-hub--demo-01 .mrnp-hub__meta{max-width:320px}
/* Style 02: taller newspaper masthead with a stacked date block. */
.mrnp-hub--demo-02 .mrnp-hub__meta{display:grid;gap:4px}
.mrnp-hub--demo-02 .mrnp-hub__socials a{border-radius:6px}
/* Style 03: inline logo, primary menu and utility tools. */
@media(min-width:1100px){
.mrnp-hub--demo-03{display:grid;grid-template-columns:max(16px,calc((100% - 1200px)/2)) minmax(100px,var(--hub-logo-w)) minmax(0,1fr) auto max(16px,calc((100% - 1200px)/2));align-items:center;column-gap:12px}
.mrnp-hub--demo-03 .mrnp-hub__masthead{display:contents}
.mrnp-hub--demo-03 .mrnp-hub__brand{grid-column:2;grid-row:1;padding:var(--hub-pad) 0;min-height:var(--hub-height)}
.mrnp-hub--demo-03 .mrnp-hub__utilities{grid-column:4;grid-row:1;padding:var(--hub-pad) 0}
.mrnp-hub--demo-03 .mrnp-hub__meta{grid-column:2/5;grid-row:2;justify-content:flex-end;padding-bottom:8px}
.mrnp-hub--demo-03 .mrnp-hub__meta>span:last-child{flex-basis:auto}
.mrnp-hub--demo-03 .mrnp-hub__nav-slot{grid-column:3;grid-row:1}
.mrnp-hub--demo-03 .mrnp-hub__nav-bar{border:0}
.mrnp-hub--demo-03 .mrnp-hub__navigation{width:100%;padding:0}
.mrnp-hub--demo-03 .mrnp-hub__menu>li>a{padding:7px}
.mrnp-hub--demo-03 .mrnp-hub__search,.mrnp-hub--demo-03 .mrnp-hub__ticker{grid-column:1/-1}
.mrnp-hub--demo-03 .mrnp-hub__ticker{grid-row:3}
.mrnp-hub--demo-03 .mrnp-hub__search{grid-row:4}
}
/* Style 04: classic centered masthead with a defined navigation edge. */
.mrnp-hub--demo-04 .mrnp-hub__nav-bar{border-top:3px solid var(--hub-active)}
.mrnp-hub--demo-04 .mrnp-hub__button{border-radius:3px}
@media(max-width:767px){
.mrnp-hub__masthead{grid-template-columns:minmax(0,1fr) auto;gap:10px;min-height:70px;padding-top:10px;padding-bottom:10px}
.mrnp-hub__brand{grid-column:1;grid-row:1;width:min(var(--hub-mobile-logo-w),100%);min-height:0;justify-content:flex-start}
.mrnp-hub .mrnp-hub__logo{max-height:var(--hub-mobile-logo-h)}
.mrnp-hub__utilities{grid-column:2;grid-row:1;max-width:52vw}
.mrnp-hub__utilities>.mrnp-hub__socials{display:none}
.mrnp-hub__actions{gap:5px}
.mrnp-hub__button{padding:4px 7px;font-size:min(var(--hub-button-font),12px);min-height:30px}
.mrnp-hub__meta{grid-column:1/-1;grid-row:2;font-size:11px;gap:3px 8px}
.mrnp-hub--demo-02 .mrnp-hub__meta{display:flex}
.mrnp-hub__meta>span:last-child{flex-basis:auto}
.mrnp-hub__navigation{overflow-x:auto;scrollbar-width:thin}
.mrnp-hub__menu{flex-wrap:nowrap;justify-content:flex-start;white-space:nowrap;font-size:14px}
.mrnp-hub__menu>li>a{padding:7px 10px;min-height:38px}
.mrnp-hub__menu ul{position:fixed;top:auto;left:12px;right:12px;min-width:0;max-width:none;max-height:55vh;overflow:auto;white-space:normal}
.mrnp-hub__menu ul ul{position:static;display:block;padding-left:16px;border:0;box-shadow:none}
.mrnp-hub__search-row{flex-wrap:wrap}
.mrnp-hub__search-row input{flex-basis:100%}
.mrnp-hub__search-row select{flex:1;min-width:0}
.mrnp-hub__ticker-inner{gap:10px;font-size:12px}
}
@media(prefers-reduced-motion:reduce){.mrnp-hub *{scroll-behavior:auto}}

@media(prefers-reduced-motion:reduce){
.mrnp-hub__headlines{white-space:normal;overflow:visible}
.mrnp-hub__ticker-track{animation:none;width:100%}
.mrnp-hub__ticker-group{flex-wrap:wrap;min-width:0;gap:10px 20px;padding:0}
.mrnp-hub__ticker-group[aria-hidden=true]{display:none}
.mrnp-hub__headlines a{flex-shrink:1}
}
