:root{--ink:#111827;--muted:#657087;--paper:#f6f7fb;--card:#fff;--line:#e6e9f0;--blue:#183c8f;--blue2:#2c6ce6;--red:#c72b38;--orange:#d77713;--green:#2f7d59;--shadow:0 16px 44px rgba(20,32,70,.08)}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif}.topbar{height:78px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1180px)/2));position:sticky;top:0;z-index:10}.brand-wrap{display:flex;align-items:baseline;gap:16px}.brand{text-decoration:none;color:var(--ink);font:800 24px 'Manrope',sans-serif;letter-spacing:-1px}.brand span{color:var(--blue2)}.unofficial{font-size:12px;color:var(--muted)}nav{display:flex;gap:6px}.nav-btn,.chip,#refresh{border:0;background:transparent;font:600 13px 'DM Sans';cursor:pointer}.nav-btn{padding:10px 12px;border-radius:9px;color:#596273}.nav-btn:hover,.nav-btn.active{background:#eef3ff;color:var(--blue)}main{max-width:1180px;margin:auto;padding:42px 24px 72px}.hero{background:linear-gradient(120deg,#101b3e,#163d88);border-radius:28px;padding:54px;display:grid;grid-template-columns:1fr 260px;align-items:center;color:#fff;box-shadow:var(--shadow);overflow:hidden;position:relative}.hero:after{content:'';position:absolute;width:380px;height:380px;border-radius:50%;background:rgba(255,255,255,.055);right:-120px;top:-160px}.eyebrow{font-size:12px;letter-spacing:1.8px;font-weight:800;color:#76839e;margin-bottom:8px}.hero .eyebrow{color:#9db8ff}.hero h1{font:800 clamp(36px,5vw,62px)/1.02 'Manrope';letter-spacing:-2.4px;margin:8px 0 16px}.hero h1 span{color:#9ec0ff}.hero p{max-width:680px;color:#d7e2ff;font-size:17px;line-height:1.6;margin:0}.today-card{background:#fff;color:var(--ink);padding:27px;border-radius:22px;z-index:1}.today-card span{font-size:11px;font-weight:800;letter-spacing:1.5px;color:var(--red)}.today-card strong{display:block;font:800 50px 'Manrope';letter-spacing:-2px;margin:6px 0}.today-card small{color:var(--muted);line-height:1.4;display:block}.controls{margin:28px 0 34px;display:flex;justify-content:space-between;align-items:center;gap:20px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{padding:9px 13px;border-radius:999px;background:#fff;border:1px solid var(--line);color:#596273}.chip:hover,.chip.active{border-color:#bfcdf0;background:#edf3ff;color:var(--blue)}.refresh-line{white-space:nowrap;color:var(--muted);font-size:12px}.refresh-line button{color:var(--blue2);margin-left:8px}.spotlight{background:#fff;border:1px solid var(--line);border-radius:22px;padding:24px;margin-bottom:40px;display:grid;grid-template-columns:120px 1fr auto;gap:22px;align-items:center;box-shadow:var(--shadow)}.spot-icon{height:100px;border-radius:16px;background:#fff0f1;display:grid;place-items:center;font-size:38px}.spotlight h3{font:800 24px 'Manrope';letter-spacing:-.6px;margin:3px 0 7px}.spotlight p{margin:0;color:var(--muted);line-height:1.55}.spotlight a{background:var(--ink);color:#fff;text-decoration:none;padding:11px 14px;border-radius:10px;font-weight:700;font-size:13px}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:16px}.section-head h2{font:800 30px 'Manrope';letter-spacing:-1px;margin:0}.section-head input{width:280px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:#fff;font:500 14px 'DM Sans';outline:none}.section-head input:focus{border-color:#9bb3ea}.feed{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.story{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:22px;display:flex;flex-direction:column;min-height:270px;transition:.18s transform,.18s box-shadow}.story:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:13px}.pill{font-size:10px;font-weight:800;letter-spacing:.7px;padding:5px 7px;border-radius:6px}.pill.high{background:#ffe9eb;color:#a71927}.pill.moderate{background:#fff0dd;color:#9a570c}.pill.general{background:#eef2f7;color:#5c6677}.pill.tag{background:#eef3ff;color:#2a57aa}.pill.official{background:#e9f6ef;color:#246545}.dest{font-size:11px;font-weight:700;color:var(--muted)}.story h3{font:800 21px/1.22 'Manrope';letter-spacing:-.5px;margin:0 0 10px}.excerpt{font-size:14px;color:var(--muted);line-height:1.52;margin:0 0 16px}.why{border-left:3px solid #a9bae2;padding-left:11px;font-size:13px;line-height:1.5;margin-top:auto}.why strong{display:block;font-size:11px;letter-spacing:.8px;color:var(--blue);margin-bottom:2px}.story-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:14px;margin-top:17px;font-size:12px}.source{color:var(--muted)}.story-bottom a{color:var(--blue2);font-weight:800;text-decoration:none}.more-sources{font-size:11px;color:var(--muted);margin-top:7px}.loading-card{height:280px;border-radius:18px;background:linear-gradient(90deg,#fff,#f1f3f8,#fff);background-size:200% 100%;animation:load 1.2s infinite}@keyframes load{to{background-position:-200% 0}}.empty{background:#fff;border:1px dashed #cbd1dc;padding:40px;border-radius:16px;text-align:center;color:var(--muted)}.hidden{display:none}footer{max-width:1180px;margin:auto;padding:25px 24px 50px;border-top:1px solid var(--line);font-size:12px;color:var(--muted);line-height:1.6}
@media(max-width:800px){.topbar{height:auto;min-height:74px;align-items:flex-start;flex-direction:column;padding:16px 20px;gap:10px}.unofficial{display:none}nav{overflow-x:auto;width:100%;padding-bottom:2px}.nav-btn{white-space:nowrap}.hero{grid-template-columns:1fr;padding:34px 25px;gap:24px;border-radius:22px}.hero h1{letter-spacing:-1.6px}.today-card{max-width:260px}.controls{align-items:flex-start;flex-direction:column}.refresh-line{width:100%;display:flex;justify-content:space-between}.spotlight{grid-template-columns:74px 1fr}.spot-icon{height:74px}.spotlight a{grid-column:1/-1;text-align:center}.section-head{align-items:flex-start;flex-direction:column;gap:14px}.section-head input{width:100%}.feed{grid-template-columns:1fr}main{padding:24px 15px 55px}}

/* MagicParkNews park-night theme */
:root{--ink:#12234a;--muted:#526381;--paper:#edf3ff;--line:#d8e2f5;--blue:#183bb5;--blue2:#2255cf;--gold:#ffcf60;--shadow:0 14px 36px #10245112}
body{background:radial-gradient(ellipse at top right,#d8e8ff,transparent 65%),var(--paper);font-size:16px}
.topbar{background:#0b1b48;border-bottom:3px solid var(--gold);height:auto;min-height:86px;padding-top:14px;padding-bottom:14px;gap:20px}
.brand{color:white;font-size:28px}.brand:before{content:'✦';color:var(--gold);margin-right:9px}.brand span{color:var(--gold)}
.brand-wrap{align-items:flex-start;flex-direction:column;gap:4px}.unofficial{color:#c1d2f5;font-size:12px}
.nav-btn{color:#dae5ff;font-size:14px}.nav-btn.active,.nav-btn:hover{background:var(--gold);color:#142553}
main{padding-top:24px}
.hero{border:1px solid #456bcc;background:radial-gradient(ellipse at 70% 0%,#3464c6,transparent 60%),linear-gradient(125deg,#102759,#163ba0);padding:28px 34px;grid-template-columns:1fr 200px;gap:24px;border-radius:20px}
.hero:after{background:transparent;border:1px solid #ffffff20}
.hero h1{font-size:clamp(30px,3.6vw,46px);letter-spacing:-1.3px;line-height:1.1;margin:8px 0 12px}
.hero h1 span{color:var(--gold)}.hero .eyebrow{color:#ffdf8f}.hero p{font-size:16px;max-width:670px}
.today-card{background:#091a48aa;color:white;border:1px solid #f8d68080;padding:20px;border-radius:14px}
.today-card span{color:#ffdc89;font-size:12px}.today-card strong{color:#ffda80;font-size:42px}.today-card small{color:#d9e5ff;font-size:14px}
.eyebrow{font-size:12px;color:#455e88}.controls{margin:22px 0;flex-wrap:wrap}
.chip{font-size:14px}.chip.active{background:#173db4;color:white;border-color:#173db4}
.refresh-line{font-size:14px;white-space:normal}#refresh{font-size:14px}
.spotlight{grid-template-columns:220px 1fr auto;border-top:4px solid #e7b443;padding:18px;gap:22px;margin-bottom:28px}
.spotlight h3{font-size:23px}.spotlight>.story-photo{margin:0;height:160px;border-radius:10px}.spot-icon{background:#e9efff;color:#2951bd}
.spotlight>a:not(.story-photo){font-size:14px;background:#193fae;white-space:nowrap}
.feed{gap:22px}.story{padding:0;overflow:hidden;border-radius:16px;border-color:#d6e1f5}
.story-content{padding:24px;display:flex;flex-direction:column;flex:1}
.story-photo{position:relative;display:block;height:250px;overflow:hidden;background:#dbe5f5}
.story-photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}
.story-photo:hover img{transform:scale(1.035)}
.story-photo span{position:absolute;bottom:10px;left:12px;color:white;background:#0a1738e8;padding:5px 9px;border-radius:5px;font-size:12px}
.spotlight a.story-photo{padding:0;background:#dbe5f5}
.story h3{font-size:23px;line-height:1.3}.excerpt{font-size:16px;line-height:1.6}
.pill{font-size:12px;letter-spacing:.2px}.dest{font-size:14px}
.why{font-size:14px;border-color:#e3b244;background:#fff9e9;padding:12px 14px;margin-top:auto;border-radius:0 8px 8px 0}
.why strong{font-size:12px}.story-bottom{font-size:14px;gap:12px;flex-wrap:wrap}.more-sources{font-size:13px}
footer{font-size:14px}
button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #df9e13;outline-offset:4px}
@media(max-width:900px){.topbar{flex-direction:column;align-items:flex-start;padding:14px 20px;gap:12px}nav{flex-wrap:wrap}.spotlight{grid-template-columns:160px 1fr}.spotlight>a:not(.story-photo){grid-column:1/-1;text-align:center}.spotlight>.story-photo{height:150px}}
@media(max-width:600px){.hero{padding:24px;grid-template-columns:1fr;gap:18px}.today-card{max-width:none;display:grid;grid-template-columns:1fr auto;gap:4px 15px;align-items:center}.today-card strong{grid-column:2;grid-row:1/3;margin:0}.today-card small{grid-column:1}.story-photo{height:210px}.spotlight{grid-template-columns:1fr}.spotlight>.story-photo{height:200px}.story-content{padding:20px}.nav-btn{padding:10px}.hero h1{font-size:32px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

/* Custom MagicParkNews identity */
.brand:before{content:none}
.brand{display:block;line-height:0;max-width:100%}
.brand-logo{display:block;width:330px;max-width:100%;height:auto}
.brand-wrap{min-width:0}
@media(max-width:600px){.brand-logo{width:280px}}