/* HQ early-math pedagogical supports, v3.5 — versioned to prevent stale style caching. */
.hq-learning-equation{display:inline-block;padding:10px 15px;border-radius:12px;border-left:4px solid #0d9488;background:#e6fffa;color:#134e4a;font-size:18px;font-weight:900;margin:2px 0 12px}
.hq-learning-challenge,.hq-exchange-learning{margin:13px 0 8px;padding:15px 18px;border:1px solid #bfdbfe;border-radius:17px;background:#f7faff;color:#1e3a8a}
.hq-learning-challenge-title{display:flex;align-items:center;flex-wrap:wrap;gap:12px;font-size:17px}
.hq-learning-challenge-title span{font-size:12px;font-weight:800;color:#64748b}
.hq-learning-muted{font-size:14px;line-height:1.5;color:#475569;margin:5px 0 11px}
.hq-learning-buttons{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:7px 0 3px}
.hq-learning-buttons button{appearance:none;-webkit-appearance:none;min-height:46px;border-radius:12px;background:#1e40af;border:2px solid #1e40af;color:#fff;padding:10px 16px;font-family:inherit;font-size:15px;font-weight:800;line-height:1.3;cursor:pointer;touch-action:manipulation}
.hq-learning-buttons button+button{background:#fff;color:#1e40af}
.hq-learning-buttons button[aria-pressed="true"]{background:#78350f;border-color:#78350f;color:#fff}
.hq-learning-feedback{font-size:15px;line-height:1.5;font-weight:750;color:#1e3a8a;margin:7px 0}
.hq-learning-feedback:empty{display:none}
.hq-trade-example{display:flex;flex-wrap:wrap;align-items:center;gap:11px;margin-top:13px;padding:13px;border-radius:15px;border:1px solid #93c5fd;background:#eaf3ff}
.hq-trade-side{display:flex;flex-direction:column;gap:10px;min-width:0;flex:1 1 155px}
.hq-trade-side strong{font-size:15px;color:#1e3a8a}
.hq-trade-shapes{display:flex;align-items:center;flex-wrap:wrap;gap:4px;min-height:57px}
.hq-trade-shape.one{width:18px;height:18px;border:2px solid #b45309;background:#fde68a;border-radius:4px}
.hq-trade-shape.ten{width:14px;height:54px;border:2px solid #047857;border-radius:3px;background:repeating-linear-gradient(0deg,#a7f3d0 0 4px,#059669 4px 5px)}
.hq-trade-shape.hundred{width:63px;height:63px;border:2px solid #2563eb;border-radius:3px;background:linear-gradient(90deg,transparent 90%,#2563eb 90%),linear-gradient(0deg,#bfdbfe 90%,#2563eb 90%);background-size:9px 9px}
.hq-trade-equals{font-size:28px;font-weight:950;color:#1d4ed8}
.hq-trade-caption{flex:1 0 100%;font-size:14px;font-weight:700;color:#334155;line-height:1.5;margin:0}
.hq-learning-buttons button:focus-visible{outline:3px solid #f59e0b;outline-offset:3px}
#hqTradeExample[hidden],#hqChallengeCheck[hidden],#hqTenRelation[hidden]{display:none!important}
@media(max-width:470px){.hq-learning-challenge,.hq-exchange-learning{padding:12px}.hq-trade-equals{font-size:22px}.hq-trade-side{flex:1 1 115px}.hq-learning-equation{font-size:16px}.hq-trade-shapes{gap:3px}}