/* Public pages (About, For families, For teachers, legal). Tokens and fonts come from chrome.css. */
*{box-sizing:border-box}
body.public-page{margin:0;background:var(--q-paper);color:var(--q-ink);font:16px/1.6 var(--q-body)}
.public-page h1,.public-page h2,.public-page h3{font-family:var(--q-display);letter-spacing:-.025em;line-height:1.15;margin:0;text-wrap:balance}
.public-page p{margin:0}
.public-page a{color:var(--q-blue);text-decoration:none;font-weight:600}
.public-page a:hover{text-decoration:underline;text-underline-offset:4px}
.public-page img{max-width:100%;display:block}
.public-page :focus-visible{outline:3px solid var(--q-blue);outline-offset:3px}
.skip-link{position:fixed;top:-80px;left:20px;z-index:100;background:#fff;padding:12px}.skip-link:focus{top:12px}
.page-main{width:100%;max-width:1180px;margin:0 auto;padding:28px 48px 64px}
.pill{display:inline-flex;align-items:center;gap:7px;border-radius:50px;padding:5px 12px;font-size:12px;font-weight:500;background:var(--q-support);color:var(--q-blue);white-space:nowrap}
.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:11px 22px;border:0;border-radius:12px;background:var(--q-blue);color:#fff;font-size:15px;font-weight:600;cursor:pointer}
.button:hover{background:var(--q-blue-dark);text-decoration:none}
/* the link colour above must not win over the button: white on blue, always */
.public-page a.button,.public-page a.button:hover{color:#fff}
.text-button{color:var(--q-blue);display:inline-flex;align-items:center;gap:8px;padding:8px 0;font-size:14px;min-height:44px;font-weight:600}
.ic{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
/* audience pages */
.aud-hero{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:40px;align-items:center;padding:16px 0 36px}
.aud-hero h1{font-size:44px;font-weight:800;line-height:1.08;margin-top:14px;max-width:16ch}
.aud-hero p{margin-top:14px;font-size:17px;color:var(--q-muted);max-width:56ch;text-wrap:balance}
.aud-hero .actions{display:flex;gap:12px;margin-top:24px;align-items:center;flex-wrap:wrap}
.aud-hero img{width:auto;height:auto;max-height:280px;max-width:260px;justify-self:center;object-fit:contain}
.aud-points{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:0 0 36px}
.panel{background:#fff;border-radius:16px;padding:24px}
.aud-points .panel h3{font-size:18px}.aud-points .panel p{color:var(--q-muted);font-size:14px;margin-top:8px}
.section-title{font-size:24px;margin:0 0 16px}
.steps-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.steps-row>div{background:#fff;border-radius:14px;padding:18px;font-size:14px;color:var(--q-muted)}
.steps-row b{display:block;color:var(--q-ink);font-size:15px;margin-bottom:6px}
.steps-row .n{display:inline-flex;width:26px;height:26px;border-radius:50%;background:var(--q-support);color:var(--q-blue);font-weight:700;align-items:center;justify-content:center;font-size:13px;margin-bottom:10px}
.door-cta{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#fff;border-radius:16px;padding:26px 30px;margin-top:36px}
.door-cta h3{font-size:22px}.door-cta p{color:var(--q-muted);margin-top:6px;font-size:14px;max-width:60ch}
.door-cta .actions{display:flex;gap:14px;align-items:center;flex-shrink:0;flex-wrap:wrap}
/* about + legal prose */
.about-hero{padding:24px 0 34px;border-bottom:1px solid var(--q-line);margin-bottom:34px}
.about-hero h1{font-size:44px;font-weight:800;max-width:18ch;margin-top:14px}
.about-hero p{margin-top:14px;font-size:18px;color:var(--q-muted);max-width:60ch}
.prose{max-width:70ch;font-size:17px;color:var(--q-ink);display:flex;flex-direction:column;gap:16px}
.prose h2{font-size:26px;margin-top:12px}
.prose h3{font-size:19px;margin-top:6px}
.prose ul{margin:0;padding-left:22px;display:flex;flex-direction:column;gap:6px}
.prose .note{font-size:14px;color:var(--q-muted);background:var(--q-support);padding:12px 16px;border-radius:12px}
.prose .updated{font-size:13px;color:var(--q-muted)}
.cast{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin:8px 0}
.cast figure{margin:0;text-align:center}.cast img{height:110px;width:auto;margin:0 auto;object-fit:contain}.cast figcaption{font-size:13px;color:var(--q-muted);margin-top:6px}.cast b{display:block;color:var(--q-ink)}
.closing{margin-top:36px;display:flex;gap:14px;align-items:center;flex-wrap:wrap}
@media(max-width:1000px){.page-main{padding:24px 24px 48px}.aud-hero{grid-template-columns:1fr;gap:20px}.aud-hero img{max-height:180px}.aud-points{grid-template-columns:1fr}.steps-row{grid-template-columns:repeat(2,minmax(0,1fr))}.cast{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.page-main{padding:18px 16px 40px}.aud-hero h1,.about-hero h1{font-size:32px}.aud-hero p,.about-hero p{font-size:15px}.steps-row{grid-template-columns:1fr}.door-cta{flex-direction:column;align-items:flex-start}.prose{font-size:16px}.cast{grid-template-columns:repeat(2,minmax(0,1fr))}}