.editor-form label{display:block;margin:12px 0;font-weight:bold}
.editor-form input:not([type=checkbox]),.editor-form textarea{display:block;box-sizing:border-box;width:100%;max-width:100%;padding:9px;border:1px solid #647463;border-radius:4px;background:#fff;color:#182718;font:16px Arial,sans-serif}
.editor-form input[type=date]{width:210px}.editor-form input[type=file]{font-size:14px}.editor-form textarea{resize:vertical}
.admin-content button,.block form button,.admin-content .back-link{padding:8px 12px;margin:8px 0;cursor:pointer;border:1px solid #315330;border-radius:4px;background:#fff;color:#163a16;font:14px Arial,sans-serif}
.notice{padding:12px;background:#fff;color:#243321;border:1px solid #4b663e;border-radius:4px}
.admin-content h4{margin:20px 0 12px}.admin-table{width:100%;border-collapse:collapse}.admin-table th,.admin-table td{padding:9px;border-bottom:1px solid #8b9f73;text-align:left;vertical-align:top}.admin-table td:first-child{white-space:nowrap}
.report-gallery{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.report-gallery img{max-width:100%;object-fit:contain}.report-gallery label{width:160px}.report-gallery label span{display:block}.archive-list{max-height:600px;overflow:auto}
.teacher-carousel{display:flex;overflow-x:auto;gap:16px}.teacher-carousel>.carousel_box_overview{flex:0 0 176px}
.archive-year{margin-top:6px}.archive-year summary{display:list-item;font-size:17px;line-height:25px;cursor:pointer;font-weight:bold;padding:4px 0;color:inherit}.archive-year summary:hover{text-decoration:underline}.archive-year summary:focus-visible{outline:2px solid currentColor;outline-offset:2px}.archive-year>ul{margin:4px 0 8px 16px}
.sf-menu li:focus-within>ul{display:block;visibility:visible}
.grouped-archive{scrollbar-gutter:stable;padding-right:6px}
.grouped-archive::-webkit-scrollbar{width:12px}
.grouped-archive::-webkit-scrollbar-track{background:#087b94;border-radius:999px}
.grouped-archive::-webkit-scrollbar-thumb{background:#65d8ed;border:2px solid #087b94;border-radius:999px}
.grouped-archive::-webkit-scrollbar-thumb:hover{background:#a1eaf6}
.grouped-archive::-webkit-scrollbar-button{display:none;width:0;height:0}
@supports not selector(::-webkit-scrollbar){.grouped-archive{scrollbar-width:thin;scrollbar-color:#65d8ed #087b94}}
header{position:relative}
.schoolTitle{width:550px;background-size:contain;top:18px}
.admin-actions{display:flex;align-items:center;gap:8px}.admin-actions form{margin:0}
.admin-actions .icon-action{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:38px;height:38px;padding:8px;margin:0;border:1px solid #315330;border-radius:4px;background:#fff;color:#163a16;text-decoration:none;cursor:pointer}
.admin-actions .icon-action-delete{color:#a12626;border-color:#a12626}
.admin-actions .icon-action:hover{background:#edf4e8}.admin-actions .icon-action-delete:hover{background:#fff0ef}
.admin-actions .icon-action:focus-visible{outline:3px solid #163a16;outline-offset:3px}
.admin-actions .icon-action svg{display:block;flex-shrink:0}
.admin-content .back-link{display:inline-flex;align-items:center;gap:6px;margin-left:8px;vertical-align:middle;text-decoration:none}.back-link svg{display:block;flex-shrink:0;width:16px;height:16px}
.back-link:focus-visible{outline:3px solid #163a16;outline-offset:3px}
.admin-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
.admin-heading .heading-add{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:34px;height:30px;color:#fff;text-decoration:none;border-radius:50%}
.admin-heading .heading-add svg{display:block}.admin-heading .heading-add:hover{background:rgba(255,255,255,.2)}.admin-heading .heading-add:focus-visible{outline:2px solid #fff;outline-offset:2px}
@font-face{font-family:'Mail Ray Stuff';src:url('/fonts/mail-ray-stuff.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
h2,h3,h4,.sf-menu>li>a,.stop_button{font-family:'Mail Ray Stuff',Arial,sans-serif;font-weight:400;font-synthesis:none}

.settings-switch{display:flex;align-items:center;gap:12px;position:relative;margin:16px 0;font-weight:bold;cursor:pointer}
.settings-switch input{position:absolute;left:0;top:0;width:48px;height:28px;opacity:0}
.switch-track{display:block;flex:0 0 48px;height:28px;border-radius:999px;background:#63715a;box-shadow:inset 0 0 0 2px #fff;position:relative}
.switch-track::after{content:"";position:absolute;width:20px;height:20px;top:4px;left:4px;border-radius:50%;background:#fff;transition:transform .15s}
.settings-switch input:checked+.switch-track{background:#176b38}.settings-switch input:checked+.switch-track::after{transform:translateX(20px)}
.settings-switch input:focus-visible+.switch-track{outline:3px solid #163a16;outline-offset:3px}

/* Keep the start-page panels above every animated slider layer. */
#page1 .slider{z-index:0;isolation:isolate}
#page1 #content{position:relative;z-index:1}