:root{ --ec-bg:#f0f6ff; --ec-primary:#2a6fdb; --ec-primary-dark:#1f56a8; --ec-success:#199a6c; --ec-warning:#b15c00; --ec-danger:#b42828; --ec-text:#0b1a33; --ec-btn-text:#ffffff; }
.ec-board{display:grid;grid-template-columns:repeat(var(--ec-cols,3),1fr);gap:12px;margin:12px 0}
.ec-item{width:100%}
.ec-btn{width:100%;min-height:110px;border-radius:16px;border:0;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:16px 18px;font-size:1.15rem;font-weight:800;letter-spacing:0.2px;color:var(--ec-btn-text);background:var(--ec-primary);box-shadow:0 2px 0 rgba(0,0,0,.15);text-align:center}
.ec-btn:focus{outline:none}
.ec-btn:focus-visible{outline:3px solid #111; outline-offset:2px}
.ec-btn:active{transform:translateY(1px)}
.ec-variant-primary{background:var(--ec-primary)}
.ec-variant-primary:hover{background:var(--ec-primary-dark)}
.ec-variant-success{background:var(--ec-success)}
.ec-variant-warning{background:var(--ec-warning)}
.ec-variant-danger{background:var(--ec-danger)}
.ec-icon{font-size:1.4rem}
.ec-picto{width:72px;height:auto;display:block;}
.ec-label{display:block}
.ec-arasaac-credit a{color:inherit;text-decoration:underline}