/* France Collège — page publique « Collèges : inscription gratuite » (pages/college/offre.html) */
.of-hero .btn-row{margin-top:14px}
.of-h2{font-size:26px;margin:26px 0 12px;letter-spacing:-.5px}
.of-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:22px}
.of-card{background:#fff;border:1px solid #e3eaf5;border-radius:20px;padding:18px 18px 16px;box-shadow:0 8px 20px rgba(26,48,89,.06)}
.of-card h3{margin:0 0 8px;font-size:19px;color:#10234f}
.of-card p{margin:0;color:#4c5d7b;line-height:1.55}
.of-safe{margin-bottom:22px}
.of-foot{margin-top:18px;text-align:center}
@media(max-width:980px){.of-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:860px){@media(max-width:620px){.of-grid{grid-template-columns:1fr}}
/* v3 : inscription gratuite (étapes) ; plus de devis (tout est gratuit pour les collèges et les professeurs) */
.of-steps{list-style:none;counter-reset:ofs;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:0 0 14px;padding:0}
.of-steps li{counter-increment:ofs;position:relative;padding-top:46px}
.of-steps li::before{content:counter(ofs);position:absolute;top:14px;left:18px;width:26px;height:26px;border-radius:50%;background:#1769d7;color:#fff;font-weight:900;display:grid;place-items:center;font-size:15px}
.of-cta{margin:0 0 8px}
.of-options{background:#fff7ec;border:1px solid #ffd9b0;border-radius:14px;padding:12px 16px;color:#5a3b12;margin:0 0 22px}
@media(max-width:980px){.of-steps{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.of-steps{grid-template-columns:1fr}}