.human-lesson-preview{display:flex;align-items:center;gap:24px;margin:0 0 20px;padding:16px 20px;background:#ffe4d5;border:1.5px solid #c4a38d;border-radius:18px}
.human-lesson-photos{display:flex;flex:0 0 auto;gap:7px}
.human-lesson-photos img{display:block;width:85px;height:98px;object-fit:cover;object-position:center top;border:1.5px solid var(--ink);border-radius:12px;background:var(--paper)}
.human-lesson-preview figcaption{min-width:0}.human-lesson-preview strong{font:800 1.2rem/1.25 var(--display);display:block}
.human-lesson-preview p{font-size:.875rem;line-height:1.5;margin:7px 0 0}
.tutor-subjects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.tutor-subjects button{display:flex;align-items:center;gap:10px;min-height:56px;border:1.5px solid #c4a38d;border-radius:12px;background:white;color:var(--ink);font:inherit;font-size:.9375rem;font-weight:650;line-height:1.3;padding:12px;text-align:left}
.tutor-subjects button[aria-pressed=true]{background:#ffe4d5;border-color:var(--ink);box-shadow:2px 3px 0 var(--ink)}
.tutor-subjects .subject-check{display:grid;place-items:center;flex:0 0 22px;height:22px;border:1.5px solid #c4a38d;border-radius:6px;font-size:1rem;font-weight:750;color:var(--muted)}
.tutor-subjects button[aria-pressed=true] .subject-check{color:white;border-color:var(--ink);background:var(--ink)}
.human-subject-count{font-size:.8125rem;line-height:1.5;color:var(--muted);margin:14px 0 0}
.subject-dialog:has(.tutor-picker){width:min(560px,calc(100vw - 32px));max-height:calc(100dvh - 32px)}
.subject-dialog:has(.tutor-picker)[open]{display:flex;flex-direction:column;overflow:hidden}
.subject-dialog:has(.tutor-picker) .subject-dialog-top,.subject-dialog:has(.tutor-picker) .subject-dialog-help{flex-shrink:0}
.subject-dialog:has(.tutor-picker) #subject-edit-form{display:flex;flex-direction:column;min-height:0}
.subject-dialog:has(.tutor-picker) .subject-edit-scroll{overflow:auto;min-height:0;padding:5px 5px 12px 0;flex:1}
.subject-dialog:has(.tutor-picker) .subject-dialog-count,.subject-dialog:has(.tutor-picker) #subject-edit-error{flex-shrink:0}
.subject-dialog:has(.tutor-picker) .subject-dialog-actions{flex-shrink:0;background:var(--paper)}
.subject-dialog .tutor-subjects{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:700px){
 .human-lesson-preview{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;padding:12px;margin-bottom:15px;border-radius:14px}
 .human-lesson-photos{gap:0;padding-right:5px}.human-lesson-photos img{width:54px;height:80px;border-radius:9px}.human-lesson-photos img+img{margin-left:-10px}
 .human-lesson-preview figcaption{display:contents}.human-lesson-preview strong{font-size:.9375rem;line-height:1.3}.human-lesson-preview p{grid-column:1/-1;font-size:.8125rem;margin:0}
 .tutor-subjects{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 .tutor-subjects button{min-height:49px;padding:10px;font-size:.875rem;gap:8px}
 .tutor-subjects .subject-check{flex-basis:18px;height:18px;font-size:.875rem;border-radius:5px}
 .human-subject-count{font-size:.75rem;margin-top:12px}
}
@media(max-width:370px){.human-lesson-photos img{width:44px;height:69px}.human-lesson-preview{gap:9px;padding:10px}.human-lesson-preview strong{font-size:.8125rem}.tutor-subjects button{font-size:.8125rem;padding:9px;gap:6px}}