/* Surfaces et commandes Relief minéral */
.story-grid,.article-grid{gap:20px;background:transparent;border:0}
.story,.article{position:relative;background:linear-gradient(145deg,#263342,#19222d);border:1px solid #ffffff0e;border-radius:9px;box-shadow:0 5px 0 #080d13,0 12px 22px #00000040,inset 0 1px 0 #ffffff13;transition:transform .2s ease,box-shadow .2s ease}
.story:hover,.story:focus-within,.article:hover,.article:focus-within{background:linear-gradient(145deg,#2d3c4d,#1d2936);transform:translateY(-3px);box-shadow:0 7px 0 #080d13,0 16px 28px #00000050,inset 0 1px 0 #ffffff18}
.story-link,.article a{border-radius:8px}
.article a:hover,.article a:focus-visible{background:transparent}
.story-cover,.article-cover{border-radius:8px 8px 0 0;border-bottom:1px solid #ffffff12}
.story-copy,.article-copy{background:linear-gradient(145deg,#ffffff03,transparent)}
.button,.category,.external-link,.podcast .status{position:relative;border-radius:7px;border:1px solid #ffffff16;background:linear-gradient(145deg,#263342,#19222d);box-shadow:0 4px 0 #080d13,0 8px 14px #00000035,inset 0 1px 0 #ffffff18;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}
.button,.external-link,.category.active,.podcast .status{background:linear-gradient(145deg,#3f78ad,#295e99);color:#fff;border-color:#5b91ce70;box-shadow:0 4px 0 #102f50,0 8px 17px #295e9933,inset 0 1px 0 #ffffff20}
.button:hover,.external-link:hover,.category.active:hover,.podcast .status:hover{background:linear-gradient(145deg,#4b85bd,#356da5);color:#fff;transform:translateY(-2px);box-shadow:0 6px 0 #102f50,0 11px 20px #295e9940}
.category:not(.active):hover{background:linear-gradient(145deg,#34465a,#263342);transform:translateY(-2px);border-color:#ffffff24;box-shadow:0 6px 0 #080d13,0 11px 18px #00000045}
.button:active,.external-link:active,.category:active,.podcast .status:active{transform:translateY(2px);box-shadow:0 2px 0 #080d13,inset 0 1px 0 #ffffff16}
.category.active span{color:#e5edf6}
.podcast .status{background:linear-gradient(145deg,#263342,#19222d);color:#fff;border-color:#ffffff12;box-shadow:0 4px 0 #080d13,0 9px 17px #064a8455}
.podcast .status:hover{background:linear-gradient(145deg,#34465a,#263342);color:#fff;box-shadow:0 6px 0 #080d13,0 11px 18px #064a8455}
@media(max-width:700px){.story-grid,.article-grid{gap:18px}}
@media(prefers-reduced-motion:reduce){.story,.article,.button,.category,.external-link,.podcast .status{transition:none}.story:hover,.story:focus-within,.article:hover,.article:focus-within,.button:hover,.external-link:hover,.category:hover,.podcast .status:hover{transform:none}}