/* Shared Gold Standard lesson states. Topic styles continue to provide colour and identity. */
.standard-introduction { background: linear-gradient(135deg, #fffdf7, #fff); }
.standard-think { border-left: 7px solid var(--yellow-border, #f5ad00); background: #fffaf0; }
.standard-mistakes { border-left: 7px solid var(--pink-dark, #d95c5c); background: #fff8f8; }
.standard-exam { border-left: 7px solid var(--yellow-border, #f5ad00); background: #fffaf0; }
.standard-summary { border-left: 7px solid var(--green-dark, #3f8f6b); background: #f6fffb; }
.standard-visual {
    display: grid;
    gap: 1rem;
    margin: 1rem 0;
    padding: 1.25rem;
    border: 1px solid var(--border, #d9e2ed);
    border-radius: 20px;
    background: #fff;
}
.standard-visual-flow { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: .75rem; }
.standard-visual-flow span { padding: .7rem 1rem; border: 2px solid currentColor; border-radius: 14px; font-weight: 800; }
.standard-answer details { margin-top: 1rem; }
.standard-answer summary { cursor: pointer; font-weight: 800; }
@media (max-width: 700px) {
    .standard-visual { padding: 1rem; overflow-x: auto; }
    .standard-visual-flow { align-items: stretch; flex-direction: column; text-align: center; }
}