:root{font-family:Segoe UI,Arial,sans-serif;color:#183342;background:#f1f5f7}*{box-sizing:border-box}body{margin:0}header{background:#102d3e;color:white;padding:24px;display:flex;justify-content:space-between;gap:20px}header strong{letter-spacing:3px}main{max-width:1050px;margin:auto;padding:28px}nav{display:flex;gap:16px;align-items:center;flex-wrap:wrap}nav form{margin:0}a{color:#116174}h1{font-size:30px}h2{font-size:20px}.card{background:white;padding:24px;border:1px solid #d8e2e8;border-radius:10px;margin:20px 0}label{display:block;margin:15px 0 6px}input,select,textarea,button{font:inherit}input:not([type=checkbox]),select,textarea{display:block;width:100%;padding:10px;border:1px solid #aebfc9;border-radius:6px}input[type=checkbox]{margin-right:8px}button{padding:11px 17px;background:#133f52;border:0;color:white;border-radius:6px;margin-top:14px;cursor:pointer}.error{background:#ffe5e5;padding:16px}.notice{background:#e2f2e8;padding:16px}small,.muted{color:#536b79}table{width:100%;border-collapse:collapse}td,th{text-align:left;padding:12px;border-bottom:1px solid #d8e2e8}.scroll{overflow:auto}.grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.inline{display:inline}.badge{background:#e3f0f3;border-radius:20px;padding:5px 10px}@media(max-width:700px){.grid{display:block}header{display:block}header span{display:block;margin-top:10px}main{padding:16px}}

.school-header{align-items:center}.school-identity{display:flex;align-items:center;gap:20px;min-width:0}.school-logo{display:block;max-width:180px;max-height:84px;object-fit:contain;background:white;border-radius:6px;padding:6px}.school-header .school-name{display:block;letter-spacing:0;font-size:clamp(20px,3vw,30px);overflow-wrap:anywhere}.school-header span{display:block;margin-top:6px;font-size:14px}.school-selector{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin-bottom:20px}.school-selector label{flex:1;min-width:180px;margin:0}.school-selector button{margin:0}@media(max-width:480px){.school-identity{flex-direction:column;align-items:flex-start}.school-logo{max-width:150px;max-height:64px}}

.phone-fields{display:flex;align-items:end;gap:12px;flex-wrap:wrap}.phone-plus{font-size:26px;padding-bottom:7px}.phone-fields label{flex:1;min-width:180px;margin:0}.phone-fields label:last-child{flex:2}@media(max-width:480px){.phone-fields{display:grid;grid-template-columns:auto 1fr}.phone-fields label{min-width:0}.phone-fields label:last-child{grid-column:2}.phone-plus{align-self:end}}

.app-shortcuts{display:flex;align-items:flex-start;flex-wrap:wrap;gap:8px;margin:12px 0}
.app-shortcuts>.card{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:0;padding:8px 12px;border-radius:6px;font-size:14px}
.app-shortcuts>.card>.notice{flex-basis:100%;margin:4px 0;padding:8px;font-size:13px}
.shortcut-task{flex-basis:100%;font-size:13px;color:#536b79}.shortcut-task summary{cursor:pointer}.shortcut-task p{max-width:620px;margin:8px 0}
.own-tabs,.own-kind-tabs{display:flex;align-items:center;gap:6px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin}
.own-tabs{position:sticky;top:0;z-index:20;padding:8px 0;background:#f1f5f7;border-bottom:1px solid #d8e2e8;margin:0 0 16px}
.own-tabs a,.own-kind-tabs a{display:block;flex-shrink:0;white-space:nowrap;text-decoration:none;padding:10px 14px;border-radius:6px}
.own-tabs a[aria-current=page],.own-kind-tabs a[aria-current=page]{background:#133f52;color:#fff}
.own-tabs a:hover,.own-kind-tabs a:hover{outline:1px solid #aebfc9;outline-offset:-1px}
.own-contact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}
.own-contact-grid>.card{margin:0}
.own-section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}.own-section-heading h2{margin:0}
.own-add-link{white-space:nowrap;padding:9px 12px;border:1px solid #aebfc9;border-radius:6px;text-decoration:none}
.own-editor-selector{margin-top:0;margin-bottom:14px;padding:16px 20px}.own-editor-selector h2{margin:0 0 8px}
.own-help{font-size:14px;color:#536b79;margin:8px 0}.own-help summary{cursor:pointer}.own-help p{line-height:1.5}
.own-record-form{margin-top:0}.own-record-form>h2{margin-top:0}
.own-record-form>form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:20px;align-items:start}
.own-record-form input[type=hidden]{display:none}
.own-record-form>form>p,.own-record-form>form>fieldset,.own-record-form>form>details,.own-record-form>form>button{grid-column:1/-1}
.own-record-form>form>button{justify-self:start}
@media(max-width:800px){.own-contact-grid{grid-template-columns:1fr}.own-record-form>form{grid-template-columns:1fr}.own-tabs a,.own-kind-tabs a{padding:9px 11px;font-size:14px}.app-shortcuts>.card{padding:6px 8px}}