/* Toolkit styles: the WordPress theme supplies the site header, purple title banner and footer. */
.siet {
  --siet-purple: #8224e3;
  --siet-ink: #373a36;
  --siet-muted: #636463;
  --siet-line: #dedede;
  max-width: 1186px;
  margin: 0 auto;
  padding: 30px 20px 55px;
  color: var(--siet-ink);
  font-family: inherit;
  font-size: 16px;
  line-height: 1.625;
  text-align: left;
}
.siet *, .siet *::before, .siet *::after { box-sizing: border-box; }
/* Audience colours: use darker matching shades for readable headings. */
.siet--primary-students { --siet-stakeholder: #4076df; --siet-stakeholder-ink: #315bbb; --siet-stakeholder-soft: #edf2ff; --siet-button-bg: #315bbb; --siet-button-ink: #ffffff; }
.siet--secondary-students { --siet-stakeholder: #4076df; --siet-stakeholder-ink: #315bbb; --siet-stakeholder-soft: #edf2ff; --siet-button-bg: #315bbb; --siet-button-ink: #ffffff; }
.siet--parents { --siet-stakeholder: #f4bb00; --siet-stakeholder-ink: #896000; --siet-stakeholder-soft: #fff8df; --siet-button-bg: #f4bb00; --siet-button-ink: #3f3100; }
.siet--teachers { --siet-stakeholder: #00b9c2; --siet-stakeholder-ink: #007b83; --siet-stakeholder-soft: #e8f9f8; --siet-button-bg: #00b9c2; --siet-button-ink: #153b3d; }
.siet--school-leaders { --siet-stakeholder: #b900ae; --siet-stakeholder-ink: #94118d; --siet-stakeholder-soft: #fcf0fc; --siet-button-bg: #b900ae; --siet-button-ink: #ffffff; }
.siet h2, .siet h3, .siet p, .siet figure, .siet ul { margin: 0; }
.siet h2, .siet h3 { color: var(--siet-purple); font-family: inherit; font-weight: 600; letter-spacing: -.018em; line-height: 1.25; }
.siet a { color: var(--siet-purple); text-underline-offset: 4px; }
.siet a:focus-visible { outline: 3px solid var(--siet-purple); outline-offset: 5px; }
.siet-nav { display: flex; flex-wrap: wrap; gap: 9px 23px; padding-bottom: 18px; margin-bottom: 30px; border-bottom: 1px solid var(--siet-line); }
.siet-nav a { display: inline-block; padding: 6px 0; border-bottom: 3px solid transparent; color: #535354; text-decoration: none; font-size: 13px; font-weight: 500; }
.siet-nav a:hover, .siet-nav a[aria-current=page] { color: var(--siet-purple); border-bottom-color: var(--siet-purple); }
.siet-page-header { margin-bottom: 26px; }
.siet .siet-page-heading { font-size: 29px; margin-bottom: 15px; }
.siet .siet-intro { font-size: 18px; line-height: 1.65; max-width: 930px; }
.siet-page-header > p + p { margin-top: 12px; }
.siet-audience-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: stretch; gap: 22px; margin-top: 30px; }
.siet .siet-audience-card { display: flex; flex-direction: column; overflow: hidden; border: 1px solid var(--siet-line); border-top: 3px solid var(--siet-stakeholder); border-radius: 4px; text-decoration: none; background: #fefeff; }
.siet .siet-audience-card:hover { background: var(--siet-stakeholder-soft); border-color: var(--siet-stakeholder); }
.siet-audience-thumbnail { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: contain; object-position: center; background: #fff; border-bottom: 1px solid var(--siet-line); }
.siet-audience-body { display: flex; flex: 1; flex-direction: column; padding: 26px; }
.siet-audience-card h3 { font-size: 23px; margin: 0 0 5px; color: var(--siet-stakeholder-ink); }
.siet .siet-range { color: var(--siet-muted); font-size: 13px; }
.siet .siet-audience-description { color: var(--siet-ink); margin: 15px 0 24px; font-size: 15px; line-height: 1.65; }
.siet-explore { display: flex; justify-content: space-between; align-items: center; gap: 15px; margin-top: 0; padding-top: 26px; font-size: 12px; line-height: 1.5; font-weight: 600; text-transform: uppercase; letter-spacing: .075em; color: var(--siet-stakeholder-ink); }
.siet--home .siet--parents .siet-explore, .siet--home .siet--teachers .siet-explore, .siet--home .siet--school-leaders .siet-explore { padding-top: 12px; }
.siet-explore span { font-size: 20px; line-height: 1; }
.siet .siet-meta { color: var(--siet-muted); font-size: 12px; line-height: 1.5; }
.siet-video-section { width: 100%; max-width: 840px; margin: 26px 0 28px; }
.siet-video { height: 0; width: 100%; position: relative; padding-top: 56.25%; overflow: hidden; background: #26222d; border-radius: 3px; }
.siet-video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; }
.siet-section-links { display: flex; flex-wrap: wrap; gap: 9px 19px; padding: 17px 20px; background: var(--siet-stakeholder-soft); border-left: 3px solid var(--siet-stakeholder); font-size: 14px; }
.siet-section-links span { color: var(--siet-muted); }
.siet-section-links a { color: var(--siet-stakeholder-ink); }
.siet-resource-section { margin-top: 42px; scroll-margin-top: 25px; }
.siet-resource-section h2, .siet-resource-section h3 { color: var(--siet-stakeholder-ink); }
.siet-section-heading { margin-bottom: 22px; }
.siet-section-heading h2 { font-size: 26px; margin-bottom: 9px; }
.siet-section-heading p { color: var(--siet-muted); max-width: 900px; font-size: 15px; }
.siet-resource-grid { display: grid; gap: 24px; align-items: stretch; }
.siet-layout-three { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.siet-layout-two { grid-template-columns: repeat(2, minmax(0, 1fr)); max-width: 940px; }
.siet-resource { display: flex; flex-direction: column; min-width: 0; border: 1px solid var(--siet-line); background: #fefeff; border-radius: 4px; overflow: hidden; }
.siet-cover { display: flex; justify-content: center; align-items: center; height: 310px; padding: 20px; background: #f3f3f4; border-bottom: 1px solid #e6e6e7; }
.siet-cover img { display: block; height: 100%; width: auto; max-width: 100%; object-fit: contain; box-shadow: 0 2px 6px #00000015; }
.siet-layout-two .siet-cover { height: 360px; }
.siet-resource-body { display: flex; flex: 1; flex-direction: column; align-items: flex-start; padding: 25px; }
.siet .siet-resource-years { font-size: 11px; font-weight: 500; color: var(--siet-muted); letter-spacing: .05em; text-transform: uppercase; }
.siet-resource h3 { font-size: 23px; margin: 9px 0 10px; }
.siet .siet-resource-title { font-size: 14px; font-weight: 500; color: var(--siet-stakeholder-ink); margin-bottom: 12px; }
.siet .siet-resource-description { font-size: 15px; line-height: 1.65; margin-bottom: 18px; }
.siet-resource .siet-meta { margin-top: auto; margin-bottom: 17px; }
.siet .siet-button { display: inline-flex; align-items: center; justify-content: space-between; gap: 22px; min-height: 44px; padding: 12px 18px; border: 1px solid var(--siet-button-bg); border-radius: 4px; background: var(--siet-button-bg); color: var(--siet-button-ink); text-decoration: none; text-transform: uppercase; letter-spacing: .075em; font-size: 12px; font-weight: 600; line-height: 1.5; }
.siet .siet-button:hover { color: var(--siet-button-ink); background: var(--siet-button-bg); border-color: var(--siet-stakeholder-ink); box-shadow: 0 0 0 1px var(--siet-stakeholder-ink); }
.siet-download-options { display:flex; flex-wrap:wrap; gap:10px; }
.siet .siet-button-outline { color:var(--siet-stakeholder-ink); background:#fefeff; border-color:var(--siet-stakeholder-ink); }
.siet .siet-button-outline:hover { color:var(--siet-stakeholder-ink); background:var(--siet-stakeholder-soft); }
.siet-parent-resources { display:grid; gap:24px; margin-top:30px; }
.siet-parent-row { display:grid; grid-template-columns:220px minmax(0,1fr); border:1px solid var(--siet-line); border-top:3px solid var(--siet-stakeholder); border-radius:4px; overflow:hidden; background:#fefeff; scroll-margin-top:20px; }
.siet-parent-thumbnail { display:flex; align-items:center; justify-content:center; padding:25px 20px; background:#f3f3f4; border-right:1px solid #e6e6e7; }
.siet-parent-thumbnail img { display:block; width:176px; height:auto; max-width:100%; box-shadow:0 2px 6px #0002; }
.siet-parent-content { padding:29px 30px; align-self:center; min-width:0; }
.siet-parent-content h2 { color:var(--siet-stakeholder-ink); font-size:25px; margin-bottom:12px; }
.siet .siet-parent-description { margin:0 0 18px; font-size:15px; line-height:1.65; }
.siet-parent-content > .siet-meta { margin-bottom:17px; }
.siet-parent-content .siet-resource-years { margin-bottom:9px; }
.siet-button-pair { display:flex; align-items:center; gap:9px; }
.siet-parent-row .siet-button { min-width:0; justify-content:center; gap:10px; padding:11px 14px; letter-spacing:.065em; white-space:nowrap; }
.siet-tips-list { list-style:none; padding:0; }
.siet-tip-option { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:12px; padding:12px 0; border-top:1px solid #e5e5e5; }
.siet-tip-option:last-child { padding-bottom:0; }
.siet-tip-option h3 { color:var(--siet-stakeholder-ink); font-size:16px; line-height:1.4; font-weight:500; }
.siet-useful-links { margin-top:32px; padding-top:25px; border-top:1px solid var(--siet-line); scroll-margin-top:20px; }
.siet-useful-links h2 { color:var(--siet-stakeholder-ink,var(--siet-purple)); font-size:25px; margin-bottom:16px; }
.siet-useful-links ul { padding-left:22px; }
.siet-useful-links li { padding-left:2px; font-size:15px; line-height:1.7; }
.siet-useful-links li + li { margin-top:12px; }
.siet .siet-useful-links a { color:var(--siet-stakeholder-ink,var(--siet-purple)); }
.siet-link-provider { color:var(--siet-muted); }
.siet-layout-feature { display: block; max-width: 960px; }
.siet-layout-feature .siet-resource { display: grid; grid-template-columns: 270px minmax(0, 1fr); }
.siet-layout-feature .siet-cover { border-bottom: none; border-right: 1px solid #e6e6e7; height: 100%; min-height: 340px; padding: 22px; }
.siet-layout-feature .siet-cover img { height: auto; width: 100%; max-height: 365px; object-fit: contain; }
.siet-layout-feature .siet-resource-body { padding: 32px; }
.siet-layout-feature .siet-resource h3 { font-size: 25px; }
.siet .siet-back { border-top: 1px solid var(--siet-line); padding-top: 22px; margin-top: 36px; font-size: 14px; }
/* Theme context for the downloadable preview only. */
.siet-preview-body { margin: 0; background: #fefeff; color: #373a36; font-family: "Work Sans", Arial, sans-serif; }
.siet-site-header { display: flex; align-items: center; justify-content: space-between; gap: 30px; max-width: 1186px; margin: auto; padding: 6px 20px; }
.siet-site-header img { display: block; width: 168px; height: 62px; object-fit: contain; }
.siet-site-header nav { display: flex; gap: 28px; font-size: 12px; text-transform: uppercase; letter-spacing: .11em; }
.siet-site-header a { color: #535354; text-decoration: none; padding: 8px 0; border-bottom: 3px solid transparent; }
.siet-site-header a:hover { border-color: #8224e3; color: #8224e3; }
.siet-theme-banner { background: #8224e3; color: #fff; }
.siet-theme-banner > div { max-width: 1186px; margin: auto; padding: 15px 20px; }
.siet-theme-banner h1 { color: #fff; font: 700 38px/1.15 "Work Sans", Arial, sans-serif; margin: 0; letter-spacing: -.025em; }
.siet-preview-footer { max-width: 1186px; margin: auto; padding: 24px 20px; border-top: 1px solid #dedede; color: #636463; font-size: 12px; }
#siet-preview-root:focus { outline: none; }
.siet-setup h1 { font-size: 32px; color: #8224e3; }
.siet-setup h2 { margin: 30px 0 12px; font-size: 25px; }
.siet-setup p { margin-bottom: 15px; }
.siet-setup ol, .siet-setup ul { padding-left: 24px; margin: 15px 0 24px; }
.siet-setup li { margin-bottom: 10px; }
.siet-setup table { width: 100%; border-collapse: collapse; font-size: 13px; }
.siet-setup td, .siet-setup th { border: 1px solid #dedede; padding: 12px; text-align: left; }
.siet-setup th { background: #f5effb; }
.siet-setup code { font: 12px/1.6 monospace; background: #f3f3f4; padding: 3px 5px; overflow-wrap: anywhere; }
.siet-note { padding: 20px; background: #f7f2fc; border-left: 3px solid #8224e3; }
@media (max-width: 960px) {
  .siet-audience-thumbnail { max-height: 260px; }
  .siet-layout-three { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .siet-parent-row { grid-template-columns:190px minmax(0,1fr); }
  .siet-parent-content { padding:25px 23px; }
  .siet-parent-thumbnail { padding:24px 18px; }
  .siet-parent-row .siet-button { gap:7px; padding:10px 11px; }
}
@media (min-width:681px) and (max-width:900px) {
  .siet-audience-grid { gap:16px; }
  .siet-audience-body { padding:18px; }
  .siet-audience-card h3 { font-size:20px; }
  .siet-explore { gap:8px; font-size:11px; letter-spacing:.04em; }
}
@media (max-width:800px) {
  .siet-parent-row { grid-template-columns:minmax(0,1fr); }
  .siet-parent-thumbnail { padding:20px; border-right:0; border-bottom:1px solid #e6e6e7; }
  .siet-parent-thumbnail img { width:140px; }
}
@media (max-width: 680px) {
  .siet { padding: 22px 16px 35px; }
  .siet-nav { gap: 6px 17px; margin-bottom: 23px; padding-bottom: 15px; }
  .siet-nav a { font-size: 12px; }
  .siet .siet-page-heading { font-size: 26px; }
  .siet .siet-intro { font-size: 16px; }
  .siet-audience-grid, .siet-layout-two, .siet-layout-three { grid-template-columns: minmax(0, 1fr); gap: 20px; }
  .siet-audience-body { padding: 23px; }
  .siet-resource-section { margin-top: 32px; }
  .siet-section-heading h2 { font-size: 24px; }
  .siet-section-links { padding: 15px 16px; gap: 8px 14px; font-size: 13px; }
  .siet-section-links span { width: 100%; }
  .siet-cover, .siet-layout-two .siet-cover { height: 330px; }
  .siet-layout-feature .siet-resource { display: flex; }
  .siet-layout-feature .siet-cover { min-height: 0; height: 340px; border-right: 0; border-bottom: 1px solid #e6e6e7; padding: 20px; }
  .siet-layout-feature .siet-cover img { width: auto; height: 100%; max-width: 100%; }
  .siet-resource-body, .siet-layout-feature .siet-resource-body { padding: 23px; }
  .siet-site-header { padding: 12px 16px; gap: 15px; }
  .siet-site-header img { width: 165px; height: 60px; }
  .siet-site-header nav { flex-direction: column; align-items: flex-end; gap: 3px; font-size: 9px; letter-spacing: .04em; }
  .siet-site-header a { padding: 4px 0; }
  .siet-theme-banner > div { padding: 11px 16px; }
  .siet-theme-banner h1 { font-size: 34px; }
  .siet-setup td, .siet-setup th { padding: 8px; font-size: 11px; }
  .siet-parent-content { padding:22px 19px; }
  .siet-parent-content h2 { font-size:24px; }
  .siet-tip-option { grid-template-columns:minmax(0,1fr); gap:9px; padding:13px 0; }
  .siet-button-pair { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
  .siet-parent-row .siet-button { padding:10px 8px; gap:6px; letter-spacing:.025em; font-size:12px; }
}
@media print {
  .siet-nav, .siet-video-section, .siet-site-header, .siet-preview-footer { display: none; }
  .siet-audience-grid, .siet-resource-grid { display: block; }
  .siet-audience-card, .siet-resource { break-inside: avoid; margin-bottom: 20px; }
  .siet { max-width: none; padding: 0; }
}