/* Course alerts (2.0.0, H6): the "Tell me when a course opens" card on public pages, the confirmation page, the one-click stop
   page (no layout: its own few rules) and the office's screens. Logical properties throughout (right to left). */
.al-ask{max-width:560px;margin:18px auto 0;padding:20px;border-radius:18px;background:#fff;border:1px solid var(--s-line,#e6e9f2);text-align:start;box-shadow:0 12px 28px -18px rgba(13,20,38,.25)}
.al-ask h3{display:flex;align-items:flex-start;gap:10px;margin:0 0 12px;font-size:18px;line-height:1.4}
.al-ask h3 .icon{flex-shrink:0;margin-top:3px;color:var(--brand)}
html[dir="rtl"] .al-ask h3{line-height:1.8}
.al-ask p{margin:0 0 12px;color:var(--s-muted,#5d667a)}
.al-ask .form-grid{gap:10px;margin-bottom:12px}
.al-chan{border:0;padding:0;margin:0 0 10px}
.al-chan legend{margin-bottom:6px}
.al-chan .segmented{display:flex}
.al-chan .segmented label{flex:1}
.al-chan .segmented span{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:100%;min-height:44px}
/* one box at a time: the chosen way's box (browsers without :has show both; the server reads the chosen one) */
.al-ask:has(input[name="channel"][value="email"]:checked) .al-wa{display:none}
.al-ask:has(input[name="channel"][value="whatsapp"]:checked) .al-mail,.al-ask:has(input[name="channel"][value="whatsapp"]:checked) .al-news{display:none}
.al-ask-small{font-size:13px;margin:10px 0 0!important;text-align:center}
.al-ask-done{display:flex;align-items:center;gap:8px;color:var(--green-ink,#0b6b3a)!important;font-weight:600}
.al-ask-row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px}
.al-ask-row .field{flex:1 1 200px;margin:0}
.e3-empty .al-ask{margin-top:22px}
/* the confirmation page */
.al-page{padding:28px 0 64px}
.al-card{max-width:560px;margin:0 auto;padding:28px;border-radius:20px;background:#fff;border:1px solid var(--s-line,#e6e9f2);text-align:center}
.al-card h2{margin:12px 0 8px;font-size:22px}
.al-card form{margin:18px 0 6px}
.al-email{font-size:17px}
.al-wants{list-style:none;margin:12px 0;padding:0;display:grid;gap:6px;text-align:start}
.al-wants li{display:flex;gap:8px;align-items:flex-start;padding:10px 12px;border-radius:12px;background:var(--s-soft,#f6f7fb)}
.al-wants .icon{flex-shrink:0;margin-top:3px;color:var(--brand)}
/* the one-click stop page ('bare': this file only) */
.al-bare,.al-bare *,.al-bare *::before,.al-bare *::after{box-sizing:border-box}
.al-bare{margin:0;min-height:100vh;display:grid;place-items:center;background:#f4f6fb;font:16px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,"Noto Nastaliq Urdu",sans-serif;color:#0f172a;padding:16px}
.al-bare-card{max-width:480px;width:100%;padding:28px;border-radius:18px;background:#fff;border:1px solid #e6e8ef;text-align:center}
.al-bare-card h1{font-size:22px;margin:0 0 10px}
.al-bare-org{margin:0 0 14px;font-weight:800;color:#0b6b3a}
.al-bare-card button{min-height:48px;padding:0 22px;border:0;border-radius:12px;background:#0b6b3a;color:#fff;font:700 16px/1 inherit;cursor:pointer}
.al-bare-card button:focus-visible,.al-bare-card a:focus-visible{outline:3px solid #d4a017;outline-offset:2px}
.al-bare-card a{color:#0b6b3a;font-weight:700}
html[dir="rtl"] .al-bare{line-height:2}
/* the office */
.al-big{font-size:15px;margin:0 0 8px}
.al-big b{font-size:28px;font-weight:800;margin-inline-end:4px}
.al-by{list-style:none;margin:0 0 10px;padding:0;display:grid;gap:4px;font-size:14px}
@media (max-width:520px){.al-ask,.al-card{padding:16px;border-radius:16px}}