/* School layer style (JOB_005). Easy-read: cream background, large text, short lines, buttons that stay put. */
:root{--bg:#fdf6e3;--card:#fffdf7;--ink:#1f2937;--muted:#4b5563;--line:#d6cdb8;--accent:#1e5aa8;--accent-ink:#fff;--good:#2e7d32;--warn:#a15c00;--bad:#b3261e;--soft:#f3ead3;--focus:#f59e0b}
*{box-sizing:border-box}
html{font-size:18px;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font-family:Verdana,Tahoma,Arial,sans-serif;line-height:1.6}
.wrap{max-width:640px;margin:0 auto;padding:16px}
.wide{max-width:1100px}
h1{font-size:1.6rem;line-height:1.25;margin:.4em 0 .5em}
h2{font-size:1.25rem;margin:.2em 0 .5em}
p{margin:.4em 0 .8em}
.muted{color:var(--muted)}
.card{background:var(--card);border:2px solid var(--line);border-radius:14px;padding:16px;margin:0 0 16px}
label{display:block;font-weight:700;margin:.2em 0 .3em}
input,select,textarea{font:inherit;font-size:1.1rem;width:100%;padding:12px;border:2px solid var(--line);border-radius:10px;background:var(--card);color:var(--ink)}
textarea{min-height:10em;resize:vertical}
input:focus,select:focus,textarea:focus,button:focus-visible,a:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
.pin{letter-spacing:.5em;font-size:1.6rem;text-align:center;max-width:9em}
.btn{display:block;width:100%;font:inherit;font-size:1.1rem;font-weight:700;padding:14px 16px;margin:10px 0 0;border-radius:12px;border:2px solid var(--accent);background:var(--card);color:var(--accent);cursor:pointer;text-align:center;text-decoration:none}
.btn.primary{background:var(--accent);color:var(--accent-ink)}
.btn.small{display:inline-block;width:auto;font-size:.95rem;padding:8px 12px;margin:4px 4px 0 0}
.btn[disabled]{opacity:.5;cursor:default}
.choices{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}
.choices .btn{margin:0}
.msg{min-height:1.6em;font-weight:700;color:var(--bad)}
.msg.ok{color:var(--good)}
.steps{display:flex;gap:6px;margin:0 0 12px}
.steps i{flex:1;height:8px;border-radius:4px;background:var(--line)}
.steps i.on{background:var(--accent)}
.brand{font-weight:700;font-size:1.1rem}
.top{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:8px}
.top .sp{flex:1}
.top .homebtn{margin:0}   /* Home = the main website, on every page that has no other way out */
table{border-collapse:collapse;width:100%}
th,td{text-align:left;padding:8px 6px;border-bottom:1px solid var(--line);vertical-align:top}
th{border-bottom:2px solid var(--ink)}
.scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.hide{display:none!important}
.tourlevels{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-auto-rows:1fr;gap:10px}   /* all buttons one size */
.tourlevels .btn{margin:0;text-align:left}
.tourbtn small{display:block;font-weight:400;font-size:.95rem;color:var(--muted)}
.steps-ios{font-size:1.1rem;padding-left:1.4em}
select.who{font-size:1.3rem;font-weight:700;padding:12px;min-height:3em}
@media (max-width:520px){html{font-size:17px}.wrap{padding:12px}}
@media print{.noprint{display:none!important}body{background:var(--card)}}