/* Enchantement (artisanat ④, Brique 2) — page-scopée `.ench-page`, réutilise le hub skin. */

.parchemin:has(.ench-page){ background:none; border:0; box-shadow:none; padding:0; }
.ench-page{ max-width:940px; margin:0 auto; }

.ench-flash{ text-align:center; font-weight:600; border-radius:12px; padding:10px 14px; margin:0 auto 14px; max-width:640px; }
.ench-flash.ok{ background:#e7f4e4; border:1px solid #a9cf9c; color:#2f5d23; }
.ench-flash.ko{ background:#f7e6e3; border:1px solid #d7a99e; color:#7a2f1f; }

.ench-aide{ text-align:center; color:var(--or-fonce); font-family:var(--plume,var(--serif)); font-size:1.02em; margin:0 auto 14px; max-width:660px; }

.ench-note{ text-align:center; background:#fbf3dc; border:1px solid #e7d5a6; border-radius:14px; padding:22px 20px; max-width:600px; margin:0 auto 6px; }
.ench-note p{ margin:0 0 12px; color:var(--encre); }
.ench-note p:last-child{ margin-bottom:0; }
.ench-note a.bouton{ margin-top:6px; }

.ench-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(260px,1fr)); gap:16px; margin:4px 0 8px; }
.ench-carte{ background:#fbf3dc; border:1px solid #e7d5a6; border-radius:14px; padding:16px 18px; display:flex; flex-direction:column; gap:12px; }
.ench-carte-tete{ display:flex; align-items:center; gap:12px; }
.ench-ic{ font-size:24px; width:34px; height:34px; display:inline-flex; align-items:center; justify-content:center; flex:0 0 auto; }
img.ench-ic{ object-fit:contain; border-radius:6px; }
.ench-nom{ font-family:var(--titre,var(--serif)); font-size:1.1em; color:var(--encre); font-weight:700; }
.ench-meta{ font-size:.9em; color:var(--or-fonce); }

.ench-form{ margin:0; display:flex; flex-direction:column; gap:9px; }
.ench-slot-lbl{ display:flex; flex-direction:column; gap:4px; font-size:.85em; color:var(--or-fonce); font-family:var(--sans); }
.ench-select{ font-family:var(--sans); font-size:.95em; color:var(--encre); background:#fff8e8; border:1px solid #ecdcb0; border-radius:9px; padding:7px 10px; }
.ench-form .hub-btn-gold, .ench-form .bouton{ width:100%; text-align:center; }