/* School Hours Jobs: no external fonts, no frameworks. */
:root{--ink:#1d2433;--muted:#5a6375;--bg:#fbfaf7;--card:#fff;--line:#dfe2e8;--brand:#0b6e4f;--brand-dark:#085a40;--accent:#f2c14e;--focus:#ffbf47;--warn-bg:#fff4d6;--radius:10px}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font:1.0625rem/1.55 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--ink);background:var(--bg)}
.wrap{max-width:68rem;margin:0 auto;padding:0 1rem}
a{color:var(--brand-dark)}a:hover{text-decoration-thickness:2px}
:focus-visible{outline:3px solid var(--focus);outline-offset:2px;box-shadow:0 0 0 5px var(--ink)}
.skip{position:absolute;left:-999px;top:0;background:var(--ink);color:#fff;padding:.6rem 1rem;z-index:10}.skip:focus{left:.5rem}
.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.sample-banner{background:var(--warn-bg);border-bottom:2px solid var(--accent);padding:.5rem 1rem;text-align:center;font-size:.95rem}
.site-header{background:#fff;border-bottom:1px solid var(--line)}
.header-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem;padding-top:.75rem;padding-bottom:.75rem}
.brand{font-weight:700;font-size:1.15rem;text-decoration:none;color:var(--ink);display:flex;align-items:center;gap:.5rem}
.brand-mark{background:var(--brand);color:#fff;border-radius:6px;padding:.1rem .45rem;font-size:.9rem}
nav ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.25rem 1rem}
nav a{text-decoration:none;padding:.35rem 0;display:inline-block}nav a[aria-current=page]{font-weight:700;border-bottom:3px solid var(--brand)}
main{padding-top:1.5rem;padding-bottom:2.5rem}
h1{font-size:clamp(1.6rem,4vw,2.4rem);line-height:1.2;margin:.2rem 0 .6rem}
h2{font-size:1.35rem;margin:1.8rem 0 .6rem}h3{font-size:1.1rem}
.lead{font-size:1.15rem;max-width:44rem}.muted{color:var(--muted)}
.hero{padding:1rem 0 .5rem}
.search{display:grid;grid-template-columns:1fr 1fr auto;gap:.75rem;align-items:end;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:1rem;margin:1rem 0}
.field label{display:block;font-weight:600;margin-bottom:.3rem}
input[type=text],input[type=email]{width:100%;font:inherit;padding:.65rem .7rem;border:2px solid #8a93a6;border-radius:6px;background:#fff;min-height:48px}
input:disabled{background:#f1f2f4}
.btn{display:inline-block;font:inherit;font-weight:600;text-decoration:none;border:2px solid var(--brand);color:var(--brand-dark);background:#fff;padding:.6rem 1rem;border-radius:6px;min-height:48px;cursor:pointer;text-align:center}
.btn:hover{background:#eef7f3}.btn-primary{background:var(--brand);color:#fff}.btn-primary:hover{background:var(--brand-dark)}
.btn:disabled{opacity:.6;cursor:not-allowed}
.stats{color:var(--muted)}
.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:1rem 1.25rem;margin:1.5rem 0}
.inline-list{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:.5rem 1.25rem}
.job-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(19rem,1fr));gap:1rem}
.job-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:1rem 1.1rem;display:flex;flex-direction:column}
.job-card[hidden]{display:none}
.job-top{display:flex;gap:.5rem;flex-wrap:wrap;min-height:1.6rem}
.badge{margin:0;font-size:.85rem;font-weight:700;border-radius:999px;padding:.15rem .6rem}
.badge-fit{background:#dff3ea;color:#064e37;border:1px solid #9fd6bf}
.tag{font-size:.8rem;border-radius:999px;padding:.15rem .55rem;background:#eceef2;color:#3b4252;font-weight:600}
.tag-sample{background:var(--warn-bg);color:#6b4e00;border:1px solid #e6c766}
.job-title{margin:.5rem 0 .1rem;font-size:1.15rem}
.job-meta{margin:0 0 .5rem;color:var(--muted)}
.job-facts{margin:0 0 .5rem;display:grid;gap:.2rem}.job-facts div{display:flex;gap:.5rem}
.job-facts dt{font-weight:700;min-width:4.2rem}.job-facts dd{margin:0}
.job-snippet{font-size:.95rem;color:#333a48;flex:1}
.job-actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}
.paid-label{font-size:.8rem;color:var(--muted);border:1px solid var(--line);border-radius:4px;padding:.05rem .35rem}
.result-count{font-weight:600}
.empty{padding:1rem;background:#fff;border:1px dashed var(--line);border-radius:var(--radius)}
.rule{background:#eef7f3;border-left:5px solid var(--brand);border-radius:var(--radius);padding:.5rem 1.25rem;margin:2rem 0}
.alert-box .check{display:flex;gap:.5rem;align-items:flex-start;margin:.75rem 0}
.alert-box .check input{width:1.3rem;height:1.3rem;margin-top:.2rem}
.prose{max-width:46rem}.prose table{border-collapse:collapse;width:100%;font-size:.95rem;display:block;overflow-x:auto}
.prose th,.prose td{border:1px solid var(--line);padding:.5rem;text-align:left;vertical-align:top}.prose th{background:#f3f4f6}
.placeholder{background:var(--warn-bg);padding:0 .25rem;border-radius:3px}
.contact-details div{margin-bottom:.6rem}.contact-details dt{font-weight:700}.contact-details dd{margin:0}address{font-style:normal}
.site-footer{background:#1d2433;color:#e9ecf2;padding:1.5rem 0 2rem;font-size:.95rem}
.site-footer a{color:#fff}.footer-links{display:flex;flex-wrap:wrap;gap:.25rem 1rem;list-style:none;padding:0}
.not-agency{background:#2a3347;border-radius:var(--radius);padding:.75rem 1rem}
@media (max-width:40rem){.search{grid-template-columns:1fr}.btn{width:100%}.job-actions .btn{width:auto;flex:1}}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
.panel>h2:first-child,.rule>h2:first-child{margin-top:.5rem}
.badge-near{background:#fff4d6;color:#5c3b00;border:1px dashed #b07d00}
.job-card-near{border-left:4px dashed #b07d00}
.near-section{margin-top:2.5rem;padding-top:1rem;border-top:3px dashed #b07d00}
.near-intro{background:#fffaf0;border:1px solid #ecd9a8;border-radius:8px;padding:.75rem 1rem;max-width:70ch}
.source-label{font-size:.8rem;color:#33415c;border:1px solid #c8d1e0;border-radius:4px;padding:.05rem .4rem}
.ogl{font-size:.85rem}