:root{--ink:#3a3a3a;--green:#5b7718;--blue:#166383}*{box-sizing:border-box}body{margin:0;font:19px/1.6 Arial,Helvetica,sans-serif;color:var(--ink);background:#f3f5ef}a{color:var(--blue);text-underline-offset:4px}button,input,select{font:inherit}button,select{cursor:pointer}button{border:1px solid #5b7718;color:#fff;background:#5b7718;border-radius:5px;padding:9px 18px;font-weight:700}button:hover{background:#455c0e}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:4px solid #166383;outline-offset:4px}.lab{position:relative;z-index:10;display:flex;gap:22px;align-items:center;flex-wrap:wrap;padding:18px 28px;background:#fff;border-bottom:2px solid #d8e0cb;font-size:15px}.lab>div{display:flex;gap:10px;align-items:center}.lab select{max-width:245px;padding:8px;border:1px solid #707070;border-radius:4px}.lab button{font-size:15px;padding:8px 14px}.switch button[aria-pressed=false]{background:#fff;color:#3a3a3a;border-color:#a1ac94}.switch button[aria-pressed=false]:hover{background:#edf2e4}.notice{padding:12px 28px;font-size:14px;background:#e8efdd;color:#3a3a3a}.stage{position:relative;max-width:1100px;min-height:650px;margin:30px auto;background:#fff;padding:42px 50px;border:1px solid #dce2d2;overflow:visible}.stage h1{font-size:42px;line-height:1.15;letter-spacing:-1.5px;margin:0 0 26px}.stage h2{font-size:28px;line-height:1.3}.stage p{margin:0 0 20px}.school-brand{font-size:23px;font-weight:800;color:#5b7718}.school-nav{display:flex;gap:25px;align-items:center;padding:18px 0;margin-bottom:34px;border-bottom:1px solid #dce2d2}.school-nav a,.school-nav button{font-size:18px}.school-nav button{background:transparent;color:#166383;border:none;padding:0;text-decoration:underline;font-weight:400}.menu{position:relative}.submenu{position:absolute;z-index:2;top:30px;left:0;width:240px;background:#fff;padding:18px;box-shadow:0 5px 20px #0002;border:1px solid #ccc}.bad .submenu{display:none}.bad .menu:hover .submenu{display:block}.good .submenu[hidden]{display:none}.grid{display:grid;grid-template-columns:1fr 1fr;gap:45px}.poster{width:100%;max-width:380px;height:auto}.muted{color:#5e6264;font-size:16px}.screen-text{padding:16px 20px;border-left:4px solid #789d1f;background:#f3f6ed;font-size:17px}.screen-text code{font-size:16px}.alt-example{border-top:1px solid #dce2d2;padding:22px 0}.alt-example img{vertical-align:middle;margin-right:12px}.bad :is(a,button,input):focus{outline:none}.bad .fake-button{cursor:pointer;display:inline-block;color:#fff;background:#5b7718;padding:10px 20px;border-radius:5px}.overlay{position:absolute;inset:0;background:#0009;z-index:5;display:grid;place-items:center}.popup{position:relative;background:#fff;padding:35px 40px;max-width:540px;box-shadow:0 20px 80px #0004}.popup h2{margin-top:0}.bad-close{position:absolute;top:6px;right:15px;font-size:30px;cursor:pointer}.popup a{display:inline-block;margin-top:20px}.popup .muted{margin-top:20px}.stage dialog{border:1px solid #9ba986;border-radius:8px;max-width:580px;padding:35px 40px;color:var(--ink);font-size:20px}.stage dialog h2{margin-top:0}.stage dialog::backdrop{background:#0009}.stage dialog button{margin-top:10px}.stage dialog a{display:block;margin:20px 0}.light-text{color:#b8c1a8}.read-box{padding:26px;border:1px solid #dce2d2;width:100%;max-width:650px}.bad .read-box{height:155px;overflow:hidden}.good .read-box{min-height:155px}.bad .read-box p{white-space:nowrap}.form{max-width:500px}.form label{display:block;margin-top:18px;font-weight:700}.form input{display:block;width:100%;padding:12px;border:2px solid #707070;margin:6px 0 20px;background:#fff;color:#3a3a3a;border-radius:4px}.form button{margin-top:10px}.form input.invalid{border:3px solid #b42318}.error{color:#9b261e;font-size:17px}.status{font-weight:700;color:#5b7718;margin-top:20px}.test-instruction{padding:16px 20px;background:#f3f6ed;border-left:4px solid #789d1f;margin:0 0 28px;font-size:17px}.stage .fake-heading{font-size:30px;font-weight:700}.stage .good-text{color:#3a3a3a}code{font-family:ui-monospace,monospace;background:#eef2e8;padding:2px 5px}.number{font:700 65px/1 Arial;color:#5b7718}.school-footer{margin-top:40px;padding-top:20px;border-top:1px solid #dce2d2;font-size:16px}@media(max-width:700px){.stage{margin:15px 10px;padding:25px 20px}.grid{grid-template-columns:1fr}.lab{gap:12px;padding:14px}.stage h1{font-size:33px}.school-nav{flex-wrap:wrap;gap:14px}.popup{max-width:90%;padding:25px}.read-box{overflow-wrap:anywhere}}

.school-header{display:flex;justify-content:space-between;align-items:center;gap:25px;flex-wrap:wrap}.stage .school-header .school-brand{margin:0}.school-search label{display:block;font-size:15px;font-weight:700;margin-bottom:5px}.school-search>div{display:flex;gap:10px;align-items:center}.school-search input{width:240px;max-width:100%;min-width:0;padding:9px 12px;border:2px solid #707070;border-radius:5px;background:#fff;color:#3a3a3a;caret-color:#166383;font-size:17px}.school-search input:focus{border-color:#166383;box-shadow:0 0 0 2px #166383}.school-search button{font-size:17px;padding:9px 15px}.stage .search-result{margin-top:20px;font-size:17px}@media(max-width:700px){.school-search{width:100%}.school-search input{flex:1;width:100%}}

.entrance-layout {
  display: grid;
  grid-template-columns: minmax(0, 420px) minmax(0, 1fr);
  gap: 20px;
  margin-bottom: 20px;
  overflow-wrap: anywhere;
}
.entrance-example { min-width: 0; margin: 0; }
@media (max-width: 700px) {
  .entrance-layout { grid-template-columns: minmax(0, 1fr); }
}
.entrance-example img { display: block; width: 100%; max-width: 100%; height: auto; margin: 0; }
.entrance-example figcaption{margin-top:6px}