/* skoolz wordmark; sizing is local to the brand, not a sitewide type change. */
.brand:has(.brand-wordmark) .brand-mark{background:#16483f;color:#e6ef9b}
/* Keep the footer below first paint while browser-local favorites resolve. */
body[data-page="favorites"] #main{min-height:calc(100vh - 90px);min-height:calc(100svh - 90px)}
@media(max-width:760px){body[data-page="favorites"] #main{min-height:calc(100vh - 78px);min-height:calc(100svh - 78px)}}
.brand-wordmark{display:block;font-family:Arial,Heebo,sans-serif;font-size:34px!important;font-weight:800!important;letter-spacing:-1.6px;line-height:1.05!important;direction:ltr;text-align:right;color:var(--ink)}
.footer-brand .brand-wordmark{color:inherit;font-size:32px!important}.brand-words:has(.brand-wordmark) small{font-size:12px;line-height:1.4;margin-top:4px}.brand-words:has(.brand-wordmark){min-width:0}
.share-search{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 18px}.share-search[hidden]{display:none}.share-search button,.review-invite{min-height:44px;border:1px solid var(--line,#d9e3d2);border-radius:10px;background:var(--paper,#faf9f5);color:var(--ink);padding:9px 15px;font:inherit;cursor:pointer}.share-search p{margin:0;font-size:13px}.review-invite{margin-block:12px}.copy-fallback{max-width:min(520px,calc(100vw - 32px));border:1px solid #d9e3d2;border-radius:18px;padding:24px}.copy-fallback textarea{width:100%;min-height:130px;font:inherit;padding:12px;resize:vertical}.copy-fallback button{margin-top:12px;min-height:44px}
/* Expanded by default and always in document flow; readers can close details. */
.article-toc nav{max-height:none!important;overflow:visible!important;overscroll-behavior:auto!important;scrollbar-gutter:auto!important}.article-rail{position:static!important;align-self:start}.article-toc ol{margin:0;padding-inline-start:20px}
.header-join{background:#f7f5eb!important;border-color:#b9c8b1!important;color:#16483f!important}body:not([data-page="home"]) .site-footer{background:#153f36}
@media(max-width:849px){.article-toc ol{columns:2;column-gap:22px}.article-toc li{break-inside:avoid}.brand-wordmark{font-size:29px!important}.brand-words:has(.brand-wordmark) small{font-size:11px}}
@media(max-width:380px){.article-toc ol{columns:1}}
/* Approved pencil wordmark; the slogan stays accessible live text. */
.brand.brand-image{gap:0;max-width:210px}.brand-image .brand-words{display:block;width:210px;max-width:100%}.brand-image .brand-image-wordmark{width:190px;max-width:100%;margin-inline:auto;line-height:0!important}.brand-image-wordmark img{display:block;width:100%;height:auto;aspect-ratio:720/231}.brand-image .brand-words small{display:block;white-space:nowrap;text-align:center;margin-top:4px;font-size:14px;line-height:1.35;font-weight:500}
.site-footer .brand.brand-image{max-width:210px;background:#f7f5eb;padding:8px 10px;border-radius:8px}.site-footer .brand-image .brand-words{width:190px}.site-footer .brand-image .brand-image-wordmark{width:170px}.site-footer .brand-image .brand-words small{color:#17483f;font-size:12.5px}
@media(max-width:849px){.brand.brand-image{max-width:168px}.brand-image .brand-words{width:168px}.brand-image .brand-image-wordmark{width:154px}.brand-image .brand-words small{font-size:12px}.site-footer .brand.brand-image{max-width:190px}.site-footer .brand-image .brand-words{width:170px}.site-footer .brand-image .brand-image-wordmark{width:154px}.site-footer .brand-image .brand-words small{font-size:12px}}
/* Give the tall pencil real headroom rather than shrinking the approved art. */
body:has(.brand-image){--brand-header-height:108px}.site-header:has(.brand-image) .header{height:auto;min-height:var(--brand-header-height);padding-block:12px}
body:has(.brand-image) :is(.profile-nav,.teacher-profile-v2 .teacher-section-nav){top:var(--brand-header-height)}
body:has(.brand-image) :is(.article-body h2,.policy-body h2,.learning-guide h2,.learning-teachers){scroll-margin-top:calc(var(--brand-header-height) + 20px)}
body:has(.brand-image) .teacher-profile-v2 :is(#about,#teacher-strengths,#background,#subjects,#teacher-fit,#reviews,#teacher-contact){scroll-margin-top:calc(var(--brand-header-height) + 80px)}
@media(max-width:849px){body:has(.brand-image){--brand-header-height:94px}}
