:root {
  --st-ink:#17211b; --st-muted:#5d675f; --st-paper:#f7f5ee; --st-white:#fff;
  --st-green:#b9e769; --st-green-soft:#e7f4d4; --st-yellow:#ffd86b;
  --st-blue:#ddebf7; --st-line:rgba(23,33,27,.16); --st-radius:24px;
  --st-shadow:0 18px 50px rgba(23,33,27,.08); --st-max:1180px;
}
html{scroll-behavior:smooth}
body.supply-teaching-site{background:var(--st-paper);color:var(--st-ink)}
.supply-teaching-site main{overflow:hidden}
.supply-teaching-site .wp-site-blocks{padding-top:0;padding-bottom:0}
.supply-teaching-site a{text-underline-offset:.18em}
.st-hero,.st-pay-section,.st-market-section,.st-about-section{margin-block-start:0!important}

.st-hero{
 position:relative;min-height:62vh;box-sizing:border-box;
 padding:clamp(3.5rem,7vw,6.5rem) max(1.25rem,calc((100vw - var(--st-max))/2));
 background:
 radial-gradient(circle at 84% 27%,rgba(185,231,105,.68) 0 9%,transparent 9.2%),
 radial-gradient(circle at 92% 62%,rgba(255,216,107,.55) 0 5%,transparent 5.2%),
 var(--st-paper);
 display:flex;flex-direction:column;justify-content:center
}
.st-hero>*{max-width:900px}
.st-eyebrow{font-size:.78rem!important;font-weight:750;letter-spacing:.13em;text-transform:uppercase;color:var(--st-muted);margin-bottom:1.1rem!important}
.st-hero-title{font-size:clamp(3.7rem,8.4vw,7.4rem)!important;line-height:.89!important;letter-spacing:-.065em!important;font-weight:760!important;max-width:920px;margin:0 0 1.75rem!important}
.st-hero-copy{font-size:clamp(1.2rem,2vw,1.55rem)!important;line-height:1.5!important;max-width:780px!important;color:#344039;margin-bottom:1.8rem!important}
.st-buttons{gap:.75rem!important;margin-bottom:.8rem!important}
.st-primary .wp-block-button__link,.st-secondary .wp-block-button__link,.st-pulse-button .wp-block-button__link{border-radius:999px!important;padding:.9rem 1.4rem!important;font-weight:700;transition:.18s ease}
.st-primary .wp-block-button__link{background:var(--st-ink)!important;color:#fff!important;border:2px solid var(--st-ink)!important}
.st-primary .wp-block-button__link:hover{transform:translateY(-2px);box-shadow:0 9px 24px rgba(23,33,27,.16)}
.st-secondary .wp-block-button__link,.st-pulse-button .wp-block-button__link{color:var(--st-ink)!important;border:2px solid var(--st-ink)!important;background:transparent!important}
.st-secondary .wp-block-button__link:hover,.st-pulse-button .wp-block-button__link:hover{background:var(--st-green)!important;transform:translateY(-2px)}
.st-hero-note{font-size:.95rem!important;color:var(--st-muted)}

.st-section{padding-top:clamp(4.5rem,8vw,7.5rem);padding-bottom:clamp(4.5rem,8vw,7.5rem)}
.st-section-title{font-size:clamp(2.4rem,5vw,4.5rem)!important;line-height:.98!important;letter-spacing:-.045em!important;margin:0 0 1.4rem!important}
.st-large-copy{font-size:clamp(1.1rem,1.8vw,1.35rem)!important;line-height:1.55!important;max-width:760px;color:#39443e}

/* Resource cards: four on desktop, two on tablet, one on mobile. */
.st-card-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:1.15rem!important;margin-top:2.4rem!important}
.st-section>.st-card-grid{width:100%;max-width:1040px!important;margin-inline:auto;box-sizing:border-box}
@media(min-width:1100px){.st-card-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media(max-width:600px){.st-card-grid{grid-template-columns:1fr!important}}
.st-card-grid>.wp-block-column{min-width:0!important;width:auto!important;flex-basis:auto!important;margin:0!important}
.st-card{height:100%;min-height:260px;box-sizing:border-box;padding:1.8rem!important;border:1px solid var(--st-line);border-radius:var(--st-radius);background:var(--st-white);display:flex;flex-direction:column;align-items:flex-start;transition:.18s ease}
.st-card-grid>.wp-block-column:nth-child(1) .st-card{background:var(--st-green)}
.st-card-grid>.wp-block-column:nth-child(2) .st-card{background:var(--st-green-soft)}
.st-card-grid>.wp-block-column:nth-child(3) .st-card{background:var(--st-blue)}
.st-card-grid>.wp-block-column:nth-child(4) .st-card{background:var(--st-yellow)}
.st-card:hover{transform:translateY(-5px);box-shadow:var(--st-shadow)}
.st-card h3{font-size:clamp(1.55rem,2.4vw,2.15rem)!important;line-height:1.02!important;letter-spacing:-.035em;margin:1.35rem 0 .65rem!important}
.st-card p:not(.st-card-icon):not(.st-card-link){line-height:1.55;color:#354039;max-width:31rem}
.st-card-icon{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.72);border:1px solid rgba(23,33,27,.12);font-size:1.35rem!important;font-weight:800;margin:0!important}
.st-card-link{margin-top:auto!important;padding-top:1.25rem;font-weight:750}
.st-card-link a,.st-guide-grid a{color:var(--st-ink)!important;text-decoration-thickness:1px}

.st-pay-section{padding:clamp(4.5rem,9vw,8rem) max(1.25rem,calc((100vw - var(--st-max))/2));background:var(--st-ink);color:#fff}
.st-pay-section .st-eyebrow,.st-pay-section .st-large-copy{color:rgba(255,255,255,.72)}
.st-feature{gap:clamp(2rem,6vw,6rem)!important}
.st-tool-preview{background:var(--st-green);color:var(--st-ink);border-radius:32px;padding:clamp(1.5rem,4vw,2.6rem)!important;transform:rotate(1deg);box-shadow:0 22px 60px rgba(0,0,0,.18)}
.st-tool-preview h3{font-size:clamp(2rem,4vw,3.1rem)!important;line-height:1!important;letter-spacing:-.04em}
.st-tool-label{font-size:.75rem!important;letter-spacing:.13em;font-weight:800}
.st-tool-preview .wp-block-separator{border-color:rgba(23,33,27,.24)}
.st-small{font-size:.85rem!important;color:var(--st-muted)}
.st-tool-preview .st-small{color:rgba(23,33,27,.68)}

.st-guide-grid{gap:clamp(2rem,6vw,6rem)!important;margin-top:2.5rem!important}
.st-guide-grid h3{border-top:1px solid var(--st-line);padding-top:1.25rem;margin-top:1.75rem!important;font-size:1.35rem!important}
.st-guide-grid p{color:var(--st-muted);line-height:1.55}

.st-market-section{padding:clamp(4.5rem,9vw,8rem) max(1.25rem,calc((100vw - var(--st-max))/2));background:var(--st-green-soft)}
.st-stat-grid{gap:1rem!important;margin-top:2.5rem!important}
.st-stat{height:100%;box-sizing:border-box;background:rgba(255,255,255,.78);border:1px solid var(--st-line);border-radius:var(--st-radius);padding:1.6rem!important}
.st-stat-value{font-size:clamp(2.8rem,5vw,4.7rem)!important;font-weight:800;letter-spacing:-.06em;margin:0 0 1rem!important}

/* Pulse: force the whole section, including inner constrained wrappers, to centre. */
.st-pulse-buttons{justify-content:center!important;align-items:center!important;gap:.7rem!important;margin:1.6rem auto 1.2rem!important;width:100%}
.st-pulse-buttons .wp-block-button{margin:0!important}

.st-about-section{padding:clamp(4rem,8vw,7rem) max(1.25rem,calc((100vw - var(--st-max))/2));background:var(--st-yellow)}
.st-about-section p{max-width:800px}

/* Reusable Gutenberg editorial patterns */
.st-guide-intro{padding-top:clamp(4rem,8vw,7rem);padding-bottom:clamp(2.5rem,5vw,4rem)}
.st-guide-intro h1{font-size:clamp(3rem,7vw,6rem)!important;line-height:.92!important;letter-spacing:-.055em!important}
.st-plain-english{background:var(--st-green-soft);border:1px solid var(--st-line);border-radius:var(--st-radius);padding:1.6rem 1.8rem!important;margin-top:2rem!important;margin-bottom:2rem!important}
.st-data-note{background:var(--st-blue);border-radius:var(--st-radius);padding:1.5rem 1.8rem!important;margin-top:2rem!important;margin-bottom:2rem!important}

/* Twenty Twenty-Five shell */
.supply-teaching-site header.wp-block-template-part{background:rgba(247,245,238,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--st-line);position:relative;z-index:10}
.supply-teaching-site header.wp-block-template-part>.wp-block-group{padding-top:1rem;padding-bottom:1rem}
.supply-teaching-site header .wp-block-site-title a{font-weight:800;text-decoration:none!important;letter-spacing:-.035em}
.supply-teaching-site .wp-block-post-title:empty{display:none}


/* Match core Navigation's mobile breakpoint; WordPress owns items and modal behaviour. */
@media (max-width: 599px) {
 /* A backdrop filter creates a containing block for fixed descendants. */
 .supply-teaching-site header.wp-block-template-part {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
 }
 .supply-teaching-site header .wp-block-navigation__responsive-container.is-menu-open {
  position: fixed;
  inset: 0;
  box-sizing: border-box;
  width: 100%;
  max-width: none;
  height: 100vh;
  height: 100dvh;
  margin: 0;
  padding: max(1.25rem, env(safe-area-inset-top)) max(1.5rem, env(safe-area-inset-right)) max(1.5rem, env(safe-area-inset-bottom)) max(1.5rem, env(safe-area-inset-left));
  background: #17211b !important;
  color: #f7f5ee !important;
  overflow-y: auto;
  overscroll-behavior: contain;
  animation: none;
 }
 .supply-teaching-site header .wp-block-navigation .is-menu-open .wp-block-navigation__responsive-close {
  width: 100%;
  max-width: none;
 }
 .supply-teaching-site header .wp-block-navigation .is-menu-open .wp-block-navigation__responsive-container-content {
  align-items: stretch;
  padding-top: 5rem;
 }
 .supply-teaching-site header .wp-block-navigation .is-menu-open .wp-block-navigation__container,
 .supply-teaching-site header .wp-block-navigation .is-menu-open .wp-block-page-list {
  width: 100%;
  align-items: stretch;
  gap: 0;
 }
 .supply-teaching-site header .wp-block-navigation .is-menu-open .wp-block-navigation-item {
  align-items: stretch;
  width: 100%;
 }
 .supply-teaching-site header .wp-block-navigation .is-menu-open .wp-block-navigation__container > .wp-block-navigation-item,
 .supply-teaching-site header .wp-block-navigation .is-menu-open .wp-block-page-list > .wp-block-navigation-item {
  border-bottom: 1px solid rgba(247,245,238,.22);
 }
 .supply-teaching-site header .wp-block-navigation .is-menu-open .wp-block-navigation-item__content {
  color: #f7f5ee;
  font-size: clamp(1.7rem, 7vw, 2.5rem);
  font-weight: 650;
  line-height: 1.25;
  padding: 1.1rem 0;
  text-decoration: none;
  overflow-wrap: anywhere;
 }
 .supply-teaching-site header .wp-block-navigation .is-menu-open .wp-block-navigation__submenu-container {
  min-width: 0;
  padding: 0 0 .75rem 1rem;
 }
 .supply-teaching-site header .wp-block-navigation .is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
  font-size: 1.25rem;
  padding: .75rem 0;
 }
 .supply-teaching-site header .wp-block-navigation .is-menu-open .wp-block-navigation-item__content:hover,
 .supply-teaching-site header .wp-block-navigation .is-menu-open .current-menu-item > .wp-block-navigation-item__content {
  color: #b9e769;
 }
 .supply-teaching-site header .wp-block-navigation .is-menu-open .wp-block-navigation__responsive-container-close {
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  border: 1px solid #b9e769;
  border-radius: 50%;
  background: #b9e769;
  color: #17211b;
 }
 .supply-teaching-site header .wp-block-navigation .is-menu-open .wp-block-navigation__responsive-container-close svg {
  width: 28px;
  height: 28px;
 }
 .supply-teaching-site header .wp-block-navigation .is-menu-open :is(a, button):focus-visible {
  outline: 3px solid #b9e769;
  outline-offset: 5px;
 }
 /* Core offsets the dialog by 46px when the mobile admin toolbar is present. */
 @media (prefers-reduced-motion: no-preference) {
  .supply-teaching-site header .wp-block-navigation__responsive-container.is-menu-open {
   animation: st-mobile-menu-in .24s ease-out;
  }
 }
}
@keyframes st-mobile-menu-in {
 from { transform: translateX(100%); }
 to { transform: translateX(0); }
}

@media(max-width:760px){
 .st-card{min-height:230px}
 .st-hero{min-height:auto;padding-top:4rem;padding-bottom:4.5rem;background:radial-gradient(circle at 87% 16%,rgba(185,231,105,.58) 0 7%,transparent 7.2%),var(--st-paper)}
 .st-hero-title{font-size:clamp(3.15rem,16vw,5rem)!important}
 .st-tool-preview{transform:none}
 .st-buttons .wp-block-button,.st-buttons .wp-block-button__link,.st-pulse-buttons .wp-block-button,.st-pulse-buttons .wp-block-button__link{width:100%;text-align:center}
}


/* v0.2.2 — consistent editorial section alignment.
   The hero and Pay Checker intentionally keep their existing layouts. */

/* Standard content sections: one deliberate left edge for eyebrow, H2 and intro. */
.st-section > .st-eyebrow,
.st-section > .st-section-title,
.st-section > .st-large-copy {
  width: min(100%, 1040px) !important;
  max-width: 1040px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box;
}

.st-section > .st-section-title {
  font-size: clamp(2.55rem, 4.6vw, 3.85rem) !important;
  line-height: .98 !important;
  letter-spacing: -.05em !important;
}

.st-section > .st-large-copy {
  font-size: clamp(1.05rem, 1.55vw, 1.28rem) !important;
  line-height: 1.55 !important;
}

/* Supply Teaching 101: keep the article list intentionally narrower,
   but centred beneath the aligned section introduction. */
.st-section > .st-guide-grid,
.st-section > .wp-block-buttons {
  width: min(100%, 900px) !important;
  max-width: 900px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box;
}

/* Market: align eyebrow, title, intro, cards and methodology on one axis. */
.st-market-section > .st-eyebrow,
.st-market-section > .st-section-title,
.st-market-section > .st-large-copy,
.st-market-section > .st-stat-grid,
.st-market-section > .st-small {
  width: min(100%, 1040px) !important;
  max-width: 1040px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box;
}

.st-market-section > .st-section-title {
  font-size: clamp(2.55rem, 4.6vw, 3.85rem) !important;
  line-height: .98 !important;
  letter-spacing: -.05em !important;
}

.st-market-section > .st-large-copy {
  max-width: 820px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Keep the market copy aligned left within its common container. */
.st-market-section > .st-eyebrow,
.st-market-section > .st-section-title,
.st-market-section > .st-large-copy,
.st-market-section > .st-small {
  text-align: left !important;
}

/* Mobile keeps a comfortable edge while preserving the shared axis. */
@media (max-width: 760px) {
  .st-section > .st-eyebrow,
  .st-section > .st-section-title,
  .st-section > .st-large-copy,
  .st-section > .st-guide-grid,
  .st-section > .wp-block-buttons,
  .st-market-section > .st-eyebrow,
  .st-market-section > .st-section-title,
  .st-market-section > .st-large-copy,
  .st-market-section > .st-stat-grid,
  .st-market-section > .st-small {
    width: 100% !important;
  }
}

/* Published child-page index shares the editorial card palette and typography. */
.st-guide-index{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.15rem;margin-block:2rem}
.st-guide-index .st-guide-card{min-width:0;min-height:0}
.st-guide-card h2{font-size:1.6rem;line-height:1.1;letter-spacing:-.035em;margin:0 0 .75rem}
.st-guide-card h2 a{color:var(--st-ink);text-decoration:none}
.st-guide-card h2 a:hover{text-decoration:underline}
.st-guide-card p{margin:0;line-height:1.55;color:var(--st-muted)}
@media(max-width:600px){.st-guide-index{grid-template-columns:1fr}}

/* Shared editorial guide layout: existing palette, readable measure, one H1. */
.st-guide-layout{max-width:860px;margin-inline:auto;padding:clamp(2rem,5vw,4rem) 1.25rem;box-sizing:border-box}
.st-guide-layout .st-guide-intro{padding-top:0;padding-bottom:1.5rem}
.st-guide-layout li+li{margin-top:.5rem}
.st-guide-layout a{color:var(--st-ink);text-decoration-thickness:1px;overflow-wrap:anywhere}
.st-guide-layout a:focus-visible{outline:3px solid var(--st-ink);outline-offset:4px;background:var(--st-green)}
.st-guide-layout .st-small{border-top:1px solid var(--st-line);padding-top:1rem;margin-top:2.5rem}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.st-card,.st-primary .wp-block-button__link{transition:none}}

/* Page content uses the active theme's normal header/footer and no-title template. */
.st-content-page .wp-block-post-content{margin-block-start:0}
.st-content-page .wp-block-post-content>.st-guide-intro:first-child{padding-top:clamp(2rem,4vw,3rem);padding-bottom:2rem}
.st-breadcrumbs{font-size:.9rem;margin-block:0 1.5rem;color:var(--st-muted)}
.st-breadcrumbs ol{display:flex;flex-wrap:wrap;gap:.45rem;list-style:none;padding:0;margin:0}
.st-breadcrumbs li{margin:0!important;display:flex;gap:.45rem;align-items:baseline}
.st-breadcrumbs li+li:before{content:"›";color:var(--st-muted)}
.st-breadcrumbs a{color:inherit;text-decoration:underline}
.st-guide-back{max-width:820px;margin:0 auto 3rem;padding-inline:1.25rem}
.st-top-ad{box-sizing:border-box;max-width:1180px;margin:1rem auto;padding:0 1rem;text-align:center;overflow:hidden}
.st-ad-label{display:block;font-size:.7rem;letter-spacing:.08em;color:var(--st-muted);margin-bottom:.3rem}
.st-ad-embed{max-width:100%;overflow:hidden}
.st-ad-embed iframe,.st-ad-embed img{max-width:100%}

.st-content-page .wp-block-post-content>.stt-market-page{max-width:1100px}