.stories-page-container{background:#fff;border-left:1px solid #dcdcdc;border-right:1px solid #dcdcdc;max-width:1300px;min-height:100vh;margin:0 auto;padding:0}[data-theme=dark] .stories-page-container{background:#041f4a;border-left-color:#1e3a6e;border-right-color:#1e3a6e}@media (max-width:1340px){.stories-page-container{border-left:none;border-right:none}}.stories-header{background:#f6f6f6 url(/news_stories_header_1500x500.webp) 50%/cover no-repeat;border-bottom:1px solid #dcdcdc;padding:40px 20px;position:relative;overflow:hidden}.stories-header:before{content:"";z-index:1;background:#f6f6f6d9;width:100%;height:100%;position:absolute;inset:0}[data-theme=dark] .stories-header{background:#1e3a6e url(/news_stories_header_1500x500.webp) 50%/cover no-repeat;border-bottom-color:#1e3a6e}[data-theme=dark] .stories-header:before{background:#1e3a6ed9}@media (max-width:768px){.stories-header{padding:24px 16px}}.stories-header-content{text-align:center;z-index:2;max-width:800px;margin:0 auto;position:relative}.stories-page-title{color:#121212;margin:0 0 12px;font-family:MixedFont,GHGuardianHeadline-Bold,Georgia,serif;font-size:3rem;font-weight:700;line-height:1.1}@media (max-width:768px){.stories-page-title{font-size:2rem}}[data-theme=dark] .stories-page-title{color:#fff}.stories-page-subtitle{color:#333;margin:0;font-family:MixedFont-Body,GuardianTextEgyptian,Georgia,serif;font-size:1.125rem;line-height:1.5}@media (max-width:768px){.stories-page-subtitle{font-size:1rem}}[data-theme=dark] .stories-page-subtitle{color:#dcdcdc}.stories-filter-tabs{background:#fff;border-bottom:1px solid #dcdcdc;gap:8px;padding:16px 20px;display:flex}[data-theme=dark] .stories-filter-tabs{background:#041f4a;border-bottom-color:#1e3a6e}@media (max-width:768px){.stories-filter-tabs{padding:12px 16px}}.filter-tab{color:#333;cursor:pointer;background:0 0;border:1px solid #dcdcdc;border-radius:20px;padding:8px 16px;font-family:MixedFont-Body,GuardianTextSans,Arial,sans-serif;font-size:.875rem;font-weight:600;transition:all .2s}.filter-tab:hover{background:#f6f6f6;border-color:#999}.filter-tab--active{color:#fff;background:#c70000;border-color:#c70000}.filter-tab--active:hover{background:#ab0613;border-color:#ab0613}[data-theme=dark] .filter-tab{color:#fff;border-color:#1e3a6e}[data-theme=dark] .filter-tab:hover{background:#1e3a6e}.stories-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;padding:32px 20px;display:grid}@media (max-width:768px){.stories-grid{grid-template-columns:1fr;gap:16px;padding:16px}}.story-card{color:inherit;background:#fff;border:1px solid #dcdcdc;border-radius:4px;flex-direction:column;text-decoration:none;transition:all .2s;display:flex;overflow:hidden}.story-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}[data-theme=dark] .story-card{background:#1e3a6e;border-color:#2a4a7e}[data-theme=dark] .story-card:hover{box-shadow:0 4px 12px #0000004d}.story-card-image{aspect-ratio:16/9;background:#f6f6f6;width:100%;position:relative;overflow:hidden}.story-card-image img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.story-card:hover .story-card-image img{transform:scale(1.05)}.story-card-badge{color:#121212;text-transform:uppercase;letter-spacing:.5px;background:#ffe500;border-radius:3px;padding:4px 12px;font-family:MixedFont-Body,GuardianTextSans,sans-serif;font-size:.75rem;font-weight:700;position:absolute;top:12px;right:12px}.story-card-content{flex-direction:column;flex:1;gap:12px;padding:20px;display:flex}@media (max-width:768px){.story-card-content{gap:8px;padding:16px}}.story-card-title{color:#121212;margin:0;font-family:MixedFont,Georgia,serif;font-size:1.5rem;font-weight:700;line-height:1.25;transition:color .2s}.story-card:hover .story-card-title{color:#c70000}@media (max-width:768px){.story-card-title{font-size:1.25rem}}[data-theme=dark] .story-card-title{color:#fff}[data-theme=dark] .story-card:hover .story-card-title{color:#ffe500}.story-card-description{color:#333;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-family:MixedFont-Body,GuardianTextEgyptian,Georgia,serif;font-size:.9375rem;line-height:1.5;display:-webkit-box;overflow:hidden}[data-theme=dark] .story-card-description{color:#dcdcdc}.story-card-meta{border-top:1px solid #dcdcdc;margin-top:auto;padding-top:12px}[data-theme=dark] .story-card-meta{border-top-color:#2a4a7e}.story-card-count{color:#767676;font-family:MixedFont-Body,GuardianTextSans,Arial,sans-serif;font-size:.8125rem;font-weight:600}[data-theme=dark] .story-card-count{color:#9a9aa8}.stories-empty{text-align:center;grid-column:1/-1;padding:80px 20px}.stories-empty p{color:#767676;margin:0;font-family:MixedFont-Body,GuardianTextEgyptian,Georgia,serif;font-size:1.125rem}[data-theme=dark] .stories-empty p{color:#9a9aa8}
