/* O'Hare site theme: navy, the Chicago flag's red six-point stars and pale blue stripes. Loaded after the build. */
:root{--chi-sky:#b3ddf2;--chi-tint:#f1f6fb;--chi-band:#12305f;--chi-star:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fc0908' d='M12 0l3.5 6h6.9l-3.4 6 3.4 6h-6.9L12 24l-3.5-6H1.6L5 12 1.6 6h6.9z'/%3E%3C/svg%3E")}

/* Heroes: navy on the text side, the photo clear on the other */
.hero-overlay{background:linear-gradient(rgb(11 31 68 / .82),rgb(11 31 68 / .82))}
.hero-blob{display:none}
section:has(> .hero-overlay)::after,.site-hero-stripe::after,.site-band::after{content:"";position:absolute;inset:auto 0 0;height:.6rem;background:linear-gradient(var(--chi-sky) 0 35%,#fff 35% 65%,var(--chi-sky) 65%)}
@media (min-width:1024px){
.hero-overlay{background:linear-gradient(90deg,rgb(11 31 68 / .95) 0%,rgb(11 31 68 / .9) 38%,rgb(11 31 68 / .25) 75%,rgb(11 31 68 / .1) 100%)}
}

.bg-primary-dark:has(> .hero-overlay){background-color:var(--brand-secondary)}
body.bg-gradient-to-br{background:var(--chi-tint)}
.bg-clip-text{background:var(--brand-secondary);-webkit-background-clip:text;background-clip:text}

/* Red on navy is hard to read, so accents on dark areas use the pale blue */
.site-hero-stripe .text-accent,.bg-secondary .text-accent,.site-band .text-accent,.eyebrow-light svg{color:var(--chi-sky)}

/* Sidebar headings: a single star */
#related-heading > span:first-child{width:.95rem;height:.95rem;border-radius:0;background:var(--chi-star) center/contain no-repeat}

/* Tinted sections, navy bands and table headers */
.bg-soft{background-color:var(--chi-tint)}
.site-band{background:var(--chi-band)}
.content-prose .table-scroll tr:first-child :is(th,td){background:var(--brand-secondary);color:#fff}
.content-prose .table-scroll tr:first-child :is(th,td) *{color:inherit}
.content-prose .table-scroll tbody tr:nth-child(even):not(:first-child){background:var(--chi-tint)}

/* Home page blocks */
.chi-stars{display:flex;gap:.4rem}
.chi-stars svg{width:.9rem;height:.9rem;fill:var(--brand-accent,#d6001c)}
.chi-split{position:relative;display:grid;width:100vw;margin-left:calc(50% - 50vw);background:#fff}
.chi-split--rev{background:#f1f6fb}
.chi-split__media{position:relative;aspect-ratio:16/10;overflow:hidden;background:var(--brand-secondary,#0d2347)}
.chi-split__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.chi-split__media::after{content:"";position:absolute;inset:auto 0 0;height:.9rem;background:linear-gradient(#b3ddf2 0 35%,#fff 35% 65%,#b3ddf2 65%)}
.chi-split__body{display:flex;align-items:center;padding:2.75rem 1.25rem}
.chi-split__inner{width:100%}
.chi-split__inner .chi-title{font-family:var(--font-display,inherit);font-size:clamp(1.6rem,2.6vw,2.4rem);line-height:1.15;font-weight:700;color:var(--brand-secondary,#0d2347)}
@media (min-width:1024px){
.chi-split{grid-template-columns:1fr 1fr;min-height:34rem}
.chi-split--rev .chi-split__media{order:2}
.chi-split__media{aspect-ratio:auto}
.chi-split__body{padding:4.5rem clamp(2.5rem,5vw,6rem)}
.chi-split__inner{max-width:38rem}
.chi-split--rev .chi-split__body{justify-content:flex-end}
}
.chi-stats{position:relative;z-index:2;padding:1.75rem;border-radius:1.5rem;color:#fff;background:var(--brand-secondary,#0d2347);box-shadow:0 24px 50px -24px rgb(13 35 71 / .55);overflow:hidden}
.chi-stats::after{content:"";position:absolute;inset:auto 0 0;height:.5rem;background:linear-gradient(90deg,#b3ddf2,#fff,#b3ddf2)}
.chi-stats__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem 1rem;margin-top:1.25rem}
.chi-stats__grid dd{margin:0;font-family:var(--font-display,inherit);font-size:clamp(1.6rem,2.8vw,2.5rem);line-height:1.1;font-weight:700}
.chi-stats__grid dt{margin-top:.35rem;font-size:.875rem;line-height:1.35;color:rgb(255 255 255 / .75)}
.chi-stats__grid>div{display:flex;flex-direction:column-reverse;justify-content:flex-end}
@media (min-width:1024px){
.home-sections>.chi-stats{margin-top:-3rem}
.chi-stats{padding:2.25rem 2.75rem 2.75rem}
.chi-stats__grid{grid-template-columns:repeat(5,minmax(0,1fr))}
.chi-stats__grid>div+div{padding-left:1.5rem;border-left:1px solid rgb(255 255 255 / .16)}
}
.chi-bento__head{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.75rem}
.chi-bento__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:10.5rem;gap:.75rem;margin:0;padding:0;list-style:none}
.chi-bento__grid>li:first-child{grid-column:span 2;grid-row:span 2}
.chi-bento__grid>li:last-child{grid-column:span 2}
.chi-bento__card{position:relative;display:block;width:100%;height:100%;overflow:hidden;border-radius:1.25rem;background:var(--brand-secondary,#0d2347)}
.chi-bento__card img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.chi-bento__card:hover img{transform:scale(1.05)}
.chi-bento__card span{position:absolute;inset:auto 0 0;display:flex;align-items:flex-end;justify-content:space-between;gap:.5rem;padding:2.5rem 1rem .9rem;font-weight:700;color:#fff;background:linear-gradient(transparent,rgb(13 35 71 / .9))}
.chi-bento__card svg{flex:none;width:1.1rem;height:1.1rem;transition:transform .3s}
.chi-bento__card:hover svg{transform:translateX(.25rem)}
@media (min-width:1024px){
.chi-bento__grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:13rem;gap:1rem}
.chi-bento__grid>li:nth-child(6){grid-column:span 2}
.chi-bento__grid>li:last-child{grid-column:auto}
.chi-bento__grid>li:first-child .chi-bento__card span{font-size:1.5rem}
}

/* Footer link arrows stay visible on navy. */
footer a svg { color: rgb(255 255 255 / .7); }