/* CN-32: one leading Story + four editorial cards; native disclosures, no carousel. */
.cosmy-stories { --story-ink:#18221b; --story-muted:#626a61; --story-line:#c8cbbf; --story-accent:#596c2e; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.5rem 2rem; color:var(--story-ink); border-top:2px solid var(--story-ink); padding-top:1.25rem; }
.cosmy-story-card { min-width:0; padding:0 0 1.3rem; border-bottom:1px solid var(--story-line); }
.cosmy-story-card--lead,.cosmy-story-card:has(.cosmy-story[open]) { grid-column:1/-1; }
.cosmy-story-summary { display:flex; flex-direction:column; gap:1.1rem; cursor:pointer; list-style:none; }
.cosmy-story-summary::-webkit-details-marker { display:none; }
.cosmy-story-summary:focus-visible { outline:3px solid var(--story-accent); outline-offset:7px; border-radius:2px; }
.cosmy-story-copy { display:flex; flex-direction:column; gap:.8rem; min-width:0; }
.cosmy-story-kicker { display:flex; align-items:center; gap:.65rem; color:var(--story-accent); text-transform:uppercase; letter-spacing:.09em; font-size:.69rem; font-weight:700; line-height:1.5; }
.cosmy-story-number { display:inline-grid; place-items:center; width:1.8rem; height:1.8rem; border:1px solid var(--story-line); border-radius:50%; font-variant-numeric:tabular-nums; letter-spacing:0; }
.cosmy-story-title { font-size:clamp(1.45rem,2.1vw,1.9rem); font-weight:750; line-height:1.15; text-wrap:balance; overflow-wrap:break-word; letter-spacing:-.025em; }
.cosmy-story-card--lead .cosmy-story-title { font-size:clamp(1.85rem,3.2vw,2.8rem); line-height:1.08; letter-spacing:-.035em; }
.cosmy-story-overview,.cosmy-story-update { max-width:72ch; font-size:1rem; line-height:1.55; }
.cosmy-story:not([open]) .cosmy-story-overview { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden; }
.cosmy-story-card--lead .cosmy-story-overview { font-size:1.08rem; }
.cosmy-story-meta,.cosmy-story-window,.cosmy-story-coverage { color:var(--story-muted); font-size:.78rem; line-height:1.55; }
.cosmy-story-meta { display:grid; gap:.2rem; margin-top:.15rem; }
.cosmy-story-toggle { display:flex; align-items:center; justify-content:space-between; gap:1rem; width:fit-content; max-width:100%; margin-top:.1rem; padding:.5rem 0; color:var(--story-accent); font-size:.86rem; font-weight:650; }
.cosmy-story-chevron { display:block; width:.5rem; height:.5rem; border-right:1.5px solid currentColor; border-bottom:1.5px solid currentColor; transform:rotate(45deg); margin:-.25rem .25rem 0 .5rem; flex:none; }
.cosmy-story[open] .cosmy-story-chevron { transform:rotate(225deg); margin-top:.25rem; }
.cosmy-story-close-label { display:none; }
.cosmy-story[open] > summary .cosmy-story-open-label { display:none; }
.cosmy-story[open] > summary .cosmy-story-close-label { display:inline; }
.cosmy-story-picture { display:block; position:relative; order:-1; width:100%; aspect-ratio:16/9; overflow:hidden; border-radius:4px; background:#e3e6dc; }
.cosmy-story-picture img.cosmy-story-visual { display:block; width:100%; height:100%; max-width:none; margin:0; aspect-ratio:16/9; object-fit:cover; object-position:var(--cosmy-hero-position,50% 50%); }
.cosmy-story-image-label { position:absolute; left:.65rem; bottom:.65rem; padding:.25rem .5rem; font-size:.65rem; line-height:1.4; letter-spacing:.025em; color:#fff; background:#18221bd9; border-radius:2px; }
.cosmy-story-credit { color:var(--story-muted); font-size:.7rem; line-height:1.5; margin-top:.8rem; overflow-wrap:anywhere; }
.cosmy-story-credit a { color:inherit; text-underline-offset:.15em; }
.cosmy-story-body { margin-top:1.25rem; padding:1.5rem clamp(1rem,3vw,2rem); background:#eaece2; border-radius:4px; }
.cosmy-story-body > h3 { font-size:1.35rem; margin:0 0 .5rem; letter-spacing:-.02em; }
.cosmy-story-timeline { list-style:none; padding:0 0 0 1.2rem; margin:1.4rem 0 0 .25rem; border-left:1px solid #adb7a2; }
.cosmy-story-timeline > li { position:relative; padding:0 0 1.8rem .4rem; }
.cosmy-story-timeline > li::before { content:''; position:absolute; left:-1.52rem; top:.3rem; width:.5rem; height:.5rem; border-radius:50%; background:var(--story-accent); border:2px solid #eaece2; }
.cosmy-story-timeline > li:last-child { padding-bottom:.5rem; }
.cosmy-story-timeline h4 { margin:.4rem 0; font-size:1.16rem; line-height:1.35; max-width:75ch; }
.cosmy-story-timeline time { font-size:.78rem; color:var(--story-muted); font-variant-numeric:tabular-nums; }
.cosmy-story-timeline li > p { max-width:80ch; line-height:1.55; }
.cosmy-story-sources { display:flex; flex-wrap:wrap; gap:.7rem; }
.cosmy-story-source { display:grid; gap:.35rem; padding:.75rem 1rem; background:#f6f6ee; border:1px solid #d4d9ca; border-radius:3px; font-size:.84rem; max-width:100%; min-width:0; box-sizing:border-box; }
.cosmy-story-source a { display:inline-flex; gap:.35rem; align-items:center; }
.cosmy-story-source-icon { width:20px; height:20px; object-fit:contain; flex-shrink:0; }
.cosmy-story-disagreement { padding:.75rem; border-left:3px solid #946728; background:#f2ebd8; }
.cosmy-story-unresolved { font-size:.85rem; color:#76500f; font-weight:600; }
.cosmy-story-attribution { font-size:.75rem; max-width:80ch; }
.cosmy-story-history-more { font:inherit; font-size:.85rem; color:inherit; background:transparent; border:1px solid #858b7e; border-radius:3px; padding:.65rem .9rem; cursor:pointer; min-height:44px; }
.cosmy-story-history-more:focus-visible { outline:3px solid var(--story-accent); outline-offset:3px; }
.cosmy-story-history-more:disabled { opacity:.6; cursor:progress; }
.cosmy-story-history-status { font-size:.85rem; color:var(--story-muted); }
.cosmy-story a { color:inherit; overflow-wrap:anywhere; text-underline-offset:.18em; }
.cosmy-ranking-note { margin:1rem 0 2.5rem; font-size:.8rem; line-height:1.5; max-width:85ch; color:#626a61; }
.cosmy-ranking-note > summary { cursor:pointer; width:fit-content; padding:.45rem 0; }
@media (min-width:760px) {
 .cosmy-story-card--lead.cosmy-story-card--illustrated .cosmy-story-summary,.cosmy-story-card--illustrated:has(.cosmy-story[open]) .cosmy-story-summary { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,1fr); gap:clamp(1.5rem,4vw,3.5rem); align-items:center; }
 .cosmy-story-card--lead .cosmy-story-picture,.cosmy-story-card:has(.cosmy-story[open]) .cosmy-story-picture { order:0; }
 .cosmy-story-card--lead .cosmy-story-credit { max-width:calc(100% / 2.1); margin-left:auto; }
}
@media (max-width:759px) { .cosmy-stories { gap:1.3rem; } .cosmy-story-title { font-size:1.45rem; } .cosmy-story-body { padding:1rem; } }
@media (max-width:600px) { .cosmy-stories { grid-template-columns:minmax(0,1fr); gap:1.4rem; } .is-style-home-headlines:has(.wp-block-cosmy-news-headlines .cosmy-stories) { box-sizing:border-box; width:100vw; max-width:none; margin-inline:calc((100% - 100vw)/2) !important; padding-inline:24px !important; } .cosmy-story-title { font-size:1.35rem; } .cosmy-story-card--lead .cosmy-story-title { font-size:1.6rem; line-height:1.15; } .cosmy-story-card--lead .cosmy-story-overview { font-size:1rem; } .cosmy-story-body { padding:1rem .8rem; } }
@media (prefers-reduced-motion:reduce) { .cosmy-story { scroll-behavior:auto; } }

@media (min-width:1100px) { .cosmy-stories { grid-template-columns:repeat(4,minmax(0,1fr)); gap:1.5rem; } .cosmy-story-card:not(.cosmy-story-card--lead):not(:has(.cosmy-story[open])) .cosmy-story-title { font-size:1.35rem; } .cosmy-story-card:not(.cosmy-story-card--lead):not(:has(.cosmy-story[open])) .cosmy-story-overview { font-size:.9rem; } }