/* Each portal region has independent colors. General palette changes cannot recolor it. */
html[data-cp-area=portal] header{background:var(--cp-region-masthead-background,#faf8f2)}
html[data-cp-area=portal] .masthead{background:var(--cp-region-masthead-background,#faf8f2);color:var(--cp-region-masthead-text,#212936)}
html[data-cp-area=portal] .masthead>p{color:var(--cp-region-masthead-text,#212936)}
html[data-cp-area=portal] .masthead>button{color:var(--cp-region-masthead-accent,#003b82)}
html[data-cp-area=portal] #nav{background:var(--cp-region-subjects-background,#ffffff);color:var(--cp-region-subjects-text,#333333)}
html[data-cp-area=portal] #nav a,html[data-cp-area=portal] #nav a.active{color:var(--cp-region-subjects-text,#333333);border-bottom-color:var(--cp-region-subjects-accent,#003b82)}
html[data-cp-area=portal] #nav a:hover,html[data-cp-area=portal] #nav a:focus-visible{color:var(--cp-region-subjects-accent,#003b82)}
html[data-cp-area=portal] .ticker{background:var(--cp-region-ticker-background,#e5edfb);color:var(--cp-region-ticker-text,#212936)}
html[data-cp-area=portal] .ticker a{color:var(--cp-region-ticker-text,#212936)}
html[data-cp-area=portal] .ticker :is(strong,.all){color:var(--cp-region-ticker-accent,#003b82)}
html[data-cp-area=portal] .ticker i{background:var(--cp-region-ticker-accent,#003b82)}
html[data-cp-area=portal] .utility{background:var(--cp-region-utility-background,#00204a);color:var(--cp-region-utility-text,#ffffff)}
html[data-cp-area=portal] .utility :is(a,.social-top a){color:var(--cp-region-utility-accent,#d5ddec)}
html[data-cp-area=portal] .masthead #search{background:var(--cp-region-search-background,#ffffff);color:var(--cp-region-search-text,#212936)}
html[data-cp-area=portal] .masthead #search input{background:transparent;color:var(--cp-region-search-text,#212936)}
html[data-cp-area=portal] .masthead #search input::placeholder{color:var(--cp-region-search-text,#212936);opacity:.65}
html[data-cp-area=portal] .masthead #search :is(span,button){color:var(--cp-region-search-accent,#003b82)}
html[data-cp-area=portal] body>footer{background:var(--cp-region-footer-background,#f8fafc);color:var(--cp-region-footer-text,#212936)}
html[data-cp-area=portal] body>footer :is(a,h3){color:var(--cp-region-footer-text,#212936)}
html[data-cp-area=portal] body>footer :is(p,small,.copyright){color:var(--cp-region-footer-accent,#6b7385)}
html[data-cp-area=portal] body>footer .brand strong{color:var(--cp-region-footer-text,#212936)}
/* Color-only box rules. Existing title sizes, weights and line heights are preserved. */
html[data-cp-area=portal] [data-cp-styled]{background-color:var(--cp-box-bg);color:var(--cp-box-text);border-color:var(--cp-box-border)}
html[data-cp-area=portal] [data-cp-styled]:is(.story,.mini,.latest-item){border:1px solid var(--cp-box-border)}
html[data-cp-area=portal] [data-cp-styled] :is(h1,h2,h3,p,small){color:var(--cp-box-text)}
html[data-cp-area=portal] [data-cp-styled] .tag{background:var(--cp-box-label-bg);color:var(--cp-box-label-text)}
html[data-cp-area=portal] .cover[data-cp-styled]::after{background:linear-gradient(0deg,var(--cp-box-bg) 0%,color-mix(in srgb,var(--cp-box-bg) 78%,transparent) 40%,transparent 100%)}
html[data-cp-area=portal] [data-cp-box=section][data-cp-styled] .sectionhead h2{color:var(--cp-box-label-text)}
html[data-cp-area=portal] [data-cp-box=section][data-cp-styled] .seeall{background:var(--cp-box-label-bg);color:var(--cp-box-label-text);border-color:var(--cp-box-border)}
html[data-cp-area=portal] .connect-box{background:#00204a;color:#ffffff}
html[data-cp-area=portal] .connect-box :is(h2,p,.eyebrow>span){color:#ffffff}
html[data-cp-area=portal] .connect-box .live{background:#ff0000;color:#ffffff}
html[data-cp-area=portal] .connect-box .primary{background:#2455e7;color:#ffffff}
html[data-cp-area=portal] .connect-box[data-cp-connect]{background:var(--cp-connect-background);color:var(--cp-connect-text)}
html[data-cp-area=portal] .connect-box[data-cp-connect] :is(h2,p,.eyebrow>span){color:var(--cp-connect-text)}
html[data-cp-area=portal] .connect-box[data-cp-connect] .live{background:var(--cp-connect-badgeBackground);color:var(--cp-connect-badgeColor)}
html[data-cp-area=portal] .connect-box[data-cp-connect] .primary{background:var(--cp-connect-buttonBackground);color:var(--cp-connect-buttonColor)}

@media(max-width:600px){html[data-cp-area=portal] .masthead #search{background:transparent}html[data-cp-area=portal] .masthead #search:focus-within input{background:var(--cp-region-search-background,#ffffff)}}