.teacher-page{background:radial-gradient(circle at 15% 28%,rgba(185,221,155,.18),transparent 26rem),radial-gradient(circle at 87% 64%,rgba(117,196,204,.14),transparent 30rem),#fffaf0}
.teacher-page main{position:relative;isolation:isolate}
.teacher-page .mast{background-image:url('peblet-village-storybook.webp');background-position:center 54%;background-size:cover}
.teacher-page .mast:before{background:linear-gradient(90deg,rgba(18,54,77,.93),rgba(31,81,91,.7) 52%,rgba(31,80,74,.22))}
.teacher-page .page-hero{min-height:500px;padding-bottom:66px;align-items:center}
.teacher-page .mascot{width:min(330px,28vw);height:auto;max-height:390px;object-fit:contain;transform:none;justify-self:end;align-self:center}
.teacher-page .page-hero:after{right:1.5%;bottom:48px;width:29%;height:19px}
.pilot-badge{display:inline-flex;align-items:center;gap:9px;margin-top:14px;padding:10px 15px;border:2px solid rgba(255,255,255,.6);border-radius:999px;background:rgba(27,85,75,.64);color:#fff;font-size:14px;font-weight:900;letter-spacing:.04em}
.pilot-badge:before{content:"";width:10px;height:10px;border-radius:50%;background:#c6ed8d;box-shadow:0 0 0 4px rgba(198,237,141,.2)}
.trust-row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;width:min(1080px,90%);margin:28px auto 0;position:relative;z-index:5}
.trust-row article{min-height:128px;padding:22px;border:2px solid #e5d7b8;border-radius:24px;background:#fffdf6;box-shadow:0 8px 0 #e8d9ba;text-align:center}
.trust-row strong{display:block;margin:7px 0 3px;color:#2e5c4f;font-size:18px}.trust-row span{font-size:31px}.trust-row small{color:#6d675e;line-height:1.4}
.teacher-page .card{text-align:left}.teacher-page .card h3{color:#2f5648}.teacher-page .card .eyebrow,.resource-card .eyebrow{display:block;margin-bottom:10px;color:#5a876f;font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.year-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:34px}.year-card{padding:28px;border-radius:25px;background:#fff;border:2px solid #e6d7ba;box-shadow:0 7px 0 #eadcbc}.year-card h3{margin:0 0 12px;color:#2f5748;font-size:24px}.year-card p{margin:0;color:#6a6257;font-size:16px;line-height:1.6}
.classroom-steps{counter-reset:steps;display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:40px}.classroom-step{position:relative;padding:74px 28px 28px;border-radius:27px;background:#173f39;color:#fff}.classroom-step:before{counter-increment:steps;content:counter(steps);position:absolute;top:20px;left:26px;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#f4d270;color:#534215;font-size:20px;font-weight:900}.classroom-step h3{margin:0 0 10px;font-size:23px}.classroom-step p{margin:0;color:#d6e5dd;line-height:1.55}
.resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:21px;margin-top:38px}.resource-card{display:flex;flex-direction:column;min-height:275px;padding:28px;border:2px solid #dccca9;border-radius:27px;background:#fff7df;box-shadow:0 7px 0 #e2cf9f}.resource-card h3{margin:0 0 12px;font-size:24px}.resource-card p{margin:0;color:#6c6253;line-height:1.55}.resource-card a{display:inline-grid;place-items:center;min-height:48px;margin-top:auto;border-radius:999px;background:#4d8467;color:#fff;text-decoration:none;font-weight:900;box-shadow:0 4px 0 #326249}.resource-card a:hover,.resource-card a:focus-visible{filter:brightness(1.08);transform:translateY(-2px)}
.evidence-band{background:#e7f1dc}.evidence-grid{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:start}.feedback-list{display:grid;gap:10px;margin:20px 0;padding:0;list-style:none}.feedback-list li{padding:13px 15px;border-radius:14px;background:#fff;color:#4e5c50;font-weight:800}.feedback-list li:before{content:"✓";margin-right:10px;color:#5f9a62}.teacher-note{padding:28px;border-radius:25px;background:#fff;border:2px solid #cfdabf;color:#62685f;line-height:1.65}.teacher-note strong{display:block;margin-bottom:8px;color:#304f42;font-size:20px}
.seo-page .mast{background-image:url('/peblet-account-planning-room.webp')}.seo-page.money-page .mast{background-image:url('/peblet-bank-interior.webp')}.seo-page .mast:before{background:linear-gradient(90deg,rgba(27,55,80,.94),rgba(35,84,82,.66) 55%,rgba(31,77,68,.22))}.article-content{width:min(880px,90%);margin:auto;padding:78px 0}.article-content h2{margin:58px 0 16px;color:#2d5143;font-size:clamp(30px,4vw,45px);letter-spacing:-1.5px}.article-content h2:first-child{margin-top:0}.article-content h3{margin:30px 0 10px;color:#345b4d;font-size:24px}.article-content p,.article-content li{color:#655f55;font-size:18px;line-height:1.75}.article-content ul{padding-left:25px}.article-callout{margin:38px 0;padding:29px;border-left:7px solid #6f9f72;border-radius:0 24px 24px 0;background:#edf5e3}.article-callout strong{display:block;margin-bottom:7px;color:#315241;font-size:21px}.path-links{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:38px 0}.path-links a{padding:24px;border:2px solid #e2d4b6;border-radius:22px;background:#fff7e5;color:#315a4a;text-decoration:none;font-weight:900;line-height:1.4;box-shadow:0 5px 0 #e7d8b9}
.legal-disclaimer{width:min(880px,90%);margin:0 auto 60px;padding:20px 24px;border-radius:18px;background:#f3eee3;color:#6f685d;font-size:14px;line-height:1.55}
@media(max-width:900px){.trust-row,.year-grid,.classroom-steps,.resource-grid{grid-template-columns:1fr 1fr}.evidence-grid{grid-template-columns:1fr}.teacher-page .site-nav a:first-child{display:none}}
@media(max-width:820px){.teacher-page .page-hero{min-height:0;padding:28px 0 46px;gap:18px}.teacher-page .page-hero h1{font-size:clamp(36px,8.5vw,50px);letter-spacing:-2px}.teacher-page .page-hero p{font-size:18px;line-height:1.45}.teacher-page .mascot{width:min(205px,48vw);max-height:none;justify-self:center;transform:none}.teacher-page .page-hero:after{display:none}.trust-row{margin-top:28px}}
@media(max-width:680px){.trust-row,.year-grid,.classroom-steps,.resource-grid,.path-links{grid-template-columns:1fr}.trust-row{margin-top:24px}.teacher-page .page-hero{min-height:0}.teacher-page .site-nav a:not(.pill){display:none}.article-content{padding:58px 0}.article-content p,.article-content li{font-size:17px}}
