.class-band{padding-bottom:46px}.class-band-head{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:22px;display:flex}.class-band-head h2{margin:10px 0;font-size:32px}.class-band-head p:not(.eyebrow){color:#665d50;max-width:640px;margin:0}.class-band-head .outline-button{flex-shrink:0}.class-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.class-card{background:#fffaf2;border:1px solid #e5d6c1;border-radius:12px;flex-direction:column;gap:8px;padding:22px;text-decoration:none;display:flex}.class-card:hover{border-color:#d0b896}.class-card h3{margin:2px 0;font:22px/1.3 Georgia,serif}.class-card-teacher{color:#51483c;align-items:center;gap:10px;margin:0;font-size:14px;display:flex}.class-card-teacher img{object-fit:cover;object-position:center 30%;border-radius:6px;width:34px;height:38px}.class-card ul{color:#5c5246;gap:6px;margin:6px 0 0;padding:0;font-size:14px;list-style:none;display:grid}.class-card li{align-items:flex-start;gap:7px;display:flex}.class-card li svg{color:#9c7450;flex-shrink:0;margin-top:3px}.class-card li.class-card-trial{color:#2f6b4f;font-weight:600}.class-card li.class-card-trial svg{color:#2f6b4f}.class-card-more{color:#a14527;align-items:center;gap:6px;margin-top:auto;padding-top:8px;font-size:14px;display:inline-flex}.class-list-page h1{margin:10px 0 12px}.class-list-lead{color:#5c5246;max-width:760px;margin-bottom:28px;line-height:1.65}.class-list-empty{text-align:center;border:1px dashed #dccdb6;border-radius:12px;justify-items:center;gap:8px;padding:32px;display:grid}.class-list-empty>svg{color:#9c7450}.class-list-empty h2{margin:4px 0 0;font-size:22px}.class-list-empty p{color:#665d50;margin:0 0 8px}@media (max-width:1050px){.class-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:680px){.class-band{padding-bottom:30px}.class-band-head{flex-direction:column;align-items:stretch}.class-band-head h2{font-size:28px}.class-cards{grid-template-columns:1fr}.class-list-empty{padding:24px 18px}}.profile-classes .class-cards{grid-template-columns:1fr}.profile-classes .class-card-teacher{display:none}.learn-book-class .class-cards{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.learn-book-class .class-card-teacher{display:none}
