/* Scoped so the studio stays legible across whiteboard themes. */
/* New Lesson · Import PDF · Add with AI share one row; labels shorten (ellipsis) before the row ever wraps. */
html body #onenote-nav.lib-drawer .lib-lesson-actions { display:flex; flex-wrap:nowrap; gap:8px; }
html body #onenote-nav.lib-drawer .lib-lesson-actions .lib-btn { flex:1 1 0; min-width:0; padding:0 10px; gap:7px; }
html body #onenote-nav.lib-drawer .lib-lesson-actions .lib-btn span { overflow:hidden; text-overflow:ellipsis; }
html body #onenote-nav.lib-drawer .lib-lesson-actions .lib-btn i { flex-shrink:0; }
@media(max-width:480px) { html body #onenote-nav.lib-drawer .lib-lesson-actions .lib-btn { padding:0 6px; font-size:.84rem; } html body #onenote-nav.lib-drawer .lib-lesson-actions .lib-btn i { display:none; } }
html body #onenote-nav.lib-drawer #btn-nav-ai-lesson { background:#f4edff; color:#8256c2; border-color:#dac7f1; }
.als-overlay { position:fixed; inset:0; z-index:100200; display:flex; align-items:center; justify-content:center; padding:22px; background:rgba(15,23,42,.62); backdrop-filter:blur(12px); font-family:'Inter','Cairo',system-ui,sans-serif; color:#18213b; isolation:isolate; }
.als-overlay * { box-sizing:border-box; }
.als-dialog { width:960px; max-width:100%; height:min(860px,94dvh); display:flex; flex-direction:column; background:#f7f8fc; border:1px solid rgba(255,255,255,.8); border-radius:28px; box-shadow:0 28px 100px #0f172a55; overflow:hidden; }
.als-top { display:flex; align-items:center; gap:13px; padding:22px 28px 18px; background:#fff; flex-shrink:0; }
.als-mark { width:48px; height:48px; flex-shrink:0; border-radius:16px; background:linear-gradient(135deg,#7655ef,#a277f5); color:#fff; display:grid; place-items:center; font-size:21px; box-shadow:0 6px 18px #8b5cf633; }
.als-top h2 { font-size:20px; letter-spacing:-.5px; margin:0 0 4px; color:#18213b; }
.als-top p { font-size:12px; margin:0; color:#768096; max-width:620px; overflow-wrap:anywhere; }
.als-close { margin-inline-start:auto; background:#f2f3f8; border:0; color:#6d7488; width:44px; height:44px; border-radius:50%; flex-shrink:0; cursor:pointer; font-size:22px; }
.als-steps { display:flex; gap:8px; padding:0 28px 18px; background:#fff; border-bottom:1px solid #e9ebf4; }
.als-step { display:flex; gap:7px; align-items:center; font-size:12px; color:#8b93a8; flex:1; }
.als-step span { display:grid; place-items:center; border-radius:50%; background:#f0f1f6; width:26px; height:26px; font-weight:700; }
.als-step.active { color:#7754d9; font-weight:700; }
.als-step.active span { color:#fff; background:#825ae6; }
.als-body { flex:1; min-height:0; overflow-y:auto; overscroll-behavior:contain; padding:26px 28px; }
.als-intro { margin:0 0 20px; }
.als-intro h3 { color:#18213b; font-size:26px; margin:0 0 8px; letter-spacing:-.8px; }
.als-intro p,.als-muted { color:#737d94; font-size:13px; line-height:1.65; margin:4px 0 12px; }
.als-card { border:1px solid #e7e9f2; background:#fff; border-radius:20px; padding:20px; margin-bottom:16px; }
.als-card h4 { margin:0 0 14px; color:#27314b; font-size:14px; display:flex; align-items:center; gap:9px; }
.als-card h4 i { color:#8a64df; }
.als-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.als-grid.three { grid-template-columns:repeat(3,minmax(0,1fr)); }
.als-field { display:flex; flex-direction:column; gap:7px; font-size:12px; font-weight:600; color:#4d5770; min-width:0; }
.als-field.full { grid-column:1/-1; }
.als-overlay input:not([type=checkbox]):not([type=file]):not([type=radio]),.als-overlay textarea,.als-overlay select { width:100%; font:inherit; font-size:14px; font-weight:400; color:#24304b; background:#f9faff; border:1px solid #e0e4ef; border-radius:12px; min-height:48px; padding:12px 14px; outline:none; transition:border-color .15s,box-shadow .15s; }
.als-overlay textarea { resize:vertical; line-height:1.65; }
.als-overlay :is(input,textarea,select):focus-visible { border-color:#916be7; box-shadow:0 0 0 3px #916be722; }
.als-overlay button { font-family:inherit; touch-action:manipulation; }
.als-overlay button:focus-visible,.als-overlay summary:focus-visible { outline:3px solid #ad8af1; outline-offset:3px; }
.als-options { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }
.als-choice { cursor:pointer; border:1px solid #e4e6f0; border-radius:16px; padding:15px 12px; min-height:98px; display:flex; gap:10px; flex-direction:column; position:relative; background:#fafbfe; color:#4c5771; font-size:12px; font-weight:600; }
.als-choice:has(input:checked) { background:#f4eeff; border-color:#a78bdc; color:#7650c9; }
.als-choice input { position:absolute; inset-inline-end:12px; top:14px; accent-color:#865ee4; width:19px; height:19px; }
.als-choice i { font-size:21px; color:#9371cc; }
.als-choice small { color:#8a91a4; font-weight:400; font-size:10px; }
.als-disclosure { padding:0; }
.als-disclosure summary { cursor:pointer; padding:18px 20px; min-height:56px; font-size:14px; font-weight:600; color:#44506a; }
.als-disclosure summary small { font-size:11px; font-weight:400; color:#8a93a8; margin-inline-start:7px; }
.als-disclosure > div { padding:0 20px 20px; }
.als-upload { display:flex; align-items:center; gap:10px; width:100%; min-height:52px; border:1px dashed #cdbbe8; border-radius:12px; background:#faf7ff; padding:12px 14px; color:#7b57be; cursor:pointer; font-size:13px; text-align:start; }
.als-file-list { display:flex; flex-direction:column; gap:7px; margin-top:10px; }
.als-file { display:flex; align-items:center; gap:10px; font-size:12px; color:#69758f; background:#f7f8fc; border-radius:10px; padding:6px 12px; overflow-wrap:anywhere; }
.als-file button { margin-inline-start:auto; flex-shrink:0; }
.als-policy { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:14px; }
.als-radio { border:1px solid #e4e6f0; border-radius:12px; background:#fafbfe; padding:12px; display:flex; gap:10px; font-size:12px; align-items:center; min-height:55px; }
.als-radio:has(input:checked) { background:#f4eeff; border-color:#ad8adf; }
.als-radio input { accent-color:#865ee4; }
.als-btn { border:1px solid #e0e3ee; color:#5c6580; background:white; border-radius:12px; padding:12px 18px; min-height:46px; cursor:pointer; font-size:13px; font-weight:600; display:inline-flex; align-items:center; justify-content:center; gap:8px; }
.als-btn.primary { background:linear-gradient(120deg,#7952dd,#9164e8); border-color:transparent; color:#fff; box-shadow:0 5px 16px #7952dd22; }
.als-btn.small { padding:8px 12px; min-height:44px; font-size:12px; }
.als-btn.danger { color:#ba5268; }
.als-overlay button:disabled { opacity:.45; cursor:wait; }
.als-bottom { background:#fff; padding:17px 28px max(17px,env(safe-area-inset-bottom)); border-top:1px solid #e7e9f2; display:flex; gap:12px; align-items:center; flex-shrink:0; flex-wrap:wrap; }
.als-bottom .als-primary { margin-inline-start:auto; }
.als-privacy { font-size:11px; color:#8a92a5; display:flex; align-items:center; gap:7px; }
.als-error { color:#a72d50; background:#fff0f3; border:1px solid #f4c7d4; padding:12px 15px; font-size:13px; line-height:1.5; border-radius:12px; margin-bottom:14px; }
.als-status { color:#7255b3; font-size:13px; display:flex; gap:10px; align-items:center; margin-bottom:14px; }
.als-flow-card { position:relative; padding-inline-start:55px; }
.als-number { position:absolute; inset-inline-start:17px; top:21px; width:27px; height:27px; border-radius:9px; background:#f0eaff; color:#8b5bd4; font-size:12px; display:grid; place-items:center; font-weight:700; }
.als-flow-tools { display:flex; align-items:center; gap:5px; margin-top:10px; flex-wrap:wrap; }
.als-flow-tools .als-field { width:100px; flex-direction:row; align-items:center; }
.als-flow-tools input { max-width:64px; }
.als-flow-tools .als-remove { margin-inline-start:auto; }
.als-feedback { display:flex; align-items:flex-end; gap:10px; margin-bottom:20px; }
.als-feedback label { flex:1; }
.als-preview-tabs { display:flex; gap:8px; flex-wrap:wrap; margin-bottom:18px; }
.als-preview-tabs .active { color:#7f54ca; background:#f0e7ff; border-color:#c5a7ef; }
.als-preview-grid { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(250px,.9fr); gap:18px; align-items:start; }
.als-slide-preview { border-radius:18px; overflow:hidden; background:#fff; border:1px solid #e1e4f0; box-shadow:0 8px 25px #28305a0a; }
.als-slide-preview img { display:block; width:100%; aspect-ratio:1123/794; object-fit:contain; }
.als-preview-controls { display:flex; align-items:center; justify-content:space-between; gap:10px; margin:10px 0 16px; font-size:12px; color:#6b748b; }
.als-doc-preview { max-height:570px; overflow:auto; border:1px solid #e3e6f0; border-radius:14px; background:#ebedf5; padding:12px; }
.als-paper { background:#fff; padding:28px; min-height:400px; color:#26344a; font-family:'Arial','Cairo',sans-serif; line-height:1.65; font-size:13px; overflow-wrap:anywhere; }
.als-paper h1 { font-size:23px; line-height:1.3; margin:16px 0 24px; color:#28324c; }
.als-paper h2 { font-size:15px; color:#7751b2; margin:20px 0 9px; }
.als-paper p { white-space:pre-wrap; margin:0 0 12px; }
.als-paper table { border-collapse:collapse; width:100%; margin:8px 0 20px; font-size:12px; table-layout:fixed; }
.als-paper td { border:1px solid #dadfec; padding:9px; white-space:pre-wrap; vertical-align:top; }
.als-paper tr:first-child { background:#f1ecf8; font-weight:bold; }
.als-figure { margin:6px 0 18px; text-align:center; }
.als-figure img { max-width:100%; height:auto; border-radius:8px; }
.als-figure figcaption { font-size:11px; color:#65708a; margin-top:4px; }
.als-obj-tools { flex-direction:row; align-items:center; justify-content:space-between; gap:10px; margin-top:-6px; }
.als-obj-tools .als-muted { margin:0; }
.als-doc-slides { margin:0 0 12px; padding:10px 14px; border:1px solid #e4dcf5; border-radius:14px; background:#faf7ff; }
.als-doc-header { border-bottom:2px solid #9c79ce; padding-bottom:12px; display:flex; align-items:center; gap:18px; font-size:11px; color:#65708a; white-space:pre-line; }
.als-doc-header img { width:56px; height:56px; object-fit:contain; }
.als-editor .als-card { padding:16px; }
.als-editor .als-field { margin-bottom:10px; }
.als-success { text-align:center; padding:55px 20px; }
.als-success > i { font-size:42px; color:#865ee4; margin-bottom:20px; }
.als-success h3 { font-size:27px; margin:0 0 12px; color:#27304c; }
.als-success p { color:#75809a; line-height:1.8; font-size:14px; }
/* clip (not hidden): a focused control can never scroll the dialog itself and leave a gap. */
.als-dialog { position:relative; overflow:clip; }
.als-loader { position:absolute; inset:0; z-index:5; display:grid; place-items:center; padding:24px; background:rgba(247,248,252,.86); backdrop-filter:blur(8px); animation:als-fade .25s ease; }
.als-loader-card { width:min(380px,100%); text-align:center; }
.als-orb { position:relative; width:104px; height:104px; margin:0 auto 26px; display:grid; place-items:center; }
.als-orb i { position:relative; z-index:1; width:72px; height:72px; border-radius:24px; display:grid; place-items:center; color:#fff; font-size:28px; background:linear-gradient(135deg,#6d4ce8,#a77bf7); box-shadow:0 12px 34px #7952dd55; animation:als-bob 2.4s ease-in-out infinite; }
.als-orb span { position:absolute; inset:0; border-radius:34px; border:2px solid #a98af0; opacity:0; animation:als-ring 2.4s ease-out infinite; }
.als-orb span + span { animation-delay:1.2s; }
.als-loader h3 { margin:0 0 8px; font-size:20px; letter-spacing:-.4px; color:#18213b; }
.als-loader-tip { margin:0 0 18px; min-height:21px; font-size:14px; color:#7754d9; font-weight:600; animation:als-fade .4s ease; }
.als-loader-kinds { display:flex; flex-wrap:wrap; justify-content:center; gap:8px; margin-bottom:18px; }
.als-loader-kinds:empty { display:none; }
.als-loader-kinds span { display:inline-flex; align-items:center; gap:6px; padding:7px 12px; border-radius:999px; background:#fff; border:1px solid #e4e6f0; font-size:12px; font-weight:600; color:#8b93a8; }
.als-loader-kinds span.active { color:#7754d9; border-color:#c5a7ef; background:#f4eeff; }
.als-loader-kinds span.done { color:#178267; border-color:#bfe6d8; background:#effaf5; }
.als-loader-bar { height:6px; border-radius:6px; background:#ebe6f8; overflow:hidden; margin-bottom:12px; }
.als-loader-bar span { display:block; height:100%; width:40%; border-radius:6px; background:linear-gradient(90deg,#7952dd,#b18cf5); animation:als-slide 1.4s ease-in-out infinite; }
.als-loader-bar.steady span { animation:none; transition:width .6s ease; }
.als-loader-time { font-size:12px; color:#8a92a5; }
@keyframes als-ring { 0% { transform:scale(.7); opacity:.8; } 100% { transform:scale(1.35); opacity:0; } }
@keyframes als-bob { 50% { transform:translateY(-5px) rotate(-4deg); } }
@keyframes als-slide { 0% { transform:translateX(-100%); } 100% { transform:translateX(250%); } }
@keyframes als-fade { from { opacity:0; } }
.als-switch { position:relative; display:flex; align-items:center; gap:10px; font-size:13px; font-weight:600; color:#5b4a86; cursor:pointer; min-height:44px; margin-top:2px; }
.als-switch input { position:absolute; opacity:0; width:1px; height:1px; }
.als-switch span { width:44px; height:26px; border-radius:13px; background:#dfe2ec; position:relative; flex-shrink:0; transition:background .2s; }
.als-switch span::after { content:''; position:absolute; top:3px; inset-inline-start:3px; width:20px; height:20px; border-radius:50%; background:#fff; box-shadow:0 1px 4px #0003; transition:transform .2s; }
.als-switch input:checked + span { background:#865ee4; }
.als-switch input:checked + span::after { transform:translateX(18px); }
[dir=rtl] .als-switch input:checked + span::after { transform:translateX(-18px); }
.als-switch input:focus-visible + span { outline:3px solid #ad8af1; outline-offset:2px; }
.als-overlay input:disabled { opacity:.7; }
.als-themes { margin-bottom:16px; }
.als-themes h4 { margin:0 0 10px; font-size:13px; color:#4d5770; display:flex; gap:8px; align-items:center; }
.als-themes h4 i { color:#8a64df; }
.als-theme-row { display:flex; gap:10px; overflow-x:auto; padding:2px 2px 8px; scroll-snap-type:x proximity; -webkit-overflow-scrolling:touch; }
.als-theme { flex:0 0 auto; scroll-snap-align:start; display:flex; flex-direction:column; align-items:center; gap:7px; padding:8px 8px 9px; min-width:92px; border:2px solid #e6e8f1; border-radius:16px; background:#fff; color:#4f5970; font-size:12px; font-weight:600; cursor:pointer; transition:border-color .15s,transform .15s; }
.als-theme:hover { transform:translateY(-2px); }
.als-theme.active { border-color:#865ee4; color:#6b45cf; box-shadow:0 6px 16px #865ee422; }
.als-swatch { width:74px; height:46px; border-radius:10px; border:1px solid #0000000f; display:flex; align-items:flex-end; justify-content:center; gap:5px; padding-bottom:8px; }
.als-swatch i { width:13px; height:13px; border-radius:50%; }
.als-filmstrip { display:flex; gap:8px; overflow-x:auto; padding:2px 2px 8px; margin-bottom:6px; -webkit-overflow-scrolling:touch; }
.als-film { position:relative; flex:0 0 auto; width:104px; padding:0; border:2px solid #e3e6f0; border-radius:10px; overflow:hidden; background:#f0f1f6; cursor:pointer; }
.als-film.active { border-color:#865ee4; }
.als-film img { display:block; width:100%; aspect-ratio:1123/794; object-fit:cover; }
.als-film img:not([src]) { visibility:hidden; }
.als-film span { position:absolute; inset-inline-start:5px; bottom:5px; background:#0f172acc; color:#fff; font-size:10px; font-weight:700; border-radius:6px; padding:1px 6px; }
.als-slide-opts { display:grid; grid-template-columns:minmax(150px,.6fr) minmax(0,1.4fr); gap:14px; margin-top:16px; }
.als-seg { display:flex; gap:6px; flex-wrap:wrap; }
.als-seg-opt { position:relative; flex:1 1 120px; cursor:pointer; }
.als-seg-opt input { position:absolute; opacity:0; width:1px; height:1px; }
.als-seg-opt span { display:flex; align-items:center; justify-content:center; gap:8px; min-height:48px; padding:10px 12px; border:1px solid #e0e4ef; border-radius:12px; background:#f9faff; font-size:13px; font-weight:600; color:#5c6580; text-align:center; }
.als-seg-opt span i { color:#9a7bd8; }
.als-seg-opt input:checked + span { background:#f4eeff; border-color:#a78bdc; color:#6b45cf; }
.als-seg-opt input:focus-visible + span { outline:3px solid #ad8af1; outline-offset:2px; }
.als-pro { padding:16px; background:linear-gradient(135deg,#f6f1ff,#eef7ff); border-color:#e1d7f6; }
.als-bigtick { position:relative; display:flex; align-items:center; gap:14px; cursor:pointer; min-height:64px; padding:10px 12px; border-radius:16px; background:#fff; border:2px solid #e3dcf3; transition:border-color .15s, box-shadow .15s; }
.als-bigtick input { position:absolute; opacity:0; width:1px; height:1px; }
.als-bigtick-box { flex-shrink:0; width:38px; height:38px; border-radius:12px; border:2px solid #c9b8ea; display:grid; place-items:center; color:transparent; font-size:18px; transition:background .15s, color .15s; }
.als-bigtick:has(input:checked) { border-color:#865ee4; box-shadow:0 6px 18px #865ee422; }
.als-bigtick input:checked + .als-bigtick-box { background:linear-gradient(135deg,#6d4ce8,#a77bf7); border-color:transparent; color:#fff; }
.als-bigtick input:focus-visible + .als-bigtick-box { outline:3px solid #ad8af1; outline-offset:2px; }
.als-bigtick-text { display:flex; flex-direction:column; gap:3px; }
.als-bigtick-text strong { font-size:16px; color:#27314b; display:flex; gap:8px; align-items:center; }
.als-bigtick-text strong i { color:#7754d9; }
.als-bigtick-text small { font-size:12px; color:#737d94; }
.als-fs-panel { display:grid; gap:14px; margin-top:14px; padding:14px; background:#fff; border-radius:16px; border:1px solid #e6e8f1; }
.als-seg-tall span { flex-direction:column; gap:3px; min-height:72px; }
.als-seg-tall span b { font-size:14px; }
.als-seg-tall span small { font-weight:400; font-size:11px; color:#7d8599; }
.als-fs-row { display:flex; flex-direction:column; gap:8px; }
.als-fs-label { font-size:12px; font-weight:600; color:#4d5770; }
.als-fs-label small { font-weight:400; color:#8a92a5; }
.als-chipset { display:flex; flex-wrap:wrap; gap:8px; }
.als-chip { position:relative; cursor:pointer; }
.als-chip input { position:absolute; opacity:0; width:1px; height:1px; }
.als-chip span { display:inline-flex; align-items:center; gap:7px; min-height:44px; padding:8px 14px; border-radius:999px; border:1.5px solid #e0e4ef; background:#f9faff; font-size:13px; font-weight:600; color:#5c6580; }
.als-chip span i { color:var(--chip); }
.als-chip input:checked + span { background:color-mix(in srgb, var(--chip) 12%, #fff); border-color:var(--chip); color:var(--chip); }
.als-chip input:focus-visible + span { outline:3px solid #ad8af1; outline-offset:2px; }
.als-standards { margin-top:14px; }
.als-dropdown { border:1px solid #e0e4ef; border-radius:12px; background:#fff; }
.als-dropdown summary { list-style:none; display:flex; align-items:center; justify-content:space-between; gap:10px; min-height:48px; padding:10px 14px; cursor:pointer; font-size:14px; font-weight:500; color:#24304b; }
.als-dropdown summary::-webkit-details-marker { display:none; }
.als-dropdown summary span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.als-dropdown[open] summary i { transform:rotate(180deg); }
.als-dropdown-list { max-height:300px; overflow-y:auto; padding:4px 10px 12px; border-top:1px solid #eef0f6; }
.als-dropdown-group { margin:12px 4px 4px; font-size:11px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:#8a64df; }
.als-check { display:flex; align-items:center; gap:12px; min-height:44px; padding:6px 8px; border-radius:10px; cursor:pointer; font-size:13px; color:#3d4762; }
.als-check:hover { background:#f6f2ff; }
.als-check input { width:20px; height:20px; accent-color:#865ee4; flex-shrink:0; }
@media(max-width:700px) {
 .als-overlay { padding:0; }
 .als-dialog { border-radius:0; width:100%; height:100dvh; max-height:100dvh; }
 .als-top { padding:18px; }
 .als-steps { padding:0 18px 16px; }
 .als-body { padding:20px 16px; }
 .als-intro h3 { font-size:23px; }
 .als-options { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .als-slide-opts { grid-template-columns:minmax(0,1fr); }
 .als-grid.three { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .als-bottom { padding-inline:16px; gap:8px; }
 .als-privacy { width:100%; order:-1; justify-content:center; }
 .als-card.als-flow-card { padding-inline-start:52px; }
 .als-number { inset-inline-start:14px; top:17px; }
 .als-preview-grid { grid-template-columns:minmax(0,1fr); }
 .als-preview-grid .als-editor { order:2; }
 .als-feedback { flex-wrap:wrap; }
 .als-feedback label { flex-basis:100%; }
 .als-card { padding:16px; }
}
@media(prefers-reduced-motion:reduce) { .als-overlay * { transition:none !important; animation:none !important; } }

/* auto-split notice */
.als-note { display: flex; align-items: center; gap: 10px; margin: 0 0 12px; padding: 10px 14px; border-radius: 12px; background: #eef2ff; border: 1px solid #c7d2fe; color: #3730a3; font-size: .9rem; font-weight: 600; }
.als-note i { color: #4f46e5; }

/* ── Animate slides (optional) ─────────────────────────────── */
.als-anim-tick { margin-top:14px; }
.als-anim-tick strong em { font-style:normal; font-weight:600; font-size:.72rem; color:#7C3AED; background:rgba(124,58,237,.1); border-radius:999px; padding:2px 8px; margin-inline-start:6px; vertical-align:middle; }
.als-anim-box { margin:14px 0 4px; padding:14px 14px 6px; border-radius:14px; border:1px solid rgba(124,58,237,.22); background:linear-gradient(180deg, rgba(124,58,237,.06), rgba(124,58,237,.015)); }
.als-anim-box h5 { margin:0 0 10px; font-size:.9rem; color:#5B21B6; display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.als-anim-box h5 small { font-weight:500; color:#7C6F99; font-size:.75rem; }
.als-anim-box .als-chipset { margin-bottom:10px; }

/* radio choices: a fixed-size dot, the label takes the rest (a general input rule was stretching the dot to full width) */
.als-radio { cursor:pointer; font-weight:600; color:#27314b; }
.als-radio input[type="radio"] { flex:0 0 18px; width:18px; height:18px; margin:0; }
