.practice-quantity{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;margin:10px 0;padding:10px 12px;border:1px solid #cde8f3;border-radius:14px;background:#fff;color:#244b61}.practice-quantity label{display:flex;align-items:center;gap:8px;font-size:14px}.practice-quantity select{min-height:44px;max-width:180px;border:1px solid #b6dce9;border-radius:10px;background:white;padding:6px;font:inherit}.practice-quantity small{font-size:12px;color:#537789}

.practice-quantity-inline{display:flex;align-items:center;gap:4px;font-size:12px;white-space:nowrap}.practice-quantity-inline select{min-height:44px;max-width:110px;font:inherit;color:#244b61;background:#f5fcff;border:1px solid #cde8f3;border-radius:10px;padding:4px}
@media(max-height:740px){
 [data-page="home"]:has(.practice-quantity-inline) .ocean{height:clamp(100px,26dvh,190px)}
 .home-ocean:has(.practice-quantity-inline) .home-current{padding:12px}
 .home-ocean:has(.practice-quantity-inline) .home-course img{width:64px}
 .home-ocean:has(.practice-quantity-inline) .home-study-order{margin-top:5px;padding-top:6px}
 .home-ocean:has(.practice-quantity-inline) .primary-actions{margin-top:8px}
 .home-ocean:has(.practice-quantity-inline) .wide{aspect-ratio:auto;height:clamp(56px,15dvh,105px);gap:5px;padding:8px}
 .home-ocean:has(.practice-quantity-inline) .wide .symbol{font-size:24px}
 .home-ocean:has(.practice-quantity-inline) .wide strong{font-size:16px}
 .home-ocean:has(.practice-quantity-inline) .home-whisper{margin:8px 0}
}