.learn-lab{padding:3.5rem 0;border-top:1px solid #c2ccd5;background:#f4f7fa;color:#182c43;scroll-margin-top:6rem}.learn-lab h2{font-size:clamp(1.7rem,3vw,2.6rem);line-height:1.2;color:#182c43}.lab-kicker{font-size:.85rem;letter-spacing:.12em;color:#775320;font-weight:700}.lab-intro{max-width:850px;line-height:1.7}.learn-lab [data-lab]{max-width:1000px;border:1px solid #bdcbd7;border-radius:12px;padding:1.5rem;background:white;margin-top:1.5rem}.learn-lab label{display:block;margin:1rem 0;font-weight:600}.learn-lab select,.learn-lab input[type=number]{display:block;max-width:100%;width:100%;padding:.7rem;border:1px solid #8094a6;border-radius:5px;background:white;color:#182c43;font:inherit;margin-top:.4rem}.learn-lab input[type=range]{display:block;width:100%;accent-color:#236b83;margin:.6rem 0}.learn-lab button{border:1px solid #6d8498;background:#edf3f8;color:#182c43;padding:.65rem 1rem;border-radius:5px;font:inherit;cursor:pointer;margin:.3rem .4rem .3rem 0}.learn-lab button[aria-pressed=true]{background:#183b58;color:white}.learn-lab :focus-visible{outline:3px solid #bc7618;outline-offset:3px}.lab-result{display:block;background:#152e47!important;color:white!important;padding:1.25rem;margin:1.2rem 0;border-radius:8px;line-height:1.7;white-space:pre-line;min-height:5rem}.learn-lab a{color:#075d82;text-decoration:underline}.learn-lab svg{display:block;width:100%;height:auto;background:#edf3f7;border-radius:8px;margin:1rem 0}.lab-columns{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.lab-pattern{font-size:1.5rem;white-space:pre;text-align:center;line-height:1.5;letter-spacing:.25em}.lab-directory{padding-top:2rem;padding-bottom:2rem}.lab-directory h2{font-size:1.2rem}.lab-directory ul{display:flex;flex-wrap:wrap;gap:.7rem 1.5rem;padding-left:1rem;font-size:.95rem}.learn-lab meter{width:100%;height:2rem}.lab-reset{font-size:.9rem!important}.lab-steps{display:flex;gap:.75rem;flex-wrap:wrap}.lab-steps label{flex:1;min-width:130px}.learn-lab table{width:100%;border-collapse:collapse;font-size:.95rem}.learn-lab th,.learn-lab td{padding:.6rem;text-align:left;border-bottom:1px solid #cad5df}.lab-table{overflow:auto}.learn-lab input[type=checkbox]{width:1.2rem;height:1.2rem;margin-right:.6rem;accent-color:#236b83}.learn-lab .lab-footnote{font-size:.9rem;color:#475c6e}.lab-shortcuts{padding-top:1.5rem;padding-bottom:1.5rem;font-size:.95rem}@media(max-width:650px){.lab-columns{grid-template-columns:1fr}.learn-lab [data-lab]{padding:1rem}.learn-lab{padding:2rem 0}}

.lab-reflection{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:1rem;margin:1rem 0}.lab-reflection>div,.lab-reflection>article,.lab-reflection>span{padding:1rem;border:1px solid #c7d3df;border-radius:8px;background:#edf3f7;color:#182c43}.lab-reflection h3{color:#182c43;font-size:1.2rem}.learn-lab input[type=search],.learn-lab textarea{width:100%;box-sizing:border-box;padding:.7rem;font:inherit;border:1px solid #8094a6;border-radius:5px;background:white;color:#182c43}.lab-pattern-grid{display:grid;grid-template-columns:1fr 1fr;max-width:420px;margin:1rem auto;text-align:center}.lab-pattern-grid button{display:block;font-size:1.8rem;min-width:100px;margin:.4rem auto}.learn-lab audio{display:block;width:100%;margin:1rem 0}.learn-lab details{margin:1rem 0}.learn-lab summary{cursor:pointer;font-weight:600}.learn-lab svg text{font-family:system-ui,sans-serif}

.odu-entry{margin:.65rem 0;padding:.8rem 1rem;border:1px solid #698094;border-radius:8px}.odu-entry summary{cursor:pointer;font-weight:650}.odu-guide-content{display:grid;grid-template-columns:180px 1fr;gap:1.5rem;margin-top:1rem}.odu-guide-content img{width:180px;height:180px}.odu-guide-content p{margin-top:0}@media(max-width:600px){.odu-guide-content{grid-template-columns:1fr}}
.lab-filters,.lab-tone-controls{display:flex;flex-wrap:wrap;gap:1rem}.lab-filters>label{flex:1 1 190px;min-width:0}.lab-tone-controls>label{flex:1 1 90px}.lab-response-options{display:grid;gap:.6rem;margin:1rem 0}.lab-response-options button{text-align:left;white-space:normal;min-height:44px}.lab-response-options button[aria-pressed=true]{border:2px solid #875e2a;background:#f7ecd8;color:#182c43}.lab-study{border-top:1px solid #bdc9ce;margin-top:1.5rem;padding-top:1rem}.lab-vocabulary{max-height:30rem;overflow:auto}.lab-vocabulary details{padding:.7rem;border-bottom:1px solid #d4dee5}.learn-lab textarea{width:100%;box-sizing:border-box;min-height:90px}.learn-lab select{max-width:100%}