/* Practice exams and how-to guides. Uses the site's theme variables. */
.meta-line{font-size:14px;color:var(--muted2);margin:0 0 14px;}
.learn-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;align-items:start;margin:10px 0 8px;}
@media(max-width:860px){.learn-grid{grid-template-columns:minmax(0,1fr);}}
.qbox{background:var(--card);border:1px solid var(--border-strong);border-radius:16px;padding:22px;}
.qbox h2{font-size:28px;margin:0 0 4px;}
.qbox > p{margin:0 0 12px;color:var(--muted);font-size:15px;}
.q-topic{font-size:12.5px!important;color:var(--muted2)!important;font-weight:600;margin:0 0 8px!important;}
.q-text{font-size:18px!important;line-height:1.5;color:var(--heading)!important;font-weight:600;margin:0 0 14px!important;}
.q-opts{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;}
.q-opt{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:var(--input-bg);border:1px solid var(--border-strong);color:var(--text);border-radius:10px;padding:11px 12px;font:inherit;font-size:15.5px;line-height:1.4;cursor:pointer;transition:border-color .12s,background .12s;}
.q-opt:hover:not(:disabled){border-color:var(--a1);}
.q-opt:disabled{cursor:default;opacity:.85;}
.q-opt .k{flex:0 0 28px;width:28px;height:28px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;background:var(--card-2);color:var(--muted);font-weight:700;font-size:13px;}
.q-opt.is-correct{border-color:#2ca865;background:var(--ok-bg);opacity:1;}
.q-opt.is-correct .k{background:#2ca865;color:#fff;}
.q-opt.is-wrong{border-color:#d9534f;background:var(--err-bg);opacity:1;}
.q-opt.is-wrong .k{background:#d9534f;color:#fff;}
.q-why{margin:14px 0 0;padding:12px 14px;border-radius:10px;background:var(--card-2);border-left:3px solid var(--a1);font-size:14.5px;line-height:1.55;color:var(--prose);}
.q-why p{margin:0;}
.q-why strong{color:var(--heading);}
.q-nojs summary{cursor:pointer;color:var(--a1);font-weight:600;font-size:14px;margin-top:10px;}
.q-nojs p{font-size:14.5px;color:var(--prose);}
.q-best{font-size:14px;color:var(--muted2);}
.q-best b{color:var(--heading);}
.q-nojs-note{font-size:13px;color:var(--muted2);}
.q-progress{display:flex;justify-content:space-between;font-size:13px;color:var(--muted2);font-weight:600;margin:0 0 6px;font-variant-numeric:tabular-nums;}
.q-bar{height:6px;border-radius:3px;background:var(--card-2);overflow:hidden;margin:0 0 14px;}
.q-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--a1),var(--a2));transition:width .25s;}
.q-actions{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0 0;}
.q-score{display:flex;align-items:baseline;gap:12px;margin:0 0 6px!important;}
.q-score b{font-family:var(--font-display);font-size:56px;font-weight:800;color:var(--a1);line-height:1;}
.q-score span{font-size:15px;color:var(--muted2);}
.q-topics{list-style:none;margin:10px 0 0;padding:0;}
.q-topics li{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px solid var(--border);font-size:14.5px;}
.q-topics li:last-child{border-bottom:0;}
.q-topics b{font-variant-numeric:tabular-nums;color:var(--heading);}
.q-topics b.good{color:#2ca865;}
.q-topics b.bad{color:#d9534f;}
.tips{margin:0;padding-left:1.3em;max-width:760px;color:var(--prose);font-size:16px;line-height:1.6;}
.tips li{margin:0 0 8px;}
.qlist details .qd{padding:0 16px 14px;color:var(--prose);font-size:15px;line-height:1.55;}
.qlist .qn{color:var(--muted2);font-weight:700;margin-right:4px;}
.qlist summary{font-weight:600;line-height:1.45;}
.qd-opts{margin:0 0 10px;padding-left:1.3em;}
.qd-opts li{margin:0 0 3px;color:var(--muted);}
.qd-opts li.is-correct{color:var(--heading);font-weight:700;}
.qd-opts li.is-correct::after{content:" \2713";color:#2ca865;}
.qd p{margin:0 0 6px;}
.qd-topic{font-size:12.5px;color:var(--muted2);}

/* ---- How-to article ---- */
.article{max-width:800px;}
.article .page-head h1{font-size:clamp(34px,5.4vw,58px);}
.article .meta-line{display:flex;flex-wrap:wrap;gap:4px 14px;margin:0 0 16px;}
.takeaways{background:var(--card);border:1px solid var(--border-strong);border-left:4px solid var(--a1);border-radius:12px;padding:16px 18px 14px;margin:0 0 26px;}
.takeaways h2{font-size:22px;margin:0 0 8px;}
.takeaways ul{margin:0;padding-left:1.2em;font-size:15.5px;line-height:1.55;color:var(--prose);}
.takeaways li{margin:0 0 5px;}
.howto-body{font-size:17px;line-height:1.72;color:var(--prose);}
.howto-body h2{font-size:30px;line-height:1.1;margin:34px 0 12px;scroll-margin-top:90px;}
.howto-body h3{font-size:19px;margin:22px 0 8px;}
.howto-body p{margin:0 0 16px;}
.howto-body ul,.howto-body ol{margin:0 0 16px;padding-left:1.4em;}
.howto-body li{margin:0 0 6px;}
.howto-body strong{color:var(--heading);}
.howto-body a{color:var(--a1);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;font-weight:600;}
.howto-body a:hover{color:var(--a2);text-decoration-thickness:2px;}
.howto-body .tbl-wrap{margin:0 0 18px;}
.howto-body table{width:100%;border-collapse:collapse;font-size:15px;margin:0;min-width:420px;}
.howto-body th,.howto-body td{padding:9px 12px;border-bottom:1px solid var(--border);text-align:left;vertical-align:top;}
.howto-body th{background:var(--card-2);color:var(--heading);font-weight:700;font-size:13px;}
.howto-body td{font-variant-numeric:tabular-nums;}
.tryit{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;background:linear-gradient(120deg,rgba(255,140,43,.14),rgba(255,69,0,.06));border:1px solid var(--border-strong);border-radius:14px;padding:16px 18px;margin:22px 0 26px;}
.tryit div{flex:1 1 260px;}
.tryit h3{font-family:var(--font-display);font-size:24px;margin:0 0 2px;}
.tryit p{margin:0;font-size:14px;color:var(--muted);}
.steps{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:18px 20px 8px;margin:26px 0;}
.steps h2{font-size:26px;margin:0 0 10px;}
.steps ol{margin:0;padding:0;list-style:none;counter-reset:step;}
.steps li{position:relative;padding:0 0 14px 44px;counter-increment:step;font-size:15.5px;line-height:1.55;color:var(--prose);}
.steps li::before{content:counter(step);position:absolute;left:0;top:0;width:30px;height:30px;border-radius:8px;background:linear-gradient(135deg,var(--a1),var(--a2));color:var(--btn-fg);font-family:var(--font-display);font-weight:800;font-size:17px;display:flex;align-items:center;justify-content:center;}
.steps li b{display:block;color:var(--heading);font-size:16px;}
.article-foot{margin:30px 0 0;font-size:13.5px;color:var(--muted2);border-top:1px solid var(--border);padding-top:14px;}
.share-row{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0 0;}
.share-row .btn{padding:9px 14px;font-size:13.5px;}
.howto-body a.btn,.howto-body a.btn:hover{color:var(--btn-fg);text-decoration:none;font-weight:700;}
.q-seen{font-size:13.5px;color:var(--muted2);margin:10px 0 0;}
#q-done .app-nudge{margin-top:16px;}