:root{--ink:#14213d;--muted:#5f6675;--paper:#fffdf8;--cream:#f6f0e6;--purple:#6d4aff;--pink:#f25d9c;--yellow:#ffd65a;--line:#ded9cf}.content-page{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.65}.skip-link{position:absolute;left:-9999px;top:0}.skip-link:focus{left:1rem;top:1rem;z-index:99;background:#fff;padding:.75rem 1rem;border:2px solid var(--ink)}.content-header{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:1.15rem clamp(1rem,4vw,4rem);border-bottom:1px solid var(--line);background:#fff;position:relative;z-index:2}.content-header img{width:210px;height:auto;display:block}.content-header nav{display:flex;gap:1.35rem;flex-wrap:wrap}.content-header a{color:var(--ink);font-weight:750;text-decoration:none}.content-header nav a:hover,.content-header nav a:focus-visible{text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:5px}.content-shell{width:min(820px,calc(100% - 2rem));margin:0 auto;padding:2.25rem 0 5rem}.breadcrumbs{display:flex;gap:.6rem;align-items:center;font-size:.9rem;margin-bottom:2.25rem;color:var(--muted)}.breadcrumbs a{color:inherit}.article-header{text-align:center;margin-bottom:2rem}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-weight:850;font-size:.78rem;color:var(--purple);margin:0 0 .7rem}.article-header h1,.archive-hero h1{font-family:"Arial Rounded MT Bold",Inter,sans-serif;font-size:clamp(2.4rem,6vw,4.7rem);line-height:1.02;letter-spacing:-.045em;margin:.25rem 0 1rem;text-wrap:balance}.article-meta{color:var(--muted);font-size:.95rem}.article-deck{font-size:1.18rem;color:#3f4655;max-width:700px;margin:1.25rem auto 0}.article-deck p{margin:.4rem 0}.content-hero-media{margin:2rem auto 2.75rem}.content-hero-media img{width:100%;height:auto;max-height:520px;object-fit:cover;border-radius:24px;box-shadow:0 18px 50px rgba(20,33,61,.12)}.article-body{font-size:1.08rem}.article-body h2,.article-body h3,.article-body h4{line-height:1.2;letter-spacing:-.025em;margin:2.4rem 0 .9rem}.article-body h2{font-size:clamp(1.75rem,4vw,2.5rem)}.article-body h3{font-size:1.55rem}.article-body p,.article-body ul,.article-body ol,.article-body blockquote{margin:0 0 1.35rem}.article-body img{max-width:100%;height:auto;border-radius:16px}.article-body figure{margin:2rem 0}.article-body blockquote{border-left:6px solid var(--yellow);padding:1rem 1.4rem;background:var(--cream);border-radius:0 14px 14px 0;font-size:1.12rem}.article-body a{color:#5134dc;text-decoration-thickness:2px;text-underline-offset:3px;overflow-wrap:anywhere}.article-body table{width:100%;border-collapse:collapse;display:block;overflow-x:auto}.article-body th,.article-body td{border:1px solid var(--line);padding:.65rem;text-align:left}.content-button{display:inline-block;border-radius:999px;background:var(--purple);color:white!important;padding:.85rem 1.25rem;font-weight:800;text-decoration:none}.audio-cta{text-align:center;margin:1.5rem 0 2.5rem}.content-tags{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:3rem;padding-top:1.5rem;border-top:1px solid var(--line)}.content-tags a{background:var(--cream);color:var(--ink);padding:.4rem .75rem;border-radius:999px;font-size:.85rem;font-weight:700;text-decoration:none}.archive-hero{text-align:center;padding:clamp(3.5rem,8vw,7rem) 1rem 3rem;background:linear-gradient(180deg,#fff7dc 0%,var(--paper) 100%)}.archive-hero p:last-child{max-width:700px;margin:0 auto;font-size:1.15rem;color:var(--muted)}.content-grid{width:min(1180px,calc(100% - 2rem));margin:0 auto;padding:1rem 0 6rem;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}.content-card{background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:0 7px 24px rgba(20,33,61,.06)}.content-card>a{display:block;height:100%;color:var(--ink);text-decoration:none}.content-card img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}.content-card div{padding:1.2rem}.content-card h2{font-size:1.3rem;line-height:1.2;margin:.25rem 0 .7rem}.content-card p:last-child{font-size:.94rem;color:var(--muted);margin:0}.content-card a:hover h2,.content-card a:focus-visible h2{text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:4px}.content-footer{padding:3rem clamp(1rem,4vw,4rem);background:var(--ink);color:#fff;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:2rem}.content-footer img{width:190px}.content-footer p{margin:0}.content-footer nav{display:flex;gap:1rem}.content-footer a{color:#fff}@media(max-width:850px){.content-header{align-items:flex-start;flex-direction:column}.content-header nav{gap:.75rem 1rem}.content-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content-footer{grid-template-columns:1fr;text-align:center}.content-footer img{margin:auto}.content-footer nav{justify-content:center}}@media(max-width:560px){.content-header img{width:175px}.content-header nav{font-size:.92rem}.content-grid{grid-template-columns:1fr}.article-body{font-size:1rem}.content-shell{padding-top:1.5rem}.article-header h1,.archive-hero h1{font-size:2.45rem}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
/* KR-15 (Kenny 2026-11-09, "add the Grow Tools menu item to the SYCU website"): the shared Grow Tools pill
   (grow-tools/growtools.css) ends the header; these pages have no phone menu, so on phones it stays as an icon-only
   circle (like growcurriculum.org's pages without a menu) */
.content-header .grow-topbar__tools{margin:0!important;flex:none}
@media(max-width:850px){.content-header .grow-topbar__tools{position:absolute;top:1.05rem;right:clamp(1rem,4vw,4rem)}}
@media(max-width:599px){.content-header .grow-topbar__tools{display:inline-flex!important;width:38px;padding:0;justify-content:center}.content-header .grow-topbar__tools span{display:none}}