.story-hub-container{background:#fff;border-left:1px solid #dcdcdc;border-right:1px solid #dcdcdc;max-width:1300px;margin:0 auto;padding:0}[data-theme=dark] .story-hub-container{background:#041f4a;border-left-color:#1e3a6e;border-right-color:#1e3a6e}@media (max-width:1340px){.story-hub-container{border-left:none;border-right:none}}.story-header{border-top:1px solid #dcdcdc;grid-template-columns:1fr;display:grid}[data-theme=dark] .story-header{border-top-color:#1e3a6e}@media (min-width:980px){.story-header{grid-template-columns:15% 85%}}.story-label{background:#ab0613;border-bottom:1px solid #dcdcdc;border-right:none;justify-content:flex-start;align-items:center;padding:20px;display:flex}@media (min-width:980px){.story-label{border-bottom:none;border-right:1px solid #dcdcdc;justify-content:center;align-items:flex-start}}@media (max-width:979px){.story-label{padding:12px 16px}}[data-theme=dark] .story-label{background:#ab0613;border-bottom-color:#1e3a6e;border-right-color:#1e3a6e}.story-label-title{color:#fff;text-align:left;margin:0;font-family:MixedFont-Body,GHGuardianHeadline-Bold,Georgia,serif;font-size:20px;font-weight:700}@media (min-width:980px){.story-label-title{text-align:center;font-size:28px}}[data-theme=dark] .story-label-title{color:#fff}.story-content-column{flex-direction:column;display:flex}.story-summary{background:#f6f6f6;border-bottom:1px solid #dcdcdc;flex-direction:column;gap:16px;padding:20px;display:flex}@media (max-width:979px){.story-summary{gap:12px;padding:16px}}[data-theme=dark] .story-summary{background:#1e3a6e;border-bottom-color:#1e3a6e}.story-summary-title{color:#121212;margin:0;font-family:MixedFont,Georgia,serif;font-size:2rem;font-weight:700;line-height:1.15}@media (max-width:979px){.story-summary-title{font-size:1.5rem}}[data-theme=dark] .story-summary-title{color:#fff}.story-summary-description-container{display:block;position:relative}.story-summary-description{color:#333;margin:0;font-family:MixedFont-Body,GuardianTextEgyptian,Georgia,serif;font-size:1.125rem;line-height:1.6}@media (max-width:979px){.story-summary-description{font-size:1rem}}[data-theme=dark] .story-summary-description{color:#dcdcdc}@media (max-width:979px){.story-summary-description--collapsed{max-height:150px;position:relative;overflow:hidden}.story-summary-description--collapsed:after{content:"";background:linear-gradient(#0000,#f6f6f6);height:50px;position:absolute;bottom:0;left:0;right:0}[data-theme=dark] .story-summary-description--collapsed:after{background:linear-gradient(#0000,#1e3a6e)}}.story-summary-toggle-btn{color:#fff;cursor:pointer;background:#c70000;border:none;border-radius:16px;justify-content:center;align-items:center;gap:6px;margin-top:12px;padding:4px 12px;font-family:GuardianTextSans-Bold,Arial,sans-serif;font-size:.8125rem;font-weight:700;text-decoration:none;transition:background .2s;display:inline-flex}.story-summary-toggle-btn .chevron-down,.story-summary-toggle-btn .chevron-up{align-items:center;width:18px;height:18px;display:inline-flex}.story-summary-toggle-btn svg{fill:currentColor;width:18px;height:18px}.story-summary-toggle-btn:hover{background:#ab0613}[data-theme=dark] .story-summary-toggle-btn{background:#6692ff}[data-theme=dark] .story-summary-toggle-btn:hover{background:#90dcff}@media (min-width:980px){.story-summary-toggle-btn,.story-summary-toggle{display:none}}.story-meta-inline{color:#767676;align-items:center;gap:8px;font-family:MixedFont-Body,GuardianTextSans,Arial,sans-serif;font-size:.875rem;display:flex}.story-count{color:#c70000;font-weight:600}.story-separator{opacity:.5}.story-last-updated,.latest-desktop{display:inline}@media (max-width:979px){.story-meta-inline{gap:6px;font-size:.75rem}.story-last-updated{display:inline!important}.latest-desktop{display:none}.latest-mobile{display:inline}}.latest-desktop{display:inline}.latest-mobile{display:none}@media (max-width:979px){.story-meta-inline{gap:6px;font-size:.75rem}.latest-desktop{display:none}.latest-mobile{display:inline}}.story-controls{background:#fff;border-bottom:1px solid #dcdcdc;justify-content:space-between;align-items:center;gap:16px;padding:12px 20px;display:flex}@media (max-width:979px){.story-controls{padding:10px 16px}.story-meta-inline{gap:6px;font-size:.75rem}.story-last-updated{display:none}}[data-theme=dark] .story-controls{background:#041f4a;border-bottom-color:#1e3a6e}.sort-button{color:#333;cursor:pointer;background:0 0;border:1px solid #dcdcdc;border-radius:20px;align-items:center;gap:8px;padding:6px 16px;font-family:MixedFont-Body,GuardianTextSans,Arial,sans-serif;font-size:.875rem;font-weight:600;transition:all .2s;display:flex}.sort-button svg{flex-shrink:0}.sort-button:hover{background:#f6f6f6;border-color:#999}[data-theme=dark] .sort-button{color:#fff;border-color:#1e3a6e}[data-theme=dark] .sort-button:hover{background:#1e3a6e}@media (max-width:600px){.sort-button{padding:6px 12px;font-size:.8125rem}.sort-button-text{display:none}}.story-timeline{position:relative}.story-post-card{border-bottom:1px solid #dcdcdc;grid-template-columns:1fr;padding:20px;transition:background .2s;display:grid}.story-post-card:hover{background:#f6f6f6}@media (min-width:980px){.story-post-card{grid-template-columns:40px 1fr;gap:20px}}@media (max-width:979px){.story-post-card{padding:5px}.post-card-content{min-height:100px;display:flex}}[data-theme=dark] .story-post-card{border-bottom-color:#1e3a6e}[data-theme=dark] .story-post-card:hover{background:#1e3a6e}.post-timeline-marker{flex-direction:column;align-items:center;display:flex;position:relative}.post-timeline-marker--desktop{display:flex}.post-timeline-marker--mobile{display:none}@media (max-width:979px){.post-timeline-marker--desktop{display:none}.post-timeline-marker--mobile{flex-shrink:0;width:20px;display:flex}}.post-timeline-dot{z-index:2;background:#c70000;border:3px solid #fff;border-radius:50%;flex-shrink:0;width:12px;height:12px;margin-top:6px;position:relative;box-shadow:0 0 0 2px #c70000}[data-theme=dark] .post-timeline-dot{border-color:#041f4a}.post-timeline-line{background:#dcdcdc;flex:1;width:2px;min-height:40px;margin-top:4px}[data-theme=dark] .post-timeline-line{background:#1e3a6e}@media (max-width:979px){.post-timeline-marker--mobile{min-height:100%}.post-timeline-line{flex:1;min-height:100%}}.post-card-content{padding-bottom:0}.post-card-layout{align-items:flex-start;gap:20px;display:flex}@media (max-width:979px){.post-card-layout{flex-direction:row;gap:8px}.post-image-link{width:140px}.post-title{font-size:1.0625rem;line-height:1.25}.post-date{margin-bottom:2px;font-size:.6875rem}}.post-image-link{flex-shrink:0;width:300px;display:block}@media (max-width:979px){.post-image-link{width:140px}}.post-thumbnail{aspect-ratio:16/9;object-fit:cover;width:100%;height:auto;display:block}@media (max-width:979px){.post-thumbnail{aspect-ratio:19/15}}.post-text-content{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}@media (max-width:979px){.post-text-content{gap:2px}}.post-date{text-transform:uppercase;letter-spacing:.5px;color:#767676;font-family:MixedFont-Body,GuardianTextSans,Arial,sans-serif;font-size:.75rem;font-weight:600;display:block}[data-theme=dark] .post-date{color:#9a9aa8}.post-link{color:inherit;text-decoration:none}.post-title{color:#121212;margin:0;font-family:MixedFont,Georgia,serif;font-size:1.5rem;font-weight:700;line-height:1.3;transition:color .2s}.post-link:hover .post-title{color:#c70000;text-decoration:underline}[data-theme=dark] .post-title{color:#fff}.post-excerpt{color:#333;-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;margin:0;font-family:MixedFont-Body,GuardianTextEgyptian,Georgia,serif;font-size:.9375rem;line-height:1.4;display:-webkit-box;overflow:hidden}[data-theme=dark] .post-excerpt{color:#dcdcdc}.post-read-more{color:#c70000;align-items:center;gap:6px;font-family:MixedFont-Body,GuardianTextSans,Arial,sans-serif;font-size:.875rem;font-weight:600;text-decoration:none;transition:color .2s;display:inline-flex}.post-read-more svg{fill:currentColor;flex-shrink:0;width:20px;height:20px}.post-read-more:hover{text-decoration:underline}.post-read-more:hover svg{text-decoration:none}[data-theme=dark] .post-read-more{color:#6692ff}@media (max-width:979px){.post-excerpt--desktop,.post-read-more--desktop{display:none}.story-hub-container{padding:0}.story-summary{padding:16px}.story-summary-title{font-size:1.5rem}.story-summary-description{font-size:.9375rem}.story-controls{padding:10px 16px}.story-post-card{padding:5px}.post-title{font-size:1.0625rem}}
