/* Scoped AI Vocabulary Lab styles: no third-party fonts, scripts or assets. */
.vocab-hero{background:linear-gradient(125deg,#f7eee3,#e5f4f0 65%,#f3eaf5);padding:18px 0 50px}
.vocab-hero h1{font-size:clamp(2.2rem,5vw,4rem);max-width:850px;margin:10px 0}
.vocab-hero p:not(.eyebrow){max-width:790px}
.vocab-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}
.vocab-intro{max-width:900px}
.vocab-topics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.vocab-topic{border:1px solid #dae8dd;border-radius:20px;background:#fff;padding:23px;min-width:0;display:flex;flex-direction:column;gap:11px}
.vocab-topic-head{display:flex;flex-wrap:wrap;align-items:start;justify-content:space-between;gap:10px}
.vocab-topic h3{font-size:1.45rem;margin:5px 0}
.vocab-topic-badge{font-weight:800;font-size:.8rem;background:#e7f4ec;border:1px solid #cee0d4;border-radius:999px;padding:6px 10px}
.vocab-topic h4{font-size:1rem;margin:3px 0}
.vocab-topic p{line-height:1.6;margin:5px 0}
.vocab-step{border-top:1px solid #e0eae2;padding-top:12px}
.vocab-step:first-of-type{border-top:0}
.vocab-step strong{color:#175e58}
.vocab-experiment{background:#f4faf6;border:1px solid #d7e7dc;border-radius:15px;padding:16px}
.vocab-experiment label{display:block;margin:8px 0 3px;font-weight:800;color:#25554d}
.vocab-experiment select{width:100%;min-height:46px;border:2px solid #b8d8cc;border-radius:10px;padding:10px;color:#243e3a;background:#fff;font:inherit}
.vocab-experiment button{margin-top:13px;min-height:44px}
.vocab-output{background:#e8f3ed;border-left:4px solid #2b7566;border-radius:9px;padding:13px;margin-top:14px;min-height:58px}
.vocab-experiment .vocab-output{margin-bottom:0}
.vocab-buttons{display:flex;gap:10px;flex-wrap:wrap}
.vocab-buttons .btn[aria-pressed="true"]{border:2px solid #217362;background:#e0f2e8;color:#174e46}
.vocab-prev{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.vocab-prev article{padding:18px;background:#fff;border-radius:16px;border:1px solid #dce6de}
.vocab-prev h3{font-size:1.15rem;margin:4px 0}
.vocab-prev span{font-size:.82rem;color:#28695d;font-weight:800}
.vocab-prev p{font-size:.94rem}
.vocab-family{display:grid;grid-template-columns:1.3fr .7fr;gap:24px}
.vocab-family aside{background:#fff;border:1px solid #d7e7dc;border-radius:16px;padding:20px}
.vocab-note{font-size:.91rem;color:#466359}
@media(max-width:750px){.vocab-topics,.vocab-prev,.vocab-family{grid-template-columns:1fr}.vocab-topic{padding:17px}.vocab-actions .btn{width:100%}}
@media print{.vocab-actions,.vocab-experiment button{display:none!important}.vocab-topics,.vocab-prev{grid-template-columns:1fr}.vocab-topic{break-inside:avoid}}
