html[data-site="teachscience"]{--p-accent:#396fc2;--p-soft:#e9effb;--p-ink:#1d3141;--p-body:#40515e;--p-muted:#6b7d88;--p-line:#dfe7ef;--p-panel:#f2f6fb;--p-dark:#244670;--p-dark-text:#dbe7f7;--p-dark-accent:#ffd77a}
html[data-site="sy"]{--p-accent:#168361;--p-soft:#e5f3ec;--p-ink:#15352f;--p-body:#3e5550;--p-muted:#6b7c77;--p-line:#dfe8e4;--p-panel:#f0f6f3;--p-dark:#15352f;--p-dark-text:#d6e8e1;--p-dark-accent:#8be0b1}
.page{padding-block:30px 100px}
.page-article{width:min(100% - 64px,880px);margin-inline:auto}
.crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:36px;color:var(--p-muted);font-size:12px}
.crumbs a:hover{color:var(--p-accent)}
.crumbs [aria-current]{color:var(--p-ink);font-weight:700}
.page-hero{margin-bottom:36px}
.page .kicker{text-transform:uppercase}
.page-hero .kicker{margin:0}
.page-hero h1{margin:14px 0 0;color:var(--p-ink);font-size:clamp(34px,5vw,56px);font-weight:800;letter-spacing:-.045em;line-height:1.08}
.page-meta{margin:16px 0 0;color:var(--p-muted);font-size:13px}
.page-lead{max-width:680px;margin:20px 0 0;color:var(--p-muted);font-size:17px;line-height:1.75}
.page-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:30px}
.answer-card{margin:0 0 40px;padding:26px 28px;border-radius:22px;background:var(--p-soft)}
.answer-card h2{margin:0 0 10px;color:var(--p-accent);font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.answer-card p{margin:0;color:var(--p-ink);font-size:18px;line-height:1.75}
.page-prose section{margin-top:36px}
.page-prose h2,.page-block h2,.experiment-card h2,.pilot-card h2,.cta-band h2{margin:0 0 12px;color:var(--p-ink);font-size:24px;letter-spacing:-.02em;line-height:1.3}
.page-prose p{margin:0;color:var(--p-body);font-size:16px;line-height:1.85}
.experiment-card{margin:52px 0;padding:30px;border:1px solid var(--p-line);border-radius:26px;background:#fff;box-shadow:0 22px 50px #1e325012}
.experiment-card .kicker,.pilot-card .kicker{margin:0 0 8px}
.experiment-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:30px;margin-top:22px}
.experiment-grid h3{margin:0 0 10px;color:var(--p-muted);font-size:12px;letter-spacing:.1em;text-transform:uppercase}
.experiment-grid ul,.experiment-grid ol{margin:0;padding-left:20px;color:var(--p-body);font-size:15px;line-height:1.75}
.experiment-grid li+li{margin-top:7px}
.safety{display:flex;gap:10px;margin:24px 0 0;padding:14px 16px;border-radius:14px;background:#fff5e2;color:#6d5220;font-size:14px;line-height:1.6}
.safety strong{flex:none}
.page-block{margin-top:52px}
.block-note{margin:0 0 14px;color:var(--p-muted);font-size:14px}
.term-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0}
.term-list div{padding:16px 18px;border:1px solid var(--p-line);border-radius:16px;background:#fff}
.term-list dt{color:var(--p-ink);font-weight:800}
.term-list dd{margin:6px 0 0;color:var(--p-muted);font-size:14px;line-height:1.65}
.qa-list{display:grid;gap:10px}
.qa-list details{border:1px solid var(--p-line);border-radius:16px;background:#fff}
.qa-list summary{position:relative;padding:16px 50px 16px 18px;color:var(--p-ink);font-weight:700;line-height:1.5;cursor:pointer;list-style:none}
.qa-list summary::-webkit-details-marker{display:none}
.qa-list summary:after{position:absolute;top:12px;right:18px;color:var(--p-accent);font-size:22px;font-weight:400;content:"+"}
.qa-list details[open] summary:after{content:"−"}
.qa-list details p{margin:0;padding:0 18px 18px;color:var(--p-body);line-height:1.75}
.check-list{display:grid;gap:10px;margin:0;padding:0;list-style:none}
.check-list li{position:relative;padding:14px 16px 14px 44px;border-radius:14px;background:var(--p-panel);color:var(--p-body);line-height:1.6}
.check-list li:before{position:absolute;top:14px;left:17px;color:var(--p-accent);font-weight:800;content:"✓"}
.feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.feature-card{padding:22px;border:1px solid var(--p-line);border-radius:20px;background:#fff}
.feature-card h3{margin:0 0 8px;color:var(--p-ink);font-size:17px}
.feature-card p{margin:0;color:var(--p-muted);font-size:14px;line-height:1.7}
.pilot-card{margin-top:52px;padding:32px;border-radius:26px;background:var(--p-dark);color:#fff}
.pilot-card .kicker{color:var(--p-dark-accent)}
.pilot-card h2{color:#fff}
.pilot-card p{margin:0;color:var(--p-dark-text);line-height:1.75}
.pilot-card .pilot-input{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:18px;padding-top:16px;border-top:1px solid #ffffff26}
.pilot-input strong{color:var(--p-dark-accent)}
.step-list{display:grid;gap:12px;margin:0;padding:0;list-style:none}
.step-list li{display:flex;gap:16px;padding:18px 20px;border:1px solid var(--p-line);border-radius:18px;background:#fff}
.step-list span{color:var(--p-accent);font-size:14px;font-weight:800}
.step-list strong{color:var(--p-ink)}
.step-list p{margin:4px 0 0;color:var(--p-muted);font-size:14px;line-height:1.65}
.cta-band{margin-top:60px;padding:36px 30px;border-radius:26px;background:var(--p-soft);text-align:center}
.cta-band p{margin:0 0 22px;color:var(--p-muted)}
.pager{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:56px}
.pager-link{display:flex;flex-direction:column;gap:6px;padding:18px 20px;border:1px solid var(--p-line);border-radius:18px;background:#fff;transition:transform .2s,box-shadow .2s}
.pager-link:hover,.collection-card:hover{transform:translateY(-2px);box-shadow:0 14px 30px #1e325014}
.pager-link small{color:var(--p-muted);font-size:11px;font-weight:700;letter-spacing:.08em}
.pager-link strong{color:var(--p-ink);font-size:15px;line-height:1.45}
.pager-link.next{grid-column:2;text-align:right}
.collection-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.collection-card{display:flex;min-height:250px;flex-direction:column;padding:26px;border:1px solid var(--p-line);border-radius:24px;background:#fff;transition:transform .2s,box-shadow .2s}
.card-top{color:var(--p-accent);font-size:11px;font-weight:800;letter-spacing:.14em}
.collection-card strong{margin-top:22px;color:var(--p-ink);font-size:22px;letter-spacing:-.02em;line-height:1.3}
.collection-card p{margin:10px 0 18px;color:var(--p-muted);font-size:14px;line-height:1.7}
.collection-card b{margin-top:auto;color:var(--p-accent);font-size:13px}
.page-language{padding:9px 12px;border:1px solid var(--p-line);border-radius:10px;background:#fff;color:var(--p-ink);font-size:12px;font-weight:700;white-space:nowrap}
.page-language:hover{border-color:var(--p-accent);color:var(--p-accent)}
@media(prefers-reduced-motion:reduce){.pager-link,.collection-card{transition:none}}
@media(max-width:760px){.page{padding-block:18px 72px}.page-article{width:min(100% - 36px,880px)}.experiment-grid,.term-list,.feature-grid,.pager,.collection-grid{grid-template-columns:1fr}.pager-link.next{grid-column:auto;text-align:left}.experiment-card,.pilot-card{padding:24px}.answer-card{padding:22px}.answer-card p{font-size:16px}}
@media(max-width:520px){.page-article{width:min(100% - 34px,880px)}.header-cta{display:none}.page-language{padding:7px 10px;font-size:11px}.crumbs{margin-bottom:26px}.page-lead{font-size:15px}.page-actions .button{flex:1 1 100%;justify-content:center}}
