/* BSF Advanced Learning Hub — Phase 2 activities */
.bsf-activity-app {
	--bsf-navy:#0b1f3a; --bsf-navy-2:#13294b; --bsf-gold:#c9a227; --bsf-ink:#1a2230;
	--bsf-mut:#5b6675; --bsf-line:#e4e8ef; --bsf-good:#1d8a52; --bsf-bad:#b3341f;
	font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
	max-width:740px; margin:0 auto; color:var(--bsf-ink);
}
.bsf-activity-app *{box-sizing:border-box;}
.bsf-act-loading,.bsf-act-error{padding:40px;text-align:center;color:var(--bsf-mut);}
.bsf-act-error{color:var(--bsf-bad);}

.bsf-act{border:1px solid var(--bsf-line);border-radius:14px;overflow:hidden;background:#fff;}
.bsf-act-head{display:flex;justify-content:space-between;align-items:center;background:var(--bsf-navy);color:#fff;padding:15px 22px;}
.bsf-act-title{font-weight:700;}
.bsf-act-progress{color:var(--bsf-gold);font-weight:700;}
.bsf-act-body{padding:24px 22px;}
.bsf-act-scenario{font-size:17px;line-height:1.55;margin-bottom:18px;font-weight:600;color:var(--bsf-navy);}

/* Match */
.bsf-act-matchrow{display:grid;grid-template-columns:1fr 1.4fr;gap:12px;align-items:center;margin-bottom:10px;}
.bsf-act-term{font-weight:700;background:#f4f6fa;border:1px solid var(--bsf-line);border-radius:8px;padding:11px 14px;}
.bsf-act-select{width:100%;padding:11px 12px;border:1px solid var(--bsf-line);border-radius:8px;font-size:15px;background:#fff;}
.bsf-act-select:focus{outline:2px solid var(--bsf-gold);outline-offset:-2px;}

/* Sequence */
.bsf-act-seq{display:flex;flex-direction:column;gap:8px;}
.bsf-act-seqrow{display:flex;align-items:center;gap:12px;border:1px solid var(--bsf-line);border-radius:9px;padding:10px 14px;background:#fff;}
.bsf-act-seqnum{width:26px;height:26px;flex:none;border-radius:50%;background:var(--bsf-navy);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;}
.bsf-act-seqtext{flex:1;line-height:1.4;}
.bsf-act-seqctrls{display:flex;gap:4px;}
.bsf-act-arrow{width:32px;height:32px;border:1px solid var(--bsf-line);background:#fff;border-radius:7px;cursor:pointer;color:var(--bsf-navy);font-size:12px;}
.bsf-act-arrow:disabled{opacity:.3;cursor:not-allowed;}

/* Cloze */
.bsf-act-cloze{font-size:17px;line-height:2.1;color:var(--bsf-ink);}
.bsf-act-inline{display:inline-block;width:auto;min-width:130px;margin:0 4px;padding:5px 8px;}

/* Footer + result */
.bsf-act-foot{padding:0 22px 22px;}
.bsf-act-btn{cursor:pointer;border:none;padding:13px 24px;border-radius:9px;font-size:15px;font-weight:700;}
.bsf-act-primary{background:var(--bsf-gold);color:var(--bsf-navy);}
.bsf-act-primary:disabled{opacity:.5;cursor:not-allowed;}
.bsf-act-feedback{margin-top:6px;}
.bsf-act-warn{color:var(--bsf-bad);font-size:14px;margin-top:8px;}
.bsf-act-result{border-radius:10px;padding:16px;margin-top:8px;}
.bsf-act-result.ok{background:#e6f4ec;border:1px solid #b6dcc4;}
.bsf-act-result.bad{background:#fbe9e6;border:1px solid #f0c2b8;}
.bsf-act-verdict{font-weight:700;margin-bottom:10px;}
.bsf-act-result.ok .bsf-act-verdict{color:#13643f;}
.bsf-act-result.bad .bsf-act-verdict{color:#8a2417;}
.bsf-act-review{margin:6px 0;}
.bsf-act-rrow{padding:7px 10px;border-radius:7px;margin-bottom:5px;background:#fff;border-left:3px solid var(--bsf-mut);}
.bsf-act-rrow.ok{border-left-color:var(--bsf-good);}
.bsf-act-rrow.bad{border-left-color:var(--bsf-bad);}
.bsf-act-rseq-h{font-weight:700;margin:6px 0;color:var(--bsf-navy);}
.bsf-act-rseq{margin:0;padding-left:22px;}
.bsf-act-rseq li{margin-bottom:4px;}
.bsf-act-expl{margin-top:10px;font-size:14px;line-height:1.55;color:#33405a;background:#f5f7fa;border-radius:8px;padding:12px;}
.bsf-act-feedback .bsf-act-btn{margin-top:14px;}

@media(max-width:560px){.bsf-act-matchrow{grid-template-columns:1fr;}}