.student-health-surface.school-history-surface{gap:1rem;display:grid}.school-history-surface .student-health-section{background:oklch(99.2% .003 255);border:1px solid oklch(91% .018 255);border-radius:.5rem;padding:1rem}.school-history-surface .student-health-section-title{align-items:flex-start;gap:.75rem;margin-bottom:1rem;display:flex}.school-history-surface .student-health-section-title>span{color:oklch(56% .205 270);background:oklch(96% .035 270);border-radius:.375rem;place-items:center;min-width:1.75rem;height:1.75rem;font-size:.75rem;font-weight:850;display:grid}.school-history-surface .student-health-section-title h3{color:oklch(23% .045 255);font-size:.95rem;font-weight:850}.school-history-surface .student-health-section-title p{color:oklch(52% .028 255);margin-top:.25rem;font-size:.8125rem;line-height:1.45}.school-history-add{color:oklch(56% .205 270);background:oklch(97% .018 270);border:1px solid oklch(83% .075 270);border-radius:.375rem;margin-left:auto;padding:.375rem .625rem;font-size:.8125rem;font-weight:800}.school-history-rows{gap:.75rem;display:grid}.school-history-column-head,.school-history-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) 2rem;align-items:end;gap:.75rem;display:grid}.school-history-column-head{align-items:center;margin-bottom:.5rem}.school-history-column-head span{color:oklch(36% .04 255);font-size:.8125rem;font-weight:800}.school-history-row{align-items:center}.school-history-field{gap:.375rem;min-width:0;display:grid}.school-history-input{color:oklch(23% .045 255);background:oklch(99.2% .003 255);border:1px solid oklch(86% .025 255);border-radius:.375rem;outline:none;width:100%;height:2.375rem;padding:0 .875rem;font-size:.875rem;line-height:1.2;transition:border-color .14s,box-shadow .14s;display:block}.school-history-input:focus{border-color:oklch(70% .11 270);box-shadow:0 0 0 3px oklch(91% .04 270)}.school-history-remove{color:oklch(48% .2 28);background:oklch(96% .035 28);border:1px solid oklch(78% .095 28);border-radius:.375rem;justify-content:center;align-items:center;width:2rem;height:2.375rem;font-size:.875rem;font-weight:850;line-height:1;transition:border-color .14s,color .14s,background-color .14s;display:flex}.school-history-remove:hover{color:oklch(42% .2 28);background:oklch(92% .06 28);border-color:oklch(66% .14 28)}:global(.dark) .school-history-surface .student-health-section{background:oklch(20% .04 255);border-color:oklch(31% .035 255)}:global(.dark) .school-history-column-head span{color:oklch(98% .004 255)}:global(.dark) .school-history-input{color:oklch(98% .004 255)}:global(.dark) .school-history-surface .student-health-section-title h3{color:oklch(98% .004 255)}:global(.dark) .school-history-surface .student-health-section-title p{color:oklch(98% .004 255)}:global(.dark) .school-history-input{background:oklch(20% .02 255);border-color:oklch(31% .035 255)}:global(.dark) .school-history-add{color:oklch(78% .1 270);background:oklch(27% .04 270);border-color:oklch(58% .12 270)}@media (width<=767px){.school-history-column-head{display:none}.school-history-row{grid-template-columns:1fr}.school-history-field:before{color:oklch(36% .04 255);font-size:.8125rem;font-weight:800}.school-history-field-academic_year:before{content:"Year"}.school-history-field-year_level:before{content:"level"}.school-history-field-school:before{content:"School"}}