/* HUB-001 — canonical public header layout, HUB + PFA. Library: admin/ui-library.php?tab=hub */
.header,.site-header{--header-accent:#8a7035;--header-ink:#302c24;--header-paper:#faf7ef}
.site-header{--header-accent:#306749;--header-ink:#223e30;--header-paper:#faf4e8}
.marble-body .site-header{--header-accent:#89133e;--header-ink:#542237}
.header .hub-header-inner{display:flex;flex-wrap:nowrap;justify-content:center;align-items:center;gap:24px;width:min(1180px,calc(100% - 40px));margin:auto;padding:14px 0}
.header .hub-header-inner>.brand{flex:0 0 auto;margin:0}.header .hub-header-inner .brand img{width:165px;height:auto}
.header .hub-header-inner>nav{display:flex;flex-wrap:nowrap;gap:22px;margin:0;min-width:0;align-items:center}
.header .hub-header-inner>nav a{white-space:nowrap;font-size:17px;line-height:1.25;padding:10px 0;min-height:44px;color:var(--header-ink)}
.header .header-phone{flex:0 0 auto;margin:0;color:var(--header-ink)}.header .header-phone small{font-size:12px}.header .header-phone strong{font-size:17px;white-space:nowrap}
.header .accounts{display:flex;flex:0 0 auto;width:auto;margin:0;gap:0}
.header .accounts .employee{display:flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:13px 23px;font-size:17px;font-weight:700;white-space:nowrap;background:linear-gradient(120deg,#2c271b,#17150f);color:#e4cc8e;border:1px solid #a58a4c;border-radius:10px;box-shadow:0 3px 12px #332a1514}
.header .accounts .employee:hover{background:#3c3220;color:#ffe6a5}.header .accounts svg{width:20px;height:20px}
.header .hub-chapters,.header .hub-chapters-toggle{display:none!important}.header .hub-reading-progress{background:#e4ddcd}.header .hub-reading-progress>span{background:linear-gradient(90deg,#a48b45,#d6bc85)}
/* PFA keeps its services drawer; chapter links occupy one scrollable row. */
.site-header .reading-chapters,.site-header .reading-chapters.is-open{display:flex!important;flex-wrap:nowrap!important;justify-content:flex-start;overflow-x:auto;overflow-y:hidden;gap:6px;scrollbar-width:thin;width:min(1586px,100%);margin-inline:auto;max-width:100%;padding:5px 16px;position:static;max-height:none}
.site-header .reading-chapters>a{flex:0 0 auto;white-space:nowrap;font-size:14px!important;line-height:1.2;min-height:40px;padding:10px 12px!important}
.site-header .reading-toggle{display:none!important}.site-header .reading-chapters>span{flex:0 0 auto;font-size:12px;align-self:center}
@media(max-width:1100px){
 .site-header .accounts,.site-header [data-signature-login],.site-header [data-client]{display:none!important}
 .header .hub-header-inner{gap:20px;padding:9px 0;width:calc(100% - 28px)}
 .header .hub-header-inner .brand img{width:135px}.header .hub-header-inner>nav{gap:18px}
 .header .hub-header-inner>nav a{font-size:14px;min-height:40px;padding:8px 0}
 .header .header-phone strong{font-size:15px}.header .header-phone small{font-size:11px}
 .site-header .site-header__inner{padding-block:8px;min-height:58px;gap:12px}
 .site-header .site-logo img{width:135px;max-height:48px;object-fit:contain}
 .site-header .main-nav>a,.site-header .main-nav .nav-compact-trigger{font-size:14px!important;line-height:1.3}
 .site-header .emergency-bar .container{min-height:30px;padding-block:3px;gap:10px;font-size:12px}
 .site-header .reading-chapters>a{font-size:13px!important;min-height:38px;padding:9px 11px!important}
}
@media(min-width:921px){.site-header .main-nav{flex-wrap:nowrap!important;gap:8px}.site-header .main-nav>a,.site-header .nav-compact-trigger{white-space:nowrap}.site-header .site-header__inner{gap:16px}}
@media(max-width:700px){
 .header .hub-header-inner{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 12px;padding:6px 0;width:calc(100% - 24px)}
 .header .hub-header-inner>.brand{grid-column:1;grid-row:1;justify-self:start}.header .hub-header-inner .brand img{width:112px}
 .header .header-phone{grid-column:2;grid-row:1;justify-self:end}.header .header-phone small{font-size:10px}.header .header-phone strong{font-size:14px}
 .header .hub-header-inner>nav{display:flex;grid-column:1/-1;grid-row:2;justify-self:stretch;justify-content:space-between;gap:16px;width:100%;overflow-x:auto;overflow-y:hidden;flex-wrap:nowrap;scrollbar-width:thin}
 .header .hub-header-inner>nav a{flex:0 0 auto;font-size:13px;min-height:40px;padding:10px 0}
 .site-header .emergency-bar__label>span:last-child{display:none}.site-header .emergency-bar .container{justify-content:space-between}
 .site-header .reading-chapters>span{display:none}.site-header .reading-chapters{padding-inline:12px}
 .site-header .menu-toggle{width:42px;height:42px;min-height:42px}.site-header .site-header__inner{min-height:54px;padding-block:5px}
}
html:has(.header){scroll-padding-top:95px}@media(max-width:700px){html:has(.header){scroll-padding-top:110px}}
@media(max-width:1100px){
 .site-header .emergency-bar__phone{font-size:16px!important;line-height:1.3!important;letter-spacing:.025em!important}
 .site-header .emergency-bar .container{min-height:30px!important;padding-block:3px!important}
 .site-header .reading-chapters,.site-header .reading-chapters.is-open{padding-block:4px!important;min-height:0!important}
 .site-header .site-header__inner{min-height:54px!important;padding-block:5px!important}
}
.header .hub-header-inner .accounts{margin:0}@media(max-width:1100px){.header .hub-header-inner .header-phone strong{font-size:15px}.header .hub-header-inner .header-phone small{font-size:11px}}@media(max-width:700px){.header .hub-header-inner .header-phone strong{font-size:14px}.header .hub-header-inner .header-phone small{font-size:10px}}

/* Center when space permits; auto margins collapse when the row must scroll. */
.site-header .reading-chapters>:first-child{margin-inline-start:auto}.site-header .reading-chapters>:last-child{margin-inline-end:auto}
@media(min-width:1101px){.site-header .reading-chapters>a{font-size:16px!important;min-height:44px}.site-header .reading-chapters>span{font-size:13px}}

/* Reading strip: override legacy overflow:visible !important. */
.site-header .reading-chapters,.site-header .reading-chapters.is-open{box-sizing:border-box;overflow-x:auto!important;overflow-y:hidden!important;touch-action:pan-x pan-y;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin!important;scrollbar-color:#9a8b65 transparent}
.site-header .reading-chapters::-webkit-scrollbar{display:block!important;height:3px}.site-header .reading-chapters::-webkit-scrollbar-thumb{background:#9a8b65;border-radius:4px}
.site-header .reading-chapters>a{display:flex!important;align-items:center;white-space:nowrap!important;max-width:none;max-height:none;flex:0 0 auto!important;-webkit-line-clamp:unset}
.site-header .reading-chapters>a[aria-current=location]{background:var(--header-accent);color:#fff;border-color:var(--header-accent)}

/* HUB-001: visible compact sign-in on every screen. */
@media(max-width:1100px){.header .hub-header-inner{gap:12px}.header .hub-header-inner .accounts{display:flex!important}.header .accounts .employee{min-height:42px;padding:9px 12px;font-size:14px;gap:6px}.header .accounts svg{width:16px;height:16px}.header .hub-header-inner>nav{gap:12px}.header .hub-header-inner .brand img{width:112px}}
@media(max-width:850px) and (min-width:701px){.header .header-phone small{display:none}.header .hub-header-inner{gap:10px}.header .hub-header-inner>nav{gap:10px}.header .hub-header-inner>nav a{font-size:13px}.header .hub-header-inner .brand img{width:95px}.header .accounts .employee{padding:8px 10px;font-size:13px}}
@media(max-width:700px){.header .hub-header-inner{grid-template-columns:minmax(0,1fr) auto auto;gap:2px 10px}.header .hub-header-inner .accounts{grid-column:3;grid-row:1}.header .header-phone{grid-column:2}.header .accounts .employee{font-size:13px;padding:8px 10px;min-height:40px}.header .hub-header-inner>nav{grid-column:1/-1}.header .hub-header-inner .brand img{width:96px}.header .header-phone small{display:none}}
@media(max-width:380px){.header .hub-header-inner{gap:2px 6px;width:calc(100% - 16px)}.header .hub-header-inner .brand img{width:78px}.header .hub-header-inner .header-phone strong{font-size:12px}.header .accounts .employee{font-size:12px;padding:8px}.header .accounts svg{display:none}}