:root{--background:#edf3f9;--foreground:#18334b;--card:#fff;--card-foreground:#18334b;--popover:#fff;--popover-foreground:#18334b;--primary:#164c79;--primary-foreground:#fff;--secondary:#e6eef6;--secondary-foreground:#18334b;--muted:#edf3f9;--muted-foreground:#52687d;--accent:#e3eef8;--accent-foreground:#164c79;--destructive:#b12335;--border:#cbd8e4;--input:#9fb3c5;--ring:#2679b7;--radius:.6rem}

*{box-sizing:border-box}body{margin:0;background:var(--background);color:var(--foreground);font-family:Tahoma,"Leelawadee UI",Arial,sans-serif;font-size:16px;line-height:1.8}button,input,textarea{font:inherit}.masthead{max-width:1320px;margin:auto;padding:28px 48px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #cbd8e4;gap:20px}.brand{display:flex;align-items:center;gap:14px}.epmark{background:#133b63;color:white;font:700 23px Georgia,serif;padding:9px 13px;border-radius:8px;border-bottom:4px solid #d8ae52}.brand strong{display:block;font-family:Arial,sans-serif;font-size:15px;letter-spacing:.13em}.brand div>span{display:block;font-size:14px;color:#52687d}.schoolyear{font-size:14px;color:#52687d;white-space:nowrap}main{max-width:1224px;margin:48px auto 64px;display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;padding:0 32px;align-items:start}.eyebrow{font-size:14px;font-weight:700;color:#295f88;letter-spacing:.03em}h1{font-size:clamp(2rem,3.6vw,3.2rem);line-height:1.5;letter-spacing:-.035em;margin:18px 0;color:#143959;font-weight:700}h1 em{font-style:normal;color:#2679a9}h2{font-size:20px;line-height:1.6;margin:0 0 12px;font-weight:700}.lead{font-size:18px;color:#52687d;margin:0 0 28px}.context{border-top:1px solid #c4d3e0;padding-top:24px}.context p{margin:0 0 16px}.date{font-size:14px}.date-note{font-size:14px;line-height:1.8;color:#675421;border-left:3px solid #c4a658;padding-left:12px}.governance{padding:20px 22px;margin-top:24px;background:#dfeaf4;border-radius:8px;font-size:14px}.governance p{margin:6px 0 0}.survey-card{background:white;border:1px solid #d3dfea;border-top:5px solid #194b73;border-radius:12px;padding:32px;box-shadow:0 12px 40px #183b5910}.form-heading h2{font-size:27px;margin:8px 0}.form-heading p{color:#617588;font-size:14px;margin:0 0 30px}fieldset{border:0;padding:0;margin:0 0 28px;min-width:0}legend,.suggestion>label{font-weight:700;display:block;font-size:16px;margin-bottom:14px;line-height:1.8}.num{font-family:Arial,sans-serif;color:#6b8296;font-size:13px;margin-right:8px;font-weight:400}.required{color:#a33240}.grade-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.choice{display:flex;align-items:center;gap:12px;padding:12px 16px;border:1px solid #cbd8e4;border-radius:7px;cursor:pointer;transition:background .15s,border-color .15s}.choice:hover{background:#f3f7fc}.choice.selected{background:#eaf3fb;border-color:#215f91;box-shadow:inset 0 0 0 1px #215f91}.choice [data-slot=radio-group-item]{height:18px;width:18px}.opinion{min-height:58px}.question-detail{font-size:14px;color:#52687d;margin:-2px 0 16px}.suggestion{margin-top:6px}.optional{font-size:14px;color:#617588;font-weight:400}textarea{resize:vertical;width:100%;min-height:120px;border:1px solid #cbd8e4;border-radius:7px;padding:12px 14px;color:#18334b;background:#fcfdff;font-size:16px}textarea::placeholder{color:#718396}textarea:focus{outline:2px solid #2679b7;outline-offset:2px}.counter{display:block;text-align:right;font-size:12px;color:#617588}.privacy{margin:18px 0;font-size:13px;line-height:1.8;color:#52687d}.submit{background:#154b76;color:#fff;border:0;border-radius:7px;min-height:54px;padding:12px 24px;width:100%;font-size:17px;font-weight:700;cursor:pointer}.submit:hover{background:#103b5e}.submit:focus-visible{outline:3px solid #278bcc;outline-offset:3px}.submit:disabled{opacity:.65;cursor:wait}.footnote{text-align:center;font-size:12px;color:#617588;margin:12px 0 0}.error{padding:12px;background:#fff0f0;color:#9c2231;border-radius:6px;font-size:14px}.success{padding:30px 0;text-align:center}.success h2{font-size:30px;margin:16px 0}.success p{color:#52687d}.check{margin:0 auto 24px;background:#e1f2ed;color:#17624d;font-size:36px;border-radius:50%;height:70px;width:70px;line-height:70px}.receipt{background:#edf3f9;padding:16px;border-radius:8px;font-size:14px;overflow-wrap:anywhere}.receipt code{font-size:12px}.small{font-size:14px}footer{max-width:1224px;margin:auto;border-top:1px solid #cbd8e4;padding:24px 32px;display:flex;justify-content:space-between;gap:16px;font-size:12px;color:#617588}@media(max-width:850px){main{grid-template-columns:1fr;gap:28px;margin-top:28px;max-width:650px;padding:0 20px}.masthead{padding:20px}.schoolyear{display:none}h1{font-size:34px;line-height:1.5}h1 br{display:none}h1 br:after{content:' '}.lead br{display:none}.context{padding-top:18px}.survey-card{padding:24px}.intro .governance{margin-top:18px}footer{flex-direction:column;padding:20px;font-size:12px}.brand strong{font-size:13px}.brand div>span{font-size:13px}}@media(max-width:380px){.survey-card{padding:18px}.choice{padding:10px}.grade-grid{gap:8px}.form-heading h2{font-size:24px}}
.damage-gallery{margin-top:30px;padding-top:24px;border-top:1px solid #c4d3e0}.gallery-hint{font-size:14px;color:#52687d;line-height:1.8;margin:0 0 16px}.damage-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.damage-grid figure{margin:0;min-width:0}.damage-grid figure:first-child{grid-column:1/-1}.photo-button{padding:0;display:block;position:relative;width:100%;border:0;border-radius:8px;overflow:hidden;cursor:zoom-in;background:#dce7ef}.photo-button img{width:100%;height:auto;display:block;aspect-ratio:4/3;object-fit:cover}.photo-button:focus-visible{outline:3px solid #2679b7;outline-offset:3px}.photo-number{position:absolute;right:8px;bottom:8px;background:#102d47e6;color:#fff;border-radius:4px;padding:1px 8px;font-size:12px}.damage-grid figcaption{font-size:14px;line-height:1.7;margin-top:7px;color:#52687d}.photo-dialog{width:min(1100px,calc(100vw - 24px));max-width:1100px!important;max-height:94dvh;overflow:auto;padding:16px;background:#fff;gap:8px}.photo-dialog>img{display:block;max-height:74dvh;width:100%;object-fit:contain}.photo-dialog-heading{display:flex;justify-content:space-between;gap:16px;align-items:center}.photo-dialog-heading h2{font-size:17px;line-height:1.7;margin:0}.photo-close{border:1px solid #a8bccc;border-radius:6px;background:white;padding:6px 12px;white-space:nowrap;cursor:pointer;min-height:44px}.photo-close:focus-visible{outline:3px solid #2679b7}.photo-dialog .gallery-hint{margin:0}@media(max-width:850px){.damage-gallery{margin-top:20px}.damage-grid{gap:12px}.damage-grid figure:first-child{grid-column:auto}.damage-grid figcaption{font-size:13px}}
.school-logo{width:72px;height:72px;object-fit:contain;flex-shrink:0;background:#fff;border-radius:8px;padding:4px}@media(max-width:480px){.school-logo{width:60px;height:60px}.brand{gap:10px}}

[hidden]{display:none!important}input[type=radio]{width:18px;height:18px;accent-color:#164c79}.choice:has(input:checked){background:#eaf3fb;border-color:#215f91;box-shadow:inset 0 0 0 1px #215f91}.opinion-options{display:grid;gap:12px}#photo-viewer{border:0;border-radius:10px;padding:16px;max-width:min(1100px,94vw);max-height:94vh;margin:auto}#photo-viewer::backdrop{background:#000b}#full-photo{display:block;max-width:100%;max-height:78vh;object-fit:contain;margin:12px auto 0}.photo-close{color:#18334b}#success:focus{outline:none}
.plain-summary{padding:16px 18px;background:#e3edf6;border-radius:8px;margin:18px 0}.plain-summary p:last-child{margin-bottom:0}main>.damage-gallery{grid-column:1/-1;margin-top:0}main>.damage-gallery .damage-grid{grid-template-columns:repeat(3,minmax(0,1fr))}main>.damage-gallery .damage-grid figure:first-child{grid-column:auto}h1{font-size:clamp(1.8rem,3vw,2.6rem)}@media(max-width:850px){main>.damage-gallery .damage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lead{font-size:17px}h1{font-size:30px}}
main>.intro,main>.survey-card{grid-column:1/-1}main>.intro{max-width:900px}main>.survey-card{width:100%;max-width:760px;justify-self:center}main{row-gap:32px}