/* My Mini Cat - "For Teachers" page (/teachers/, built by tools/seo/build.mjs from tools/seo/teachers.mjs). Uses css/seo.css first. */
.t-hero{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:18px;align-items:center;background:linear-gradient(135deg,#FFFFFF,#FFF4F9 55%,#F4EEFF)!important}
.t-kicker{display:inline-block;margin:0;padding:4px 14px;border-radius:999px;background:#FFE1EC;border:2px solid #FFC2D8;font-weight:800;font-size:16px}
.t-hero h1{margin:.25em 0 .2em}.t-hero .lead{margin:.2em 0 .6em}
.t-ticks{list-style:none;padding:0;margin:0 0 6px;display:flex;flex-wrap:wrap;gap:8px}
.t-ticks li{background:#F1FFF8;border:2px solid #A9E8CB;border-radius:999px;padding:4px 12px;font-weight:700;font-size:16px}
.t-cta{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:.8em 0 .2em}.t-cta .btn{margin:0;min-height:52px}
.btn small{font-weight:600;opacity:.9;font-size:.8em}
.t-cats{margin:0 auto;max-width:360px}
.t-ages{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:14px;margin-top:10px}
.t-age{background:#FFF7FB;border-radius:20px;padding:14px;border:2px solid #FFE1EC}
.t-age:nth-child(2){background:#F3FBFF;border-color:#DCEFFF}.t-age:nth-child(3){background:#F7F3FF;border-color:#ECE3FF}
.t-age h3{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:20px}.t-age h3 small{font-size:14px;color:var(--soft);font-weight:700}
.t-agepill{display:inline-block;padding:4px 14px;border-radius:999px;color:#fff;background:linear-gradient(135deg,var(--coral),#FFA552)}
.t-age:nth-child(2) .t-agepill{background:linear-gradient(135deg,#4FB3F6,#7B9CFF)}.t-age:nth-child(3) .t-agepill{background:linear-gradient(135deg,var(--lilac),#D07BFF)}
.t-age .hint{margin:.4em 0 .6em}
.t-res{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.t-res a{display:flex;gap:12px;align-items:flex-start;min-height:64px;padding:10px 14px;border-radius:16px;background:#fff;color:var(--ink);text-decoration:none;box-shadow:0 3px 0 rgba(170,100,160,.12);border:2px solid transparent}
.t-res a:hover{border-color:#FFC2D8;color:var(--ink)}.t-res a:focus-visible{outline:3px solid var(--lilac);outline-offset:2px}
.t-res .ti{flex:none;font-size:28px;line-height:1.1}.t-res b{display:block;font-size:17px;line-height:1.3}.t-res b+span{display:block;font-size:15px;line-height:1.45;color:var(--soft)}
.t-morehead{margin-top:18px}.t-more{max-width:none;margin:10px 0 4px}
.t-how{border:3px dashed #A9D5FA;background:#F7FBFF!important}
.t-steps{list-style:none;counter-reset:st;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.t-steps li{counter-increment:st;position:relative;background:#fff;border-radius:18px;padding:14px 14px 14px 62px;box-shadow:0 3px 0 rgba(80,120,170,.12)}
[dir=rtl] .t-steps li{padding:14px 62px 14px 14px}
.t-steps li::before{content:counter(st);position:absolute;inset-inline-start:14px;top:14px;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#4FB3F6,#7B9CFF);color:#fff;font-weight:800;font-size:19px}
.t-steps b{display:block;font-size:18px}.t-steps li span{display:block;font-size:16px;line-height:1.45;color:var(--soft)}
.t-challenge{border:3px solid #F5DD7A;background:#FFFCEB!important}
.t-week{list-style:none;padding:0;margin:8px 0;display:grid;gap:8px}
.t-week li{display:grid;grid-template-columns:150px 1fr;gap:12px;align-items:start;background:#fff;border-radius:16px;padding:10px 14px}
.t-day{font-weight:800;white-space:nowrap}
@media(max-width:560px){.t-week li{grid-template-columns:1fr;gap:2px}}
.t-handout{display:grid;grid-template-columns:220px 1fr;gap:20px;align-items:center}
.t-thumb img{display:block;width:100%;height:auto;border-radius:10px;box-shadow:0 6px 20px rgba(170,100,160,.25);background:#fff}
.t-safe{border:3px solid #A9E8CB;background:#F6FFFA!important}
@media(max-width:760px){.t-hero{grid-template-columns:1fr;text-align:center}.t-ticks,.t-cta{justify-content:center}.t-cats{max-width:300px;order:-1}
  .t-handout{grid-template-columns:1fr;text-align:center}.t-thumb{max-width:220px;margin:0 auto}.t-cta .btn{width:100%;justify-content:center}}
@media print{.top,.crumbs,.foot,.t-cta,.t-cats{display:none}main>*{box-shadow:none!important}}
