@import url('/lesson-lab/style.css');
.course-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:30px 0}
.course-tile{display:flex;flex-direction:column;gap:12px;text-decoration:none;color:inherit;transition:border-color .15s}
.course-tile:hover{border-color:var(--accent,#91c9b1)}
.course-tile h2{margin:0;font-size:25px}.course-tile p{margin:0}.course-tile .course-go{margin-top:auto;color:#a7dfc6;font-weight:700}
.course-tile small{color:#a8b5ae}.course-head{max-width:780px}.course-head h1{font-size:clamp(42px,7vw,76px);line-height:1.1}
.reference{margin:24px 0}.reference summary{cursor:pointer;padding:12px 0;font-weight:700}.reference-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.reference-item{border-bottom:1px solid #35423b;padding:10px;display:flex;flex-direction:column;gap:4px}.reference-item .speak{align-self:flex-start}.reference input{width:100%;padding:12px;background:#17201b;color:#eff7f1;border:1px solid #54665b;border-radius:8px}.word-examples{margin:16px 0}.word-examples summary{cursor:pointer}.source-copy{white-space:pre-line}.course-status{min-height:25px}.lesson-index{margin-bottom:20px}.lesson-index a{color:#a7dfc6}.topbar nav{flex-wrap:wrap}
@media(max-width:900px){.course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.course-grid,.reference-grid{grid-template-columns:1fr}.course-tile{padding:22px}.topbar nav{font-size:12px}.lab-hero h1{font-size:48px}.hero-kana{display:none}}