.accessChoices{border:1px solid #dce3e0;border-radius:10px;margin:16px 0;padding:14px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.accessChoices legend{font-weight:700;padding:0 6px}.accessChoices label,.accessConfirm{display:flex;align-items:flex-start;gap:8px}.accessChoices p{grid-column:1/-1;margin:0}.accessLegacy{padding:12px;background:#fff7e6;border-radius:8px}.accessConfirm{margin:18px 0}.accessNotice{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:18px}.accessNotice p{width:100%;margin:0}.accessNotice small{flex:1}.accessReadOnly .tasktext{white-space:pre-wrap}.accessReadOnly details{margin-top:12px}.accessHistory{margin-top:20px}.accessHistory article{border-top:1px solid #e1e6e3;padding:10px 0}.accessHistory h3{margin:5px 0}.accessHistory p{margin:5px 0}
@media(max-width:600px){.accessChoices{grid-template-columns:1fr}.accessNotice{align-items:stretch}.accessNotice small{flex-basis:100%}}
.accessStudentDialog .modalbox{max-height:calc(100vh - 36px);max-height:calc(100dvh - 36px);overflow-y:auto}
.accessStudentDialog .accessChoices{margin:12px 0;padding:10px;gap:8px}
.accessStudentDialog .accessChoices label{min-height:32px;align-items:center;font-size:14px;gap:6px}
.accessStudentDialog .accessChoices input{margin:0;flex:none}
.accessStudentDialog .accessChoices p,.accessStudentDialog form>p.muted{font-size:13px;line-height:1.5}
.accessStudentDialog .accessConfirm{line-height:1.5}
.accessStudentDialog .field{margin:12px 0}
.accessStudentDialog .field input{padding:10px}
.accessStudentDialog .formerror:not(:empty){padding:10px;border-radius:8px;background:var(--danger-surface,#fcece7);color:var(--danger-text,#a33)}
@media(min-width:360px){.accessStudentDialog .accessChoices{grid-template-columns:repeat(2,minmax(0,1fr))}}