/* quiz.megalecture.com: the text block under the app on a programme or subject address (9 Oct 2026). Everything is scoped to .sx. */
.sx { margin-top:8px; padding-bottom:10px; color:var(--ink); line-height:1.6; }
.sx > section { margin-block:30px; }
.sx h2 { font-size:21px; line-height:1.3; margin:0 0 10px; text-wrap:balance; }
.sx p { margin:0 0 12px; max-width:68ch; }
.sx a { color:var(--cyan-ink); }
.sx-facts { font-size:15px; color:var(--ink-2); } .sx-facts b { color:var(--ink); font-size:17px; } .sx-facts i { font-style:normal; color:var(--line); margin-inline:4px; }
.sx-cta { margin-top:16px; } .sx-cta .btn { text-decoration:none; color:#0E1B2A; }
.sx-chap { margin:14px 0 0; padding:0; list-style:none; counter-reset:c; display:flex; flex-direction:column; gap:8px; }
.sx-chap li { counter-increment:c; background:var(--surface); border:1px solid var(--line); border-radius:10px; padding:11px 14px 11px 48px; position:relative; overflow-wrap:anywhere; }
.sx-chap li::before { content:counter(c); position:absolute; left:12px; top:11px; width:26px; height:26px; border-radius:50%; background:var(--tint); color:var(--cyan-ink); font-weight:700; font-size:13px; display:flex; align-items:center; justify-content:center; }
.sx-chap .n { font-size:13px; color:var(--ink-3); white-space:nowrap; margin-left:6px; } .sx-chap .subs { display:block; font-size:14px; color:var(--ink-2); line-height:1.5; margin-top:2px; }
.sx-q { background:var(--surface); border:1px solid var(--line); border-radius:12px; padding:16px 18px; margin-block:14px; overflow-wrap:anywhere; }
.sx-q h3 { font-size:16.5px; font-weight:600; line-height:1.5; margin:0 0 12px; } .sx-q h3 span { color:var(--cyan-ink); font-weight:700; }
.sx-opts { list-style:none; margin:0 0 12px; padding:0; display:flex; flex-direction:column; gap:6px; }
.sx-opts li { display:flex; gap:10px; align-items:flex-start; border:1px solid var(--line); border-radius:8px; padding:8px 12px; font-size:15px; line-height:1.45; }
.sx-opts li > span { flex:0 0 24px; height:24px; border-radius:50%; background:var(--tint); color:var(--cyan-ink); font-weight:700; font-size:12.5px; display:inline-flex; align-items:center; justify-content:center; }
.sx-opts li.ok { border-color:var(--good); background:var(--good-bg); } .sx-opts li.ok > span { background:var(--good); color:#fff; }
.sx-ans { margin:0 !important; font-size:14.5px; color:var(--ink-2); background:var(--bg); border-radius:8px; padding:10px 12px; max-width:none !important; } .sx-ans b { color:var(--good); }
.sx-q code { font-family:ui-monospace,Menlo,Consolas,monospace; font-size:.92em; background:#EEF2F6; border-radius:4px; padding:1px 5px; }
.sx-ways { margin:0 0 12px; padding-left:20px; display:flex; flex-direction:column; gap:6px; max-width:68ch; }
.sx-faq { font-size:16.5px; margin:16px 0 4px; }
.sx-subj { list-style:none; margin:12px 0 0; padding:0; display:grid; grid-template-columns:repeat(auto-fill, minmax(230px, 1fr)); gap:8px; }
.sx-subj a { display:block; background:var(--surface); border:1px solid var(--line); border-radius:10px; padding:11px 14px; text-decoration:none; color:var(--ink); height:100%; }
.sx-subj a:hover { border-color:var(--cyan-ink); } .sx-subj span { display:block; font-size:13.5px; color:var(--ink-3); }
.sx-chips { display:flex; flex-wrap:wrap; gap:8px; max-width:none !important; } .sx-chips a { background:var(--surface); border:1px solid var(--line); border-radius:99px; padding:6px 14px; font-size:14.5px; text-decoration:none; font-weight:600; }
body.test-mode .sx { display:none; }
/* 9 Oct 2026: the long sections fold away; one tap opens each */
.sx > section { margin-block:22px 14px; }
.sx-fold { background:var(--surface); border:1px solid var(--line); border-radius:12px; margin-block:8px; }
.sx-fold > summary { cursor:pointer; list-style:none; display:flex; align-items:baseline; justify-content:space-between; gap:10px; padding:14px 16px; font-weight:700; font-size:16px; line-height:1.35; }
.sx-fold > summary::-webkit-details-marker { display:none; }
.sx-fold > summary span { font-weight:400; font-size:13px; color:var(--ink-3); white-space:nowrap; margin-left:auto; }
.sx-fold > summary::after { content:'+'; flex:0 0 auto; font-size:20px; line-height:1; color:var(--cyan-ink); font-weight:400; }
.sx-fold[open] > summary::after { content:'\2013'; } .sx-fold[open] > summary { border-bottom:1px solid var(--line); }
.sx-fold > :not(summary) { margin-inline:16px; } .sx-fold > p:first-of-type, .sx-fold > ul:first-of-type { margin-top:14px; } .sx-fold > :last-child { margin-bottom:16px; }
.sx-fold .sx-q { background:var(--bg); } .sx-fold .sx-chap li { background:var(--bg); }
.sx-show > summary { cursor:pointer; font-weight:700; font-size:14.5px; color:var(--cyan-ink); list-style:none; padding:4px 0; } .sx-show > summary::-webkit-details-marker { display:none; }
.sx-show > summary::before { content:'+ '; } .sx-show[open] > summary::before { content:'\2013 '; } .sx-show[open] > summary { margin-bottom:8px; }
.sx-show .sx-ans { background:var(--surface); }
.sx-opts li { background:var(--surface); }