/* Fiches des arcanes · palette et composants des guides 5ou5 */
.arcane-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(96px,148px);gap:clamp(14px,4vw,30px);align-items:center;margin:24px 0}
.arcane-hero h1{margin:0 0 12px}
.arcane-hero p{margin:0}
.arcane-hero .arcane-kicker,.arcane-kicker{color:var(--or-clair);font-family:var(--fellsc);margin:0 0 8px}
.arcane-image{display:block;width:100%;height:auto;border:1px solid var(--trait);border-radius:7px}
.arcane-nav{display:flex;flex-wrap:wrap;gap:4px 18px;margin:22px 0;color:var(--or-clair)}
.arcane-nav a,.arcane-gold a,.arcane-index a,.arcane-footer a{display:flex;align-items:center;min-height:44px}
.arcane-gold{background:var(--lapis);border:1px solid var(--trait);border-radius:6px;padding:12px 18px;margin:16px 0 0}
.arcane-gold h3{font-size:1.2rem;color:var(--or-clair);margin:0 0 5px}
.arcane-gold ol{padding-left:1.45rem;margin:0}
.arcane-gold li+li{border-top:1px solid var(--trait)}
.arcane-gold a{color:var(--velin);text-underline-offset:.16em;padding:6px 0}
.arcane-gold li:first-child a{color:var(--or-clair)}
.arcane-positions dt{color:var(--or-clair);font-weight:600}
.arcane-positions dd{margin:0 0 12px}
.arcane-index{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;list-style:none;padding:0}
.arcane-index a{height:100%;gap:12px;text-decoration:none;padding:12px;border:1px solid var(--trait);border-radius:6px;background:var(--lapis)}
.arcane-index img{width:52px;height:auto;flex:none}
.arcane-index strong,.arcane-index small{display:block}
.arcane-index small{color:var(--brume)}
.arcane-footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 18px;margin:36px 0;color:var(--or-clair)}
@media(max-width:540px){.guide.arcane-page{padding-inline:16px}.arcane-index{grid-template-columns:1fr}.arcane-hero{grid-template-columns:minmax(0,1fr) 88px}.arcane-hero h1{font-size:clamp(1.65rem,8vw,2.5rem);overflow-wrap:anywhere}}

/* V2.5.1 : code couleur de l’index — or pour les majeurs, bleu argent pour les mineurs */
.arcane-library{--majeur:var(--or);--majeur-clair:var(--or-clair);--mineur:#8FA8D8;--mineur-clair:#C3D2EE}
.arcane-legend{display:flex;flex-wrap:wrap;gap:8px 22px;margin:4px 0 14px;font:400 17px var(--fellsc);letter-spacing:.02em}
.arcane-legend span{display:inline-flex;align-items:center;gap:9px}
.arcane-legend span::before{content:"";width:22px;height:12px;border-radius:2px}
.legend-majeurs{color:var(--majeur-clair)}.legend-majeurs::before{background:var(--majeur)}
.legend-mineurs{color:var(--mineur-clair)}.legend-mineurs::before{background:var(--mineur)}
.arcane-nav a.nav-majeurs{color:var(--majeur-clair);border-color:rgba(200,164,92,.6)}
.arcane-nav a.nav-mineurs{color:var(--mineur-clair);border-color:rgba(143,168,216,.45)}
.famille-majeurs h2{color:var(--majeur-clair)}
.famille-mineurs h2{color:var(--mineur-clair)}
.famille-majeurs .arcane-index a{border-color:rgba(200,164,92,.5);box-shadow:inset 4px 0 0 var(--majeur)}
.famille-mineurs .arcane-index a{border-color:rgba(143,168,216,.32);box-shadow:inset 4px 0 0 var(--mineur)}
.famille-majeurs .arcane-index a:hover,.famille-majeurs .arcane-index a:focus-visible{border-color:var(--majeur)}
.famille-mineurs .arcane-index a:hover,.famille-mineurs .arcane-index a:focus-visible{border-color:var(--mineur)}
.arcane-library .arcane-nav a.nav-majeurs,.arcane-library .arcane-nav a.nav-mineurs{padding:0 14px;border:1px solid;border-radius:999px;text-decoration:none}
.arcane-library .arcane-nav a.nav-majeurs{color:var(--majeur-clair);border-color:rgba(200,164,92,.6);background:rgba(200,164,92,.08)}
.arcane-library .arcane-nav a.nav-mineurs{color:var(--mineur-clair);border-color:rgba(143,168,216,.5);background:rgba(143,168,216,.08)}
.arcane-library .famille-mineurs .arcane-index a{background:linear-gradient(90deg,rgba(143,168,216,.09),rgba(143,168,216,.02) 60%),var(--lapis)}
.arcane-library .famille-majeurs .arcane-index a{background:linear-gradient(90deg,rgba(200,164,92,.09),rgba(200,164,92,.02) 60%),var(--lapis)}
.arcane-library .famille-mineurs .arcane-index .arcane-card-name{color:var(--mineur-clair)}