/* Exact approved brand art; clip the original header without redrawing the lettering. */
/* Full-header concept shading; feather only the crop's empty outer margin. */
.site-header .brand-art{mask-image:linear-gradient(90deg,transparent,#000 8px,#000 calc(100% - 8px),transparent),linear-gradient(transparent,#000 8px,#000 calc(100% - 8px),transparent);mask-composite:intersect}
.site-header{max-width:none;padding:0;border-bottom:1px solid #17a6d9;background:radial-gradient(ellipse 180px 85px at calc(max(28px,(100vw - 1440px)/2 + 28px) + 450px) 12px,#022853 0%,#001a36 55%,transparent 100%),linear-gradient(90deg,#03111f,#001326)}.header-inner{max-width:1440px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:12px 28px}
.brand-link{display:block;flex:none;width:350px;text-decoration:none}.brand-art{display:block;width:350px;height:75px;background:url(assets/approved-brand-concept.png) 0 0/1152px 768px no-repeat}
.site-header nav ul{align-items:center;gap:24px;margin:0}.site-header nav a,.site-footer nav a{color:#f4f8ff;text-decoration:none}.site-header nav a:hover,.site-footer nav a:hover{color:#00d5ff;text-decoration:underline;text-underline-offset:8px}
.search-link{display:block;border:1px solid #8cb6d4;border-radius:28px;padding:9px 22px;color:#a9bad2!important;min-height:48px}.search-link span{margin-left:20px;color:#fff}
.home-main{max-width:none;padding:0}.hero{min-height:440px;background:linear-gradient(90deg,#020e1c 0%,rgba(2,14,28,.86) 36%,rgba(2,14,28,.1) 78%),url(assets/river-sunset-hero.png) center/cover no-repeat;border-bottom:1px solid #1686ac;display:flex;align-items:center}
.hero-content{width:100%;max-width:1360px;margin:auto;padding:56px 36px}.hero h1{font-size:clamp(2.6rem,5vw,4.6rem);line-height:1.06;color:#f4f8ff;margin:0 0 22px;max-width:850px;letter-spacing:-.025em}.hero h1 span{color:#20b8ef}.hero p{font-family:Georgia,serif;font-size:clamp(1.1rem,2vw,1.55rem);max-width:700px}
.hero-actions{display:flex;flex-wrap:wrap;gap:20px;margin-top:32px}.button-primary,.button-secondary{display:inline-flex;align-items:center;justify-content:center;gap:28px;min-height:56px;padding:12px 30px;border:1px solid #00d5ff;border-radius:32px;text-decoration:none;color:#fff}.button-primary{background:#0077c2;box-shadow:0 8px 24px #0077bb2a}.button-secondary{background:#031321cc}.button-primary:hover,.button-secondary:hover{background:#005d96;text-decoration:underline}
.evidence-strip{display:grid;grid-template-columns:repeat(3,1fr);max-width:1440px;margin:auto;padding:24px 36px;gap:32px;border-bottom:1px solid #1686ac}.evidence-strip>div{display:flex;align-items:center;gap:22px;padding-right:20px;border-right:1px solid #1686ac}.evidence-strip>div:last-child{border:0}.feature-icon{font:48px/1 Georgia;color:#00bdff}.evidence-strip p{margin:0}.evidence-strip strong{display:block;font:1.15rem/1.5 Georgia}.evidence-strip p>span{color:#a9bad2;font-size:.9rem}
.reader-content{max-width:1360px;margin:auto;padding:32px 36px 48px}.reader-content h2{color:#f4f8ff;font-size:2.1rem}.reader-content section[aria-labelledby='browse']{display:grid;grid-template-columns:2fr 1fr 1fr;gap:0 24px}.reader-content section[aria-labelledby='browse'] h2,.reader-content section[aria-labelledby='browse'] noscript,.reader-content #matchCount,.reader-content #noMatches{grid-column:1/-1}
.reader-content label[for=query]{grid-column:1;grid-row:2}.reader-content #query{grid-column:1;grid-row:3}.reader-content label[for=topic]{grid-column:2;grid-row:2}.reader-content #topic{grid-column:2;grid-row:3}.reader-content label[for=geography]{grid-column:3;grid-row:2}.reader-content #geography{grid-column:3;grid-row:3}
.reader-content .cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.reader-content .card{border-color:#1686ac;border-radius:14px;background:linear-gradient(135deg,#061a30,#03111f);padding:26px}.reader-content .card h3{font-size:1.4rem}.reader-content .card h3 a{color:#f4f8ff;text-decoration:none}.reader-content .card h3 a:hover{color:#00d5ff;text-decoration:underline}.reader-content .meta{color:#83c9e7;font-size:.9rem}
.about-panel{margin-top:36px;padding:26px;border-top:1px solid #1686ac;max-width:900px}.site-footer{max-width:1440px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px;padding:20px 28px;border-color:#1686ac;background:#03111f}.site-footer>p{color:#00d5ff;text-transform:uppercase;letter-spacing:.2em;font-size:.8rem}
.brand-link,.brand-art{max-width:100%}
html{scroll-behavior:smooth;scroll-padding-top:20px}
@media(max-width:1100px){.header-inner{flex-wrap:wrap}.site-header nav{flex:1}.site-header nav ul{justify-content:flex-end;gap:18px}.search-link{padding:8px 14px}.evidence-strip{gap:18px}.evidence-strip>div{gap:12px}}
@media(max-width:760px){.site-header{background:radial-gradient(ellipse 156px 74px at 408px 10px,#022853 0%,#001a36 55%,transparent 100%),linear-gradient(90deg,#03111f,#001326)}.header-inner{padding:10px 18px;gap:4px}.brand-link,.brand-art{width:300px}.brand-art{height:65px;background-size:998px 666px}.site-header nav{width:100%;flex:auto}.site-header nav ul{display:flex;justify-content:flex-start;gap:10px 20px}.site-header nav li{margin:0}.search-link{border:0;padding:8px 0}.search-link span{margin-left:6px}.hero{min-height:430px;background-position:65% center}.hero-content{padding:44px 22px}.hero p{max-width:420px}.hero-actions{gap:12px}.button-primary,.button-secondary{padding:12px 22px;gap:16px}.evidence-strip{grid-template-columns:1fr;padding:24px 22px;gap:20px}.evidence-strip>div{border:0;padding:0}.feature-icon{width:40px;text-align:center}.reader-content{padding:24px 20px}.reader-content .cards{grid-template-columns:1fr}.reader-content section[aria-labelledby='browse']{display:block}.reader-content h2{font-size:1.8rem}.reader-content .card{padding:22px}.site-footer{padding:20px}.site-footer nav ul{display:flex;gap:20px}.about-panel{padding:24px 0}}
@media(max-width:760px){.hero{background-image:linear-gradient(90deg,rgba(2,14,28,.9),rgba(2,14,28,.5)),url(assets/river-sunset-hero.png)}}
@media(max-width:360px){.site-header{background:radial-gradient(ellipse 138px 65px at 363px 10px,#022853 0%,#001a36 55%,transparent 100%),linear-gradient(90deg,#03111f,#001326)}.brand-link,.brand-art{width:270px}.brand-art{height:58px;background-size:884px 589px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media(forced-colors:active){.brand-art{display:none}.brand-link::after{content:'Iliyn — by SHG'}.hero{background:Canvas}.button-primary,.button-secondary,.card{border:1px solid CanvasText}}