/* Word Blaster guides (parents / teachers). Loaded after /site/home.css: same fonts, colours, header and footer. Self-hosted only. */
.g-hero{background:radial-gradient(800px 420px at 90% 0%,rgba(155,93,229,.18),transparent 60%),radial-gradient(700px 420px at 0% 100%,rgba(77,124,255,.14),transparent 60%),var(--bg);padding:48px 0 40px;border-bottom:1px solid rgba(27,31,59,.06)}
.g-hero-in{display:grid;grid-template-columns:1fr auto;gap:32px;align-items:center}
.g-hero h1{font-size:clamp(34px,4.6vw,54px);letter-spacing:-.02em}
.g-hero .lede{margin:14px 0 22px}
.g-hero-art{width:clamp(120px,16vw,200px);filter:drop-shadow(0 10px 16px rgba(27,31,59,.18))}
.crumbs{font-family:"Lexend";font-size:14px;color:var(--muted);margin:0 0 14px}
.crumbs a{color:var(--muted)}
.g-badges{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:10px}
.g-badges li{background:#fff;border:1px solid rgba(27,31,59,.1);border-radius:999px;padding:6px 14px;font-size:15px;color:var(--muted)}
.g-badges li b{color:var(--ink)}

.g-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:48px;align-items:start;padding:44px 0 80px}
.toc{position:sticky;top:88px;background:#fff;border-radius:var(--r);box-shadow:var(--shadow);padding:20px 20px 16px;font-family:"Lexend";font-size:15px}
.toc h2{font-size:15px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0 0 10px}
.toc ol{margin:0;padding:0 0 0 20px;display:grid;gap:6px}
.toc a{color:var(--ink);text-decoration:none}
.toc a:hover,.toc a:focus-visible{color:var(--blue-d);text-decoration:underline}
.toc .toc-pdf{display:inline-block;margin-top:14px;font-size:14px;color:var(--blue-d)}

.g-body{max-width:820px}
.g-sec{scroll-margin-top:90px;padding-bottom:18px;margin-bottom:34px;border-bottom:1px solid rgba(27,31,59,.08)}
.g-sec:last-child{border-bottom:0}
.g-sec h2{font-size:clamp(26px,3vw,34px);margin:0 0 12px;display:flex;gap:12px;align-items:center}
.g-sec h2 .n{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--blue);color:#fff;font-size:20px}
.g-sec:nth-of-type(4n+2) h2 .n{background:var(--orange)}.g-sec:nth-of-type(4n+3) h2 .n{background:var(--teal)}.g-sec:nth-of-type(4n) h2 .n{background:var(--purple)}
.g-sec h3{font-size:21px;margin:26px 0 8px}
.g-sec p,.g-sec li{color:#33375a}
.g-sec ul,.g-sec ol{padding-left:24px}
.g-sec li{margin:6px 0}
.g-sec li::marker{color:var(--blue-d);font-weight:700}

/* on-screen labels, written exactly as they appear in the app */
.ui{display:inline-block;font-family:"Lexend";font-weight:700;font-size:.86em;line-height:1.3;color:var(--ink);background:#fff;border:2px solid #c9d2ff;border-radius:10px;padding:1px 8px;white-space:nowrap}
.ui.go{background:var(--green);border-color:var(--green-d);color:#fff}
.ui.hold{border-style:dashed}
@media (max-width:640px){.ui{white-space:normal}}

.steps-l{list-style:none;padding:0!important;counter-reset:s;display:grid;gap:12px}
.steps-l>li{counter-increment:s;position:relative;background:#fff;border-radius:16px;box-shadow:var(--shadow);padding:14px 16px 14px 60px;margin:0!important}
.steps-l>li::before{content:counter(s);position:absolute;left:14px;top:12px;width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:var(--tint);color:var(--blue-d);font-family:"Lexend";font-weight:700}

.note{border-radius:16px;padding:14px 18px;margin:18px 0;background:#eef7ff;border-left:6px solid var(--blue)}
.note.tip{background:#eafaf2;border-left-color:var(--green)}
.note.warn{background:#fff6e5;border-left-color:var(--orange)}
.note.safe{background:#f3eefe;border-left-color:var(--purple)}
.note p{margin:4px 0}.note b:first-child{font-family:"Lexend"}

.g-sec .shot{margin:18px 0}
.shot.narrow{max-width:460px}
.shot.mid{max-width:620px}
.shots-2{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start;margin:18px 0}
.shots-2 .shot{margin:0}
.shots-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;align-items:start;margin:18px 0}
.shots-3 .shot{margin:0}

.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:16px 0}
.cardx{background:#fff;border-radius:18px;box-shadow:var(--shadow);padding:16px 18px;border-top:5px solid var(--c,var(--blue))}
.cardx h3{margin:0 0 6px;font-size:19px}.cardx p{margin:0;font-size:16px}
.c-pink{--c:var(--pink)}.c-orange{--c:var(--orange)}.c-blue{--c:#4361ee}.c-purple{--c:var(--purple)}.c-teal{--c:var(--teal)}.c-yellow{--c:var(--yellow)}.c-green{--c:var(--green)}

.tbl{width:100%;border-collapse:collapse;background:#fff;border-radius:16px;overflow:hidden;box-shadow:var(--shadow);font-size:16px;margin:16px 0}
.tbl th,.tbl td{text-align:left;padding:10px 14px;border-bottom:1px solid rgba(27,31,59,.08);vertical-align:top}
.tbl th{font-family:"Lexend";background:var(--tint)}
.tbl tr:last-child td{border-bottom:0}

.faq details{background:#fff;border-radius:14px;box-shadow:var(--shadow);margin:10px 0;padding:0 18px}
.faq summary{cursor:pointer;font-family:"Lexend";font-weight:700;padding:14px 0;list-style-position:outside}
.faq summary:focus-visible{outline:3px solid var(--yellow);outline-offset:3px;border-radius:6px}
.faq details>div{padding:0 0 14px}
.faq details p{margin:6px 0}

.g-cta{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0}
.g-next{background:linear-gradient(135deg,var(--blue),var(--purple));color:#fff;border-radius:var(--r);padding:26px;display:flex;gap:20px;align-items:center;flex-wrap:wrap;justify-content:space-between}
.g-next p{color:#fff;margin:0;font-size:19px}.g-next b{font-family:"Lexend"}

/* guides hub */
.hub{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:44px 0 80px}

@media (max-width:1100px){
  .g-layout{grid-template-columns:1fr;gap:28px}
  .toc{position:static}
  .toc ol{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px}
}
@media (max-width:760px){
  .g-hero-in{grid-template-columns:1fr}
  .g-hero-art{display:none}
  .toc ol{grid-template-columns:1fr}
  .shots-2,.shots-3,.cards,.hub{grid-template-columns:1fr}
  .shots-3 .shot{max-width:360px}
  .g-layout{padding-top:28px}
}

/* print / PDF */
@media print{
  @page{size:Letter;margin:14mm 14mm 16mm}
  body{background:#fff;font-size:12pt;line-height:1.45}
  .top,.branch,.foot,.skip,.toc .toc-pdf,.g-cta,.no-print{display:none!important}
  .g-hero{background:none;padding:0 0 10px;border:0}
  .g-hero-art{width:110px}
  .g-layout{display:block;padding:10px 0 0}
  .toc{position:static;box-shadow:none;border:1px solid #ccd;margin-bottom:14px;break-inside:avoid}
  .toc ol{grid-template-columns:repeat(2,1fr)}
  .g-body{max-width:none}
  .g-sec{break-before:auto;border-bottom:0;margin-bottom:12px}
  .g-sec h2{break-after:avoid}
  .shot,.note,.cardx,.steps-l>li,.tbl,.faq details{box-shadow:none;break-inside:avoid}
  .shot{border:1px solid #dde}
  .shot{padding:6px;margin:10px auto!important;width:fit-content;max-width:100%}
  .shot img{max-height:78mm;width:auto;margin:0 auto}
  .shot figcaption{font-size:9pt;padding:4px 4px 0}
  .shots-2{grid-template-columns:1fr 1fr!important;gap:10px}
  .shots-3{grid-template-columns:repeat(3,1fr)!important;gap:10px}
  .shots-2 .shot,.shots-3 .shot{width:auto}
  .shots-2 img,.shots-3 img{max-height:70mm}
  .cards{grid-template-columns:1fr 1fr!important;gap:8px}
  .cardx{padding:8px 12px;border:1px solid #dde}.cardx p{font-size:10pt}
  .steps-l{gap:6px}.steps-l>li{padding:8px 12px 8px 50px;border:1px solid #e3e6f3}.steps-l>li::before{top:7px;width:26px;height:26px}
  .note{padding:8px 12px;margin:10px 0}
  .tbl{font-size:10pt}.tbl th,.tbl td{padding:6px 10px}
  .g-sec h3{margin:14px 0 6px}
  .faq details{border:1px solid #dde}
  .faq details>div{display:block}
  a{color:var(--ink);text-decoration:none}
  .g-next{background:none;color:var(--ink);border:1px solid #ccd}.g-next p{color:var(--ink)}
}
.nav a[aria-current="page"]{opacity:1;color:var(--blue-d);font-weight:700}