/* IHS visual identity layer. Commerce layout and behavior stay in the existing stylesheet. */
:root{--ihs-paper:#fcfaf3;--ihs-paper-deep:#f7f4e9;--ihs-ink:#253b34;--ihs-muted:#768079;--ihs-olive:#768773;--ihs-gold:#d69a48;--ihs-line:#e3dfd1;}
body{background:var(--ihs-paper);color:var(--ihs-ink);font-family:Arial, sans-serif;}
h1,h2,h3,.hero h1{font-family:Georgia,'Times New Roman',serif;color:var(--ihs-ink);}
a{color:var(--ihs-olive);}
.ihs-auth-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:var(--ihs-paper);}
.ihs-auth-card{width:min(100%,560px);padding:clamp(24px,5vw,48px);background:#fffdf8;border:1px solid var(--ihs-line);border-radius:4px;box-shadow:0 14px 42px rgba(37,59,52,.12);}
.ihs-auth-card h1{font-size:clamp(30px,5vw,42px);margin:8px 0 12px;}
.ihs-auth-card p{color:#5e6c64;line-height:1.65;font-size:16px;}
.ihs-brand-logo{display:block;width:145px;height:auto;max-height:100px;object-fit:contain;margin:0 0 18px;}
.ihs-kicker{font-size:12px!important;letter-spacing:.16em;text-transform:uppercase;color:var(--ihs-olive)!important;font-weight:700;}
.ihs-primary{display:block;width:100%;min-height:52px;margin:22px 0;background:var(--ihs-ink);color:#fff;border:0;border-radius:3px;font-size:16px;font-weight:700;cursor:pointer;}
.ihs-primary:hover{background:#314b42;}
a.ihs-primary{text-align:center;text-decoration:none;line-height:52px;}
.ihs-auth-card input{width:100%;min-height:50px;padding:12px;border:1px solid #d8d4c7;border-radius:3px;font-size:17px;background:#fff;}
.ihs-muted{font-size:14px!important;color:var(--ihs-muted)!important;}
.ihs-sso-complete{min-height:100vh;display:grid;place-content:center;justify-items:center;gap:16px;color:var(--ihs-ink);font-size:18px;}
.ihs-sso-complete img{width:130px;max-height:100px;object-fit:contain;}
[hidden]{display:none!important;}

.ihs-sso-notice{padding:12px 16px;background:var(--ihs-paper-deep);border-left:4px solid var(--ihs-gold);color:var(--ihs-ink);font-size:15px;}

.nav{background:rgba(252,250,243,.97);border-bottom:1px solid var(--ihs-line);color:var(--ihs-ink);}
.btn-outline{background:transparent;color:var(--ihs-ink);border:1px solid var(--ihs-olive);}
.hero .glass-card{background:#fffdf8;border:1px solid var(--ihs-line);box-shadow:0 18px 42px rgba(37,59,52,.1);backdrop-filter:none;border-radius:4px;}
.hero .btn:not(.btn-outline),.hero .cta-btn,.nav .btn:not(.btn-outline){background:var(--ihs-ink);color:#fff;border-radius:3px;}

.ihs-resend{display:block;margin:-8px auto 8px;padding:10px 16px;border:0;background:transparent;color:var(--ihs-ink);font-size:15px;font-weight:700;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.ihs-resend:disabled{opacity:.6;cursor:wait}

/* Match the main IHS site's gold scrollbar and branded admin surfaces. */
html{scrollbar-width:thin;scrollbar-color:#d69a48 transparent}
html::-webkit-scrollbar{width:12px;height:12px}
html::-webkit-scrollbar-track{background:transparent}
html::-webkit-scrollbar-thumb{background-color:#d69a48;border:3px solid transparent;border-radius:999px;background-clip:padding-box}
html::-webkit-scrollbar-thumb:hover{background-color:#c48634}
.nav{background:#253b34!important;border-color:#253b34!important;color:#fff!important}
.nav a,.nav button,.nav strong,.nav .nav-links{color:#fff!important}
.nav .btn-outline{border-color:rgba(255,255,255,.7)!important;background:transparent!important;color:#fff!important}
.nav .nav-toggle{background:#fff!important;color:#253b34!important}
body:has(#overview) .glass-card,body:has(#overview) .metric-card,body:has(#overview) .admin-manual-premium-box,body:has(#overview) .admin-subscription-card,body:has(#overview) .admin-user-card,body:has(#overview) .admin-report-card,body:has(#overview) .admin-details-box,body:has(#overview) .admin-analytics-box,body:has(#overview) .admin-log-item{background:#f4f0e4!important;border:1px solid #d9c9a6!important;color:#253b34!important;box-shadow:0 5px 18px rgba(37,59,52,.08)}/* Keep reader and advertiser workspaces visually consistent with the admin dashboard. */
body:has(#feed),body:has(#advertiserArea){background:var(--ihs-paper)!important;color:var(--ihs-ink)!important}
body:has(#feed) .glass-card,body:has(#feed) .metric-card,body:has(#feed) .advert-card,body:has(#feed) .smart-advert-card,body:has(#advertiserArea) .glass-card,body:has(#advertiserArea) .metric-card,body:has(#advertiserArea) .admin-manual-premium-box,body:has(#advertiserArea) .admin-subscription-card,body:has(#advertiserArea) .admin-user-card,body:has(#advertiserArea) .admin-report-card,body:has(#advertiserArea) .admin-details-box,body:has(#advertiserArea) .admin-analytics-box,body:has(#advertiserArea) .admin-log-item{background:#f4f0e4!important;border:1px solid #d9c9a6!important;color:#253b34!important;box-shadow:0 5px 18px rgba(37,59,52,.08)}
body:has(#feed) .modal-card,body:has(#advertiserArea) .modal-card{background:#fcfaf3!important;border:1px solid #d69a48!important;box-shadow:0 18px 48px rgba(24,43,36,.24)!important;color:#253b34!important}
body:has(#overview) .modal-card{background:#fcfaf3!important;border:1px solid #d69a48!important;box-shadow:0 18px 48px rgba(24,43,36,.24)!important;color:#253b34!important}

/* Compact IHS Shop navigation with hover labels for pointer and keyboard users. */
.ihs-shop-nav{position:fixed!important;top:12px!important;left:50%!important;transform:translateX(-50%)!important;width:min(1200px,96%)!important;min-height:72px;padding:10px 18px!important;display:flex!important;align-items:center!important;gap:18px!important;justify-content:flex-start!important;border-radius:12px!important;background:#253b34!important;border:1px solid rgba(255,255,255,.16)!important;box-shadow:0 8px 28px rgba(18,36,30,.24)!important;color:#fff!important}
.ihs-shop-nav .ihs-nav-brand{display:inline-flex;align-items:center;gap:10px;flex:0 0 auto;color:#fff!important;text-decoration:none;font-family:Georgia,'Times New Roman',serif;font-size:20px;font-weight:700;letter-spacing:.01em}
.ihs-shop-nav .ihs-nav-brand img{display:block;width:46px;height:46px;object-fit:contain;border-radius:50%;background:#fcfaf3;padding:3px}
.ihs-shop-nav .nav-context{display:inline-flex;align-items:center;gap:7px;color:#fff;font-size:14px;font-weight:600;white-space:nowrap}
.ihs-shop-nav .nav-context i{font-size:18px;color:#e8b86e}
.ihs-shop-nav .nav-welcome{margin-left:2px}
.ihs-shop-nav .nav-links{margin-left:auto;display:flex!important;align-items:center;justify-content:flex-end;gap:6px!important;width:auto!important}
.ihs-shop-nav .ihs-nav-action{position:relative;display:inline-flex!important;align-items:center;justify-content:center!important;flex:0 0 44px;width:44px!important;height:44px;min-height:44px;padding:0!important;border:1px solid rgba(255,255,255,.22)!important;border-radius:10px!important;background:rgba(255,255,255,.07)!important;color:#fff!important;text-decoration:none!important;cursor:pointer;box-shadow:none!important}
.ihs-shop-nav .ihs-nav-action i{font-size:22px;line-height:1;color:#fff}
.ihs-shop-nav .ihs-nav-action:hover,.ihs-shop-nav .ihs-nav-action:focus-visible{outline:none;background:#d69a48!important;border-color:#d69a48!important;color:#253b34!important}
.ihs-shop-nav .ihs-nav-action:hover i,.ihs-shop-nav .ihs-nav-action:focus-visible i{color:#253b34}
.ihs-shop-nav .nav-action-label{position:absolute;z-index:10001;top:calc(100% + 9px);left:50%;transform:translate(-50%,-3px);width:max-content;max-width:220px;padding:7px 10px;border-radius:5px;background:#fcfaf3;color:#253b34;font:600 13px/1.2 Arial,sans-serif;box-shadow:0 4px 14px rgba(0,0,0,.22);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .14s ease,transform .14s ease}
.ihs-shop-nav .ihs-nav-action:hover .nav-action-label,.ihs-shop-nav .ihs-nav-action:focus-visible .nav-action-label{opacity:1;visibility:visible;transform:translate(-50%,0)}
.ihs-shop-nav .nav-toggle{display:none!important}
.ihs-shop-nav .notification-badge{position:absolute;top:-5px;right:-5px;min-width:18px;padding:2px 4px;border-radius:20px;background:#d69a48;color:#253b34!important;font-size:11px;line-height:1.2;text-align:center}
@media(min-width:901px){.ihs-shop-nav{width:94vw!important;max-width:none!important}}
@media(max-width:900px){
 .ihs-shop-nav{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-areas:"brand toggle" "context toggle" "links links";align-items:center!important;gap:4px 12px!important;padding:9px 12px!important;min-height:66px}
 .ihs-shop-nav .ihs-nav-brand{grid-area:brand;font-size:18px}
 .ihs-shop-nav .ihs-nav-brand img{width:38px;height:38px}
 .ihs-shop-nav .nav-context{grid-area:context;font-size:13px}
 .ihs-shop-nav .nav-toggle{grid-area:toggle;display:inline-flex!important;align-items:center;justify-content:center;width:42px!important;height:42px!important;margin:0!important;border:1px solid rgba(255,255,255,.38)!important;border-radius:9px!important;background:transparent!important;color:#fff!important}
 .ihs-shop-nav .nav-toggle i{font-size:23px;color:#fff}
 .ihs-shop-nav .nav-links{grid-area:links;display:none!important;width:100%!important;margin:8px 0 2px!important;padding-top:9px;border-top:1px solid rgba(255,255,255,.2);grid-template-columns:repeat(3,minmax(0,1fr));gap:7px!important}
 .ihs-shop-nav.nav-open .nav-links{display:grid!important}
 .ihs-shop-nav .nav-links .ihs-nav-action{width:100%!important;min-width:0;flex-basis:auto;min-height:48px;height:auto;padding:7px!important;gap:6px;border-color:rgba(255,255,255,.14)!important;background:rgba(255,255,255,.07)!important;flex-direction:column}
 .ihs-shop-nav .nav-links .ihs-nav-action i{font-size:20px}
 .ihs-shop-nav .nav-action-label{position:static;transform:none!important;width:auto;max-width:100%;padding:0;background:transparent;color:#fff;font-size:11px;line-height:1.15;box-shadow:none;opacity:1;visibility:visible;white-space:normal;text-align:center}
 .ihs-shop-nav .nav-links .ihs-nav-action:hover,.ihs-shop-nav .nav-links .ihs-nav-action:focus-visible{background:#d69a48!important}
 .ihs-shop-nav .nav-links .ihs-nav-action:hover .nav-action-label,.ihs-shop-nav .nav-links .ihs-nav-action:focus-visible .nav-action-label{color:#253b34}
 .ihs-shop-nav .hidden{display:none!important}
}
@media(max-width:420px){.ihs-shop-nav{width:98%!important}.ihs-shop-nav .nav-links{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Shared IHS Shop palette and typography across admin, advertiser and reader pages. */
html,body,body *:not(i){font-family:Montserrat,Arial,sans-serif!important}
body{background:var(--ihs-paper)!important;color:var(--ihs-ink)!important}
h1,h2,h3,h4,h5,h6{font-family:Montserrat,Arial,sans-serif!important;font-weight:700!important;color:var(--ihs-ink)!important}
body a:not(.ihs-primary):not(.ihs-nav-brand){color:var(--ihs-olive)!important}
body button:not(.ihs-nav-action):not(.nav-toggle):not(.feed-search-close),body .btn:not(.ihs-nav-action),body a.btn:not(.ihs-nav-action){background:#d69a48!important;border-color:#d69a48!important;color:#fff!important}
body button:not(.ihs-nav-action):not(.nav-toggle):not(.feed-search-close):hover,body .btn:not(.ihs-nav-action):hover,body a.btn:not(.ihs-nav-action):hover{background:#c48634!important;border-color:#c48634!important;color:#fff!important}
body button:disabled{opacity:.62;cursor:not-allowed}

/* Full-screen advert search overlay. Existing search controls and handlers remain in place. */
body.feed-search-open{overflow:hidden!important}
.feed-search-open{position:fixed;right:22px;bottom:24px;z-index:999990;width:54px;height:54px;border:0;border-radius:50%;display:grid;place-items:center;background:#d69a48;color:#fff;box-shadow:0 8px 24px rgba(37,59,52,.28);cursor:pointer}
.feed-search-open i{font-size:25px;color:#fff}
.feed-search-open:hover,.feed-search-open:focus-visible{background:#c48634;outline:3px solid rgba(214,154,72,.3);outline-offset:3px}
.feed-search-modal{position:fixed;inset:0;z-index:1000000;display:grid;place-items:stretch;background:rgba(20,37,31,.78);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
.feed-search-modal.hidden{display:none!important}
.feed-search-dialog{position:relative;width:100%;height:100%;min-height:100dvh;overflow:auto;padding:clamp(76px,10vh,110px) clamp(18px,6vw,80px) 36px;background:var(--ihs-paper);color:var(--ihs-ink)}
.feed-search-dialog h2{max-width:980px;margin:0 auto 22px;font-size:clamp(27px,4vw,38px)}
.feed-search-close{position:fixed;top:16px;right:18px;z-index:1000002;width:50px;height:50px;border:0;border-radius:50%;display:grid;place-items:center;background:#253b34;color:#fff;box-shadow:0 4px 18px rgba(0,0,0,.24);cursor:pointer}
.feed-search-close i{font-size:28px;color:#fff}
.feed-search-dialog .feed-search-card{width:min(100%,980px);margin:0 auto;padding:clamp(18px,3vw,30px);background:#f4f0e4;border:1px solid #d9c9a6;box-shadow:0 10px 32px rgba(37,59,52,.12)}
.feed-search-dialog .feed-search-card input{width:100%;min-height:54px;font-family:Montserrat,Arial,sans-serif;font-size:17px}
.feed-search-dialog .category-picker{width:100%}
.feed-search-dialog #searchFeedBtn,.feed-search-dialog #clearFeedFilters{min-height:50px;font-size:16px;font-weight:700}
@media(max-width:600px){.feed-search-open{right:16px;bottom:18px;width:50px;height:50px}.feed-search-dialog{padding:74px 16px 24px}.feed-search-dialog h2{font-size:26px;margin-bottom:16px}.feed-search-close{top:12px;right:12px;width:46px;height:46px}.feed-search-dialog .feed-search-card{padding:16px}}

/* Use the page width efficiently without allowing horizontal overflow. */
html,body{max-width:100%;overflow-x:clip}
main.container,.container{width:94vw!important;max-width:none!important;min-width:0!important;margin-left:auto!important;margin-right:auto!important}
.container>*{max-width:100%;min-width:0}
.feed,.smart-sections,.feed-search-card,.metrics-grid,.admin-grid,.dashboard-grid{max-width:100%;min-width:0}
@media(max-width:600px){main.container,.container{width:94vw!important;padding-left:0!important;padding-right:0!important}}

.broadcast-history-status{min-height:1.25em;margin:10px 0 0;color:#768079;font-size:14px}