.st-card{background:#fffaf2;border:1px solid #d9cbbb;border-radius:18px;padding:clamp(1rem,2.6vw,1.75rem);box-shadow:0 8px 24px rgba(52,35,25,.06);margin:1.25rem 0;color:#26313c}
.st-card *{box-sizing:border-box}
.st-card h3{font-size:clamp(1.15rem,2vw,1.45rem);margin:0 0 .65rem}
.st-card h3:focus{outline:2px solid #8a3d2f;outline-offset:5px}
.st-card p{margin:.3rem 0 .9rem}
.st-intro{font-size:1.05rem;max-width:62ch}
.st-actions{display:flex;gap:.7rem;flex-wrap:wrap;align-items:center;margin-top:1rem}
.st-button,.st-button-secondary,.st-choice{font:inherit;cursor:pointer;border-radius:10px;line-height:1.45}
.st-button{background:#8a3d2f;color:#fff;padding:.65rem 1.1rem;border:2px solid #8a3d2f;font-weight:700}
.st-button-secondary{background:#fff;color:#5e2b22;border:2px solid #b88d79;padding:.65rem 1.1rem}
.st-link,.st-source{display:inline-block;font-weight:700}
.st-card a{color:#762d22;text-decoration:underline}
.st-button:hover{background:#5e2b22}
.st-choice:hover:not(:disabled){border-color:#8a3d2f;background:#f8efe5}
.st-card button:focus-visible,.st-card a:focus-visible{outline:3px solid #5e2b22;outline-offset:3px}
.st-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}
.st-choice{background:#fff;border:2px solid #b4a79a;padding:.75rem;min-height:3rem;color:#1f2933;text-align:left;font-weight:650;white-space:normal}
.st-choice:disabled{cursor:default;opacity:.75}
.st-choice.st-correct{background:#e9f5ea;border-color:#287c3b;color:#173d20;opacity:1}
.st-choice.st-wrong{background:#fff0ed;border-color:#ae4435;color:#65261e;opacity:1}
.st-progress{height:9px;background:#e6dcd0;border-radius:8px;overflow:hidden;margin-bottom:1rem}
.st-progress-fill{display:block;background:#8a3d2f;height:100%;transition:width .2s ease}
.st-question{font-size:1.08rem;font-weight:600;max-width:65ch}
.st-feedback{margin-top:.8rem}
.st-feedback:empty,.st-actions:empty{display:none}
.st-feedback strong{display:block;margin:.2rem 0}
.st-feedback p{margin:.25rem 0}
.st-score-text{font-size:1.05rem;max-width:60ch}
.st-status{max-width:100%;overflow-wrap:anywhere;font-size:.9rem}
.hn-hub-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1rem 0 1.6rem}
.hn-hub{padding:1.1rem 1.15rem;background:#fffaf2;border:1px solid #d9cbbb;border-radius:14px;color:inherit;text-decoration:none!important;display:block;box-shadow:0 4px 15px rgba(52,35,25,.035)}
.hn-hub strong{display:block;color:#672a1f;font-size:1.1rem;margin-bottom:.35rem}
.hn-hub span{color:#39434d;display:block;font-size:.95rem}
.hn-hub:hover{border-color:#8a3d2f;transform:translateY(-1px)}
.hn-hub:focus-visible{outline:3px solid #5e2b22;outline-offset:3px}
.hn-note{background:#f7f4ee;border-left:4px solid #8a3d2f;padding:.75rem 1rem;margin:1rem 0}
@media(max-width:620px){.hn-hub-grid,.st-choices{grid-template-columns:1fr}.st-choice{min-height:3.1rem}.st-actions{align-items:stretch}.st-actions .st-button,.st-actions .st-button-secondary{width:100%}}
@media(prefers-reduced-motion:reduce){.st-progress-fill{transition:none}.hn-hub:hover{transform:none}}