/* Page « Liens utiles » */
.links-main{padding-bottom:90px}
.links-tools{position:sticky;top:0;z-index:5;display:flex;flex-direction:column;gap:12px;margin:0 0 26px;padding:14px 0 18px}
/* Fond de la barre étendu sur toute la largeur de l'écran : rien ne se voit au travers, même sur les côtés. */
.links-tools::before{content:'';position:absolute;top:0;bottom:0;left:calc(50% - var(--page-w,100vw) / 2);right:calc(50% - var(--page-w,100vw) / 2);z-index:-1;background:linear-gradient(#10151c calc(100% - 18px),#10151c00);pointer-events:none}
.links-count{transition:opacity .15s linear}
.links-search{display:flex;align-items:center;gap:10px;min-height:52px;padding:0 16px;border:1px solid #ffffff14;border-radius:9px;background:#1b2430;box-shadow:0 4px 0 #0a1119,inset 0 1px 0 #ffffff10}
.links-search:focus-within{border-color:#5b91ce}
.links-search svg{width:19px;height:19px;flex:none;fill:none;stroke:#5b91ce;stroke-width:2.2;stroke-linecap:round}
.links-search input{flex:1;min-width:0;border:0;background:transparent;color:#fff;font:500 1.05rem Barlow,Arial,sans-serif;outline:none}
.links-search input::placeholder{color:#7f8d9b}
.links-langs{display:flex;gap:7px;overflow-x:auto;scrollbar-width:none}
.links-chip{flex:none;padding:6px 13px;border:1px solid #ffffff1f;border-radius:99px;background:transparent;color:#aeb8c2;font:700 .88rem 'Barlow Condensed',sans-serif;letter-spacing:.06em;text-transform:uppercase;cursor:pointer}
.links-chip:hover{color:#fff;background:#ffffff0d}
.links-chip[aria-pressed=true]{background:#295e99;border-color:#295e99;color:#fff}
.links-chip:focus-visible{outline:2px solid #a9d2ff;outline-offset:2px}
.links-count{margin:0;color:#5b91ce;font:700 .9rem 'Barlow Condensed',sans-serif;letter-spacing:.12em;text-transform:uppercase}
.links-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:40px;align-items:start}
.links-toc{position:sticky;top:180px;display:flex;flex-direction:column;gap:2px;border-left:2px solid #ffffff12}
.links-toc a{padding:7px 0 7px 14px;margin-left:-2px;border-left:2px solid transparent;color:#aeb8c2;font:600 .98rem Barlow,Arial,sans-serif;text-decoration:none}
.links-toc a:hover{color:#fff;border-left-color:#5b91ce}
.links-toc a[data-empty]{opacity:.35}
.links-theme{margin:0 0 46px;scroll-margin-top:180px}
.links-theme-head{margin:0 0 6px;padding-bottom:12px;border-bottom:1px solid #5b91ce55}
.links-theme h2{margin:0 0 6px;font:800 clamp(1.9rem,3.4vw,2.6rem)/1 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;color:#fff}
.links-theme-head p{margin:0;color:#aeb8c2;line-height:1.5}
.links-group{margin:22px 0 10px;color:#5b91ce;font:700 .9rem 'Barlow Condensed',sans-serif;letter-spacing:.14em;text-transform:uppercase}
.links-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px;margin-top:14px}
.link-card{display:flex;flex-direction:column;gap:8px;padding:16px 18px 14px;border:1px solid #ffffff12;border-radius:10px;background:linear-gradient(145deg,#1f2a37,#171f29);color:#e6edf3;text-decoration:none;box-shadow:0 4px 0 #0a1119;transition:transform .2s,border-color .2s,background .2s}
.link-card:hover{transform:translateY(-2px);border-color:#5b91ce80;background:linear-gradient(145deg,#24334a,#1a2430)}
.link-card:focus-visible{outline:2px solid #a9d2ff;outline-offset:3px}
.link-top{display:flex;align-items:center;justify-content:space-between}
.link-flags{display:flex;gap:5px}
.link-flags img{width:21px;height:14px;border-radius:2px;object-fit:cover;box-shadow:0 0 0 1px #ffffff26}
.link-globe svg{display:block;width:18px;height:18px;fill:none;stroke:#8fa0b2;stroke-width:1.6}
.link-lang{padding:1px 7px;border:1px solid #ffffff1f;border-radius:5px;color:#8fa0b2;font:700 .72rem 'Barlow Condensed',sans-serif;letter-spacing:.1em}
.link-card h4{margin:2px 0 0;font:800 1.35rem/1.05 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;color:#fff}
.link-note{display:block;margin-top:3px;color:#f5c542;font:700 .8rem 'Barlow Condensed',sans-serif;letter-spacing:.08em}
.link-card p{flex:1;margin:0;color:#c4ced5;font-size:.93rem;line-height:1.45}
.link-host{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:8px;border-top:1px solid #ffffff10;color:#7f8d9b;font-size:.82rem}
.links-empty{padding:40px 0;color:#aeb8c2;text-align:center}
.links-disclaimer{margin-top:10px;color:#7f8d9b;font-size:.88rem;line-height:1.5}
@media(max-width:900px){.links-layout{grid-template-columns:1fr}.links-toc{display:none}.links-theme{scroll-margin-top:150px}}
@media(prefers-reduced-motion:reduce){.link-card{transition:none}}
@media(max-width:700px){.links-tools{position:relative;padding-top:0}.links-tools::before{display:none}}