:root{--ink:#123f4a;--sea:#119cb2;--sea-dark:#08798e;--foam:#e8f7f8;--sand:#dfc28d;--cream:#fbf7ef;--muted:#5a7076;--warning:#fff4d9}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--ink);font-family:"DM Sans",sans-serif;line-height:1.78}
img{display:block;max-width:100%}
a{color:var(--sea-dark)}
.shell{width:min(1120px,calc(100% - 36px));margin-inline:auto}
.back{position:fixed;z-index:20;left:18px;top:18px;padding:.72rem 1rem;background:#fffef8e8;border:1px solid #123f4a22;border-radius:999px;color:var(--ink);text-decoration:none;font-weight:800;backdrop-filter:blur(12px);box-shadow:0 8px 30px #07384418}
.hero{min-height:78vh;display:grid;align-items:end;position:relative;overflow:hidden;background:url("images/hero-ikaria.png") center/cover no-repeat}
.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#073d4be8 0%,#073d4b9e 48%,#073d4b27 100%)}
.hero-content{position:relative;z-index:1;color:white;padding:10rem 0 5.5rem;max-width:920px}
.kicker{margin:0;font-size:.78rem;letter-spacing:.18em;font-weight:800;text-transform:uppercase;color:var(--sea-dark)}
.hero .kicker{color:#bceff4}
.hero h1,.article h2,.article h3,.article h4{font-family:"Cormorant Garamond",serif}
.hero h1{font-size:clamp(3.3rem,7.5vw,7.2rem);line-height:.9;letter-spacing:-.035em;margin:.8rem 0 1.3rem;max-width:1040px}
.hero .intro{font-size:clamp(1.05rem,2vw,1.3rem);max-width:770px;margin:0}
.article-wrap{padding:6.5rem 0}
.layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:5rem;align-items:start}
.article{min-width:0}
.article h2{font-size:clamp(2.7rem,5vw,4.8rem);line-height:.98;letter-spacing:-.02em;margin:.35rem 0 1.4rem}
.article h3{font-size:clamp(2rem,3vw,2.75rem);line-height:1.05;margin:3.6rem 0 .8rem}
.article h4{font-size:1.55rem;line-height:1.1;margin:1.5rem 0 .5rem}
.lead{font-size:1.25rem;line-height:1.65;color:#284f58}
.evidence-lens{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:2.6rem 0}
.lens{min-height:170px;padding:1.4rem;border-radius:20px;background:white;border:1px solid #123f4a16}
.lens strong{display:block;font-size:.76rem;letter-spacing:.12em;text-transform:uppercase;color:var(--sea-dark);margin-bottom:.7rem}
.lens p{margin:0;font-size:.92rem;line-height:1.55;color:var(--muted)}
.photo{margin:3rem 0;border-radius:26px;overflow:hidden;background:#dcecee}
.photo img{width:100%;height:min(56vw,560px);object-fit:cover}
.photo figcaption{padding:.85rem 1.1rem;background:white;color:var(--muted);font-size:.82rem}
.fact,.caveat,.radon-warning{margin:2.2rem 0;padding:1.45rem 1.55rem;border-radius:0 18px 18px 0;border-left:4px solid var(--sea);background:var(--foam)}
.fact strong,.caveat strong,.radon-warning strong{display:block;margin-bottom:.25rem}
.caveat{background:#f3ead9;border-left-color:var(--sand)}
.radon-warning{background:var(--warning);border-left-color:#c99122}
.article blockquote{margin:3.2rem 0;padding:0;font-family:"Cormorant Garamond",serif;font-size:clamp(2.1rem,4vw,3.6rem);line-height:1.05;color:var(--sea-dark)}
.mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:2.4rem 0}
.mini-grid div{min-height:150px;padding:1.3rem;border-radius:18px;background:var(--ink);color:white;display:flex;flex-direction:column;justify-content:center}
.mini-grid strong{font-family:"Cormorant Garamond",serif;font-size:2.7rem;line-height:1;color:var(--sand)}
.mini-grid span{margin-top:.55rem;font-size:.84rem;line-height:1.45}
.food-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin:2.4rem 0}
.food-card{padding:1.55rem;background:white;border-radius:20px;border:1px solid #123f4a14}
.food-card h4{margin-top:0;color:var(--sea-dark)}
.food-card p:last-child{margin-bottom:0}
.lessons{margin:3.5rem 0;padding:2rem;background:linear-gradient(135deg,var(--ink),#117f91);color:white;border-radius:24px}
.lessons h3{margin-top:0;color:white}.lessons li{margin:.9rem 0}.lessons strong{color:#ffe2a8}
.sources{margin-top:4rem;padding:1.6rem;background:white;border-radius:20px;font-size:.9rem}
.sources ol{padding-left:1.25rem}.sources li{margin:.7rem 0}.sources a{font-weight:700;overflow-wrap:anywhere}
.medical{font-size:.9rem;color:var(--muted)}
.side{position:sticky;top:2rem;padding:1.5rem;background:var(--ink);color:white;border-radius:22px}
.side h2{font-family:"Cormorant Garamond",serif;font-size:2rem;line-height:1;margin:0 0 1rem}
.side ol{padding-left:1.2rem}.side li{margin:.65rem 0}.side a{color:white;text-decoration-color:#ffffff66}.side .side-note{border-top:1px solid #ffffff2e;padding-top:1rem;font-size:.84rem;color:#d8eef1}
footer{padding:3rem 1rem;text-align:center;background:var(--ink);color:white}footer a{color:white}
.progress{position:fixed;z-index:30;left:0;top:0;height:4px;width:0;background:var(--sand)}
@media(max-width:860px){.layout{grid-template-columns:1fr;gap:2.5rem}.side{position:static;order:-1}.side ol{columns:2}.article-wrap{padding:4rem 0}.evidence-lens,.mini-grid{grid-template-columns:1fr}.lens,.mini-grid div{min-height:125px}.food-cards{grid-template-columns:1fr}.hero{min-height:70vh}.hero-content{padding:8rem 0 4rem}.back{top:auto;bottom:14px}}
@media(max-width:520px){.shell{width:min(100% - 26px,1120px)}.hero h1{font-size:3.35rem}.article h2{font-size:2.65rem}.article h3{font-size:2.05rem}.side ol{columns:1}.lessons{padding:1.35rem}.photo{border-radius:18px}.photo img{height:68vw}.back{font-size:.82rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}