.module1-page .topbar-tools { align-items: center; }
.module1-page .module-back { display: inline-flex; align-items: center; min-height: 40px; text-decoration: none; }
.module1-page .class-intro { border-left: 4px solid #2A638B; }
.module1-page .module1-scenes .unit-card { min-height: 88px; }
.module1-page .module1-scenes .unit-number { font-size: .7rem; }
.module1-page .module1-scenes .unit-card.active { border-color: #2A638B; background: #f1f8fb; }

.microclass-picker { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin: 18px 0 24px; padding: 20px 22px; border: 1px solid rgba(42, 99, 139, .2); border-radius: 18px; background: rgba(244, 242, 236, .66); }
.microclass-picker-copy { max-width: 450px; }
.microclass-picker h2 { margin: 4px 0 0; font-size: clamp(1.05rem, 2vw, 1.35rem); color: #27302F; }
.microclass-options { display: grid; grid-template-columns: repeat(2, minmax(210px, 1fr)); gap: 10px; max-width: 680px; width: 100%; }
.microclass-option { display: grid; grid-template-columns: auto 1fr; column-gap: 10px; text-align: left; align-items: start; min-height: 82px; padding: 13px 14px; border: 1px solid rgba(39, 48, 47, .16); border-radius: 14px; background: #fffdfa; color: #27302F; cursor: pointer; transition: border-color .18s ease, background .18s ease, transform .18s ease; }
.microclass-option:hover, .microclass-option:focus-visible { border-color: #2A638B; transform: translateY(-1px); outline: none; }
.microclass-option.active { border-color: #2A638B; background: #edf5f8; box-shadow: inset 3px 0 0 #2A638B; }
.microclass-option > span { grid-row: span 2; display: inline-flex; align-items: center; justify-content: center; min-width: 34px; height: 28px; padding: 0 6px; border-radius: 999px; background: #2A638B; color: #fff; font-size: .72rem; font-weight: 700; letter-spacing: .03em; }
.microclass-option strong { font-size: .9rem; line-height: 1.2; }
.microclass-option small { margin-top: 4px; color: #56605e; font-size: .77rem; line-height: 1.35; }

@media (max-width: 860px) { .microclass-picker { align-items: stretch; flex-direction: column; } .microclass-picker-copy { max-width: none; } }
@media (max-width: 700px) { .module1-page .topbar-tools { width: 100%; justify-content: space-between; } .microclass-picker { padding: 17px; } .microclass-options { grid-template-columns: 1fr; } .microclass-option { min-height: 76px; } }