
/* V39 premium redesign */
.news-grid.news-grid-story{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:22px!important;align-items:stretch}
.story-card{padding:0!important;overflow:hidden;position:relative;min-height:940px!important;border-radius:30px!important;background:linear-gradient(180deg,#08172c 0%,#0b1f3a 56%,#071425 100%)!important;border:1px solid rgba(119,173,234,.16)!important;box-shadow:0 28px 70px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.03)}
.story-card::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 100% 0%,rgba(79,143,255,.18),transparent 32%),radial-gradient(circle at 0% 100%,rgba(255,191,73,.12),transparent 30%);pointer-events:none}
.story-shell{position:relative;display:flex;flex-direction:column;height:100%;padding:18px 18px 16px}
.story-head{display:flex;flex-direction:column;gap:10px!important;margin-bottom:16px!important}
.story-head h3{margin:0!important;font-size:1.35rem!important;line-height:1.18!important;letter-spacing:-.02em;color:#fff}
.story-head p{margin:0!important;font-size:.92rem!important;line-height:1.55!important;color:#bdd0e4!important}
.story-meta{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-start!important}.story-chip{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(148,193,241,.14);backdrop-filter:blur(8px);color:#edf6ff;font-size:.74rem;font-weight:800}
.story-stage{position:relative;display:grid;flex:1;min-height:760px!important;border-radius:26px;border:1px solid rgba(144,191,239,.12);background:linear-gradient(180deg,rgba(8,25,46,.66),rgba(4,14,26,.76));overflow:hidden!important}
.story-slide{position:absolute;inset:0;opacity:0;transform:translateY(18px) scale(.988);pointer-events:none;transition:opacity .5s ease,transform .5s ease;display:flex;flex-direction:column}
.story-slide.active{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}
.story-slide-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:16px 18px 10px}.story-slide-top b{color:#ffd88d;font-size:.8rem;letter-spacing:.05em;text-transform:uppercase}.story-count{color:#dbe9f7;font-size:.82rem;font-weight:800}
.story-rich-hero,.province-feature-panel,.story-hero{position:relative;min-height:260px;border-radius:24px;overflow:hidden;border:1px solid rgba(154,198,239,.14);background:linear-gradient(140deg,#102847,#08182d)}
.story-rich-hero::after,.province-feature-panel::after,.story-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.55) 74%,rgba(0,0,0,.78));pointer-events:none}
.hero-photo,.async-photo,.story-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;transition:opacity .4s ease,transform 1.1s ease;transform:scale(1.03)}
.story-rich-hero.loaded .hero-photo,.async-photo-shell.loaded .async-photo,.story-hero.loaded .story-photo{opacity:1;transform:scale(1)}
.hero-fallback,.async-photo-fallback,.story-photo-fallback{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(circle at 20% 18%,rgba(70,183,255,.36),transparent 22%),linear-gradient(140deg,#102847,#08182d 70%,#15355a);color:#eef7ff;font-size:3rem;font-weight:900}
.story-hero-badge{position:absolute;left:14px;top:14px;z-index:2;display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:rgba(5,18,34,.58);border:1px solid rgba(255,255,255,.13);backdrop-filter:blur(9px);font-size:.76rem;color:#f4fbff;font-weight:800}
.story-hero-badge b{color:#ffd88d}
.story-hero-copy{position:absolute;left:18px;right:18px;bottom:16px;z-index:2}.story-hero-copy .kicker{display:inline-flex;padding:7px 11px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);font-size:.73rem;color:#eff7ff;font-weight:800;margin-bottom:8px}.story-hero-copy h4{margin:0 0 5px;font-size:1.92rem;line-height:1.03;color:#fff;letter-spacing:-.03em}.story-hero-copy p{margin:0;color:#e2eefb;font-size:.98rem;line-height:1.42}
.story-body{display:flex;flex-direction:column;gap:12px;padding:14px 18px 16px;flex:1}
.fact-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.fact-box{padding:14px;border-radius:18px;border:1px solid rgba(146,191,239,.12);background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.02));box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}.fact-box b{display:block;color:#ffd88d;font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;margin-bottom:7px}.fact-box span{display:block;color:#edf6ff;font-size:.92rem;line-height:1.46}
.story-summary{padding:14px 15px;border-radius:18px;border:1px solid rgba(146,191,239,.12);background:rgba(255,255,255,.045)}.story-summary b{display:block;color:#ffd88d;font-size:.72rem;letter-spacing:.05em;text-transform:uppercase;margin-bottom:6px}.story-summary p{margin:0;color:#d7e8f9;font-size:.93rem;line-height:1.58}
.province-map-chip{position:absolute;right:14px;bottom:14px;z-index:2;width:112px;height:112px;border-radius:26px;background:rgba(6,16,30,.68);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(9px);display:grid;place-items:center;box-shadow:0 16px 36px rgba(0,0,0,.25)}.province-map-chip img{width:88px;height:88px;object-fit:contain;filter:drop-shadow(0 10px 18px rgba(0,0,0,.34)) brightness(1.16)}
.province-highlights{display:flex;flex-wrap:wrap;gap:8px}.province-highlights .story-chip{font-weight:700}
.story-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px}.story-progress{flex:1;height:9px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.06);overflow:hidden}.story-progress>span{display:block;height:100%;width:0;background:linear-gradient(90deg,#ffc227,#59d4ff)}
.story-controls{display:flex;gap:8px}.story-controls button{min-width:42px;height:42px;border-radius:14px;border:1px solid rgba(138,187,236,.18);background:rgba(255,255,255,.04);color:#eef7ff;font-weight:900;cursor:pointer;transition:.2s}.story-controls button:hover{transform:translateY(-1px);background:rgba(255,255,255,.07);border-color:rgba(255,203,98,.4);color:#ffd88d}
.story-legend{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:8px;font-size:.74rem;color:#a9c0d8}.story-legend .duration{color:#ffd88d;font-weight:800}.story-card .news-label{display:inline-flex;align-items:center;padding:8px 11px;border-radius:999px;background:rgba(255,194,39,.12);border:1px solid rgba(255,194,39,.18);font-size:.72rem;color:#ffe7ae}
@media(max-width:1240px){.news-grid.news-grid-story{grid-template-columns:1fr!important}.story-card{min-height:840px!important}.story-stage{min-height:720px!important}}
@media(max-width:760px){.story-shell{padding:14px}.story-stage{min-height:760px!important}.story-slide-top,.story-footer,.story-legend{flex-direction:column;align-items:flex-start}.fact-grid{grid-template-columns:1fr}.province-map-chip{width:92px;height:92px}.province-map-chip img{width:72px;height:72px}.story-hero-copy h4{font-size:1.62rem}}
