/* Clarity aids for the public pages (schools, teachers, students). Own colours on every surface so text stays readable if the browser forces a theme. */
.xc-aid{--xc:#3730a3;--xc-bg:#eef0fb;margin:0 0 1.25rem;max-width:760px;padding:.85rem 1rem 1rem;border:1px solid rgba(11,28,45,.12);border-left:5px solid var(--xc);border-radius:12px;background:var(--xc-bg);color:#0b1c2d;font-family:'Libre Baskerville',Georgia,serif}
.xc-aid.xc-school{--xc:#3730a3;--xc-bg:#eef0fb}
.xc-aid.xc-teacher{--xc:#6d28d9;--xc-bg:#f3eefe}
.xc-aid.xc-student{--xc:#1d6b8a;--xc-bg:#e6f3f8}
.xc-head{display:flex;align-items:center;gap:.5rem;margin:0 0 .25rem}
.xc-ico{display:inline-flex;align-items:center;justify-content:center;width:1.9rem;height:1.9rem;border-radius:50%;background:#fff;border:2px solid var(--xc);font-size:.95rem;line-height:1;flex:none}
.xc-who{font-size:.78rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--xc)}
.xc-promise{font-size:.92rem;line-height:1.45;margin:0 0 .7rem;color:#0b1c2d}
.xc-steps{list-style:none;display:flex;flex-wrap:wrap;gap:.5rem .9rem;margin:0;padding:0;counter-reset:xc}
.xc-steps li{display:flex;align-items:center;gap:.45rem;font-size:.82rem;line-height:1.3;color:#0b1c2d;counter-increment:xc;flex:1 1 11rem;min-width:0}
.xc-steps li::before{content:counter(xc);flex:none;width:1.45rem;height:1.45rem;border-radius:50%;background:#fff;border:2px solid var(--xc);color:var(--xc);font-weight:700;font-size:.75rem;display:inline-flex;align-items:center;justify-content:center}
.xc-btn{display:inline-block;margin-top:.8rem;padding:.55rem 1.1rem;border:0;border-radius:999px;background:var(--xc);color:#fff;font:700 .88rem/1.2 'Libre Baskerville',Georgia,serif;cursor:pointer}
.xc-btn:hover{filter:brightness(1.12)}
.xc-btn:focus-visible{outline:3px solid #0b1c2d;outline-offset:2px}
@media(max-width:520px){.xc-aid{padding:.75rem .85rem .9rem}.xc-steps li{flex-basis:100%}.xc-btn{width:100%;text-align:center}}