.news-grid.news-grid-story{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.story-card{padding:0!important;overflow:hidden;position:relative;min-height:700px;border-radius:28px!important;background:linear-gradient(180deg,rgba(7,23,43,.98),rgba(10,28,51,.96))!important;box-shadow:0 28px 70px rgba(0,0,0,.28)}
.story-card::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top right,rgba(46,119,255,.18),transparent 32%),radial-gradient(circle at 14% 100%,rgba(255,199,79,.12),transparent 30%);pointer-events:none}
.story-shell{position:relative;display:flex;flex-direction:column;height:100%;padding:18px}.story-head{display:flex;flex-direction:column;gap:10px;align-items:flex-start;margin-bottom:14px}
.story-head h3{margin:2px 0 4px;font-size:1.34rem;line-height:1.16;letter-spacing:-.02em}.story-head p{margin:0;color:#adc2dc;font-size:.9rem;line-height:1.55}
.story-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:flex-start}.story-chip{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;border:1px solid rgba(141,186,236,.18);background:rgba(255,255,255,.05);font-size:.72rem;color:#d7e8f8;font-weight:800;backdrop-filter:blur(8px)}
.story-stage{position:relative;display:grid;flex:1;min-height:530px;border:1px solid rgba(130,181,233,.15);border-radius:24px;background:linear-gradient(180deg,rgba(8,28,52,.4),rgba(3,13,26,.66));overflow:hidden}
.story-slide{position:absolute;inset:0;display:flex;flex-direction:column;opacity:0;transform:translateY(18px) scale(.988);pointer-events:none;transition:opacity .55s ease,transform .55s ease}.story-slide.active{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}
.story-hero{position:relative;min-height:220px;border-bottom:1px solid rgba(154,197,238,.14);overflow:hidden;background:linear-gradient(135deg,#122b52,#08182e)}.story-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,15,28,.12),rgba(7,14,25,.72) 76%,rgba(7,14,25,.95));pointer-events:none}
.story-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .45s ease,transform 1.4s ease;transform:scale(1.03)}.story-hero.loaded .story-photo{opacity:1;transform:scale(1)}
.story-photo-fallback{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(circle at 20% 20%,rgba(68,179,255,.36),transparent 24%),linear-gradient(135deg,#11284c,#0a1930 64%,#162c4d);color:#dfefff;font-size:3rem;font-weight:900;letter-spacing:.06em}
.story-photo-badge{position:absolute;left:16px;top:16px;display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border-radius:999px;background:rgba(6,18,34,.56);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.12);z-index:2;color:#fff;font-size:.76rem;font-weight:800}.story-photo-badge b{color:#ffd88d}
.story-title-overlay{position:absolute;left:18px;right:18px;bottom:16px;z-index:2}.story-title-overlay h4{margin:8px 0 4px;font-size:1.72rem;line-height:1.05;letter-spacing:-.03em;color:#fff}.story-title-overlay p{margin:0;color:#dce9f8;font-size:.95rem;max-width:95%}
.story-slide-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:16px 18px 10px}.story-slide-top b{font-size:.82rem;color:#ffd88d;letter-spacing:.04em;text-transform:uppercase}.story-count{font-size:.78rem;color:#9ec3e7;font-weight:800}
.story-body{display:flex;flex-direction:column;gap:12px;padding:0 18px 16px;flex:1}.fact-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.fact-box{padding:13px 14px;border-radius:18px;border:1px solid rgba(127,178,227,.14);background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02));box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}.fact-box b{display:block;color:#ffd88d;font-size:.69rem;letter-spacing:.06em;text-transform:uppercase;margin-bottom:7px}.fact-box span{display:block;color:#eef6ff;font-size:.9rem;line-height:1.4}
.fact-note{padding:13px 14px;border-radius:18px;background:rgba(255,255,255,.045);border:1px solid rgba(127,178,227,.14);font-size:.89rem;color:#cfe0f2;line-height:1.55}.fact-note b{display:block;color:#ffd88d;margin-bottom:6px;font-size:.73rem;letter-spacing:.05em;text-transform:uppercase}
.province-map-chip{position:absolute;right:16px;bottom:16px;z-index:2;width:86px;height:86px;border-radius:22px;border:1px solid rgba(255,255,255,.14);background:rgba(3,12,24,.6);backdrop-filter:blur(8px);display:grid;place-items:center;box-shadow:0 18px 30px rgba(0,0,0,.22)}.province-map-chip img{width:70px;height:70px;object-fit:contain;filter:drop-shadow(0 8px 18px rgba(0,0,0,.3)) brightness(1.2)}
.person-layout,.tech-layout{display:flex;flex-direction:column;gap:12px;height:100%}.person-topline,.tech-topline{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.person-role,.tech-period{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid rgba(127,178,227,.16);width:fit-content;font-size:.77rem;color:#e2eefb;font-weight:800}
.story-highlight{padding:14px 15px;border-radius:18px;background:rgba(255,255,255,.045);border:1px solid rgba(127,178,227,.14)}.story-highlight b{display:block;margin-bottom:6px;color:#ffd88d;font-size:.72rem;letter-spacing:.05em;text-transform:uppercase}.story-highlight p{font-size:.92rem;color:#e8f2fd;line-height:1.55;margin:0}
.story-footer{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:14px}.story-progress{flex:1;height:9px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden;border:1px solid rgba(255,255,255,.06)}.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:40px;height:40px;border-radius:14px;border:1px solid rgba(127,178,227,.2);background:rgba(255,255,255,.04);color:#eff7ff;cursor:pointer;font-weight:900;transition:.2s}.story-controls button:hover{transform:translateY(-1px);border-color:rgba(255,194,39,.48);color:#ffd88d;background:rgba(255,255,255,.07)}
.story-legend{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-top:8px;font-size:.74rem;color:#9fb8d4}.story-legend .duration{color:#ffd88d;font-weight:800}.story-card .news-label{display:inline-flex;align-items:center;padding:7px 10px;border-radius:999px;background:rgba(255,194,39,.12);border:1px solid rgba(255,194,39,.18);font-size:.72rem}
@media(max-width:1180px){.news-grid.news-grid-story{grid-template-columns:1fr}.story-card{min-height:620px}.story-stage{min-height:500px}}
@media(max-width:760px){.story-shell{padding:14px}.story-stage{min-height:540px}.story-slide-top,.story-footer,.story-legend{flex-direction:column;align-items:flex-start}.fact-grid{grid-template-columns:1fr}.story-title-overlay h4{font-size:1.5rem}.province-map-chip{width:74px;height:74px}.province-map-chip img{width:58px;height:58px}}