
:root{--bg:#f6f8fc;--ink:#172033;--muted:#667085;--card:#fff;--line:#e7eaf2;--brand:#3867ff;--shadow:0 16px 40px rgba(22,34,51,.08);--radius:22px;--green:#0d8f67;--blue:#2775d1;--orange:#d97817;--purple:#7b52c7;--red:#d04444;--pink:#ce4b8e;--teal:#008b8b}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;background:linear-gradient(180deg,#f9fbff,#eef4ff);color:var(--ink);line-height:1.58}a{color:inherit}.topbar{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:14px 26px;background:rgba(255,255,255,.88);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.brand{font-weight:800;text-decoration:none}.topbar nav{display:flex;gap:10px;flex-wrap:wrap}.topbar nav a{font-size:14px;text-decoration:none;background:#f1f4ff;padding:8px 12px;border-radius:999px;color:#26324d}.layout{display:grid;grid-template-columns:280px 1fr;max-width:1480px;margin:0 auto}.sidebar{position:sticky;top:66px;align-self:start;height:calc(100vh - 70px);overflow:auto;padding:24px 18px;border-right:1px solid var(--line);background:rgba(255,255,255,.58)}.sidebar h3{margin:18px 8px 8px;font-size:13px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.sidebar a,.link-list a{display:block;text-decoration:none;padding:10px 12px;margin:6px 0;border-radius:14px;background:#fff;border:1px solid var(--line)}.sidebar a.active{outline:3px solid rgba(56,103,255,.16);border-color:#becafe}.hour-nav{display:grid;grid-template-columns:1fr 1fr;gap:6px}.hour-nav a{text-align:center;font-size:13px}.content{padding:28px;max-width:1120px;width:100%}.content.full{max-width:1260px;margin:0 auto}.hero{background:radial-gradient(circle at 10% 10%,#ffffff 0,#ffffff 34%,#eef4ff 100%);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:32px;padding:34px;margin-bottom:24px}.hero h1{font-size:clamp(32px,4vw,56px);line-height:1.05;margin:8px 0 14px}.lead{font-size:19px;color:#39445d;max-width:940px}.eyebrow{font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:var(--brand);font-size:13px;margin:0 0 8px}.button,.print,.copy{display:inline-flex;align-items:center;gap:8px;text-decoration:none;border:0;border-radius:999px;background:var(--brand);color:#fff;padding:11px 16px;font-weight:800;cursor:pointer}.button.alt{background:#172033}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.print{margin:12px 8px;background:#172033}.copy{float:right;font-size:13px;padding:8px 12px}.grid{display:grid;gap:18px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.course-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.card,.course-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow);margin-bottom:18px}.course-card{position:relative;overflow:hidden}.course-card h2{margin:0 0 10px}.course-card .button{margin-top:12px}.big-icon{position:absolute;right:18px;top:10px;font-size:58px;opacity:.18}.soft{background:#fbfcff}.warning{background:#fff8ea;border-color:#f5d99c}.script-card{background:#f8fbff;border-color:#ccddff}.script-lines p{padding:12px 14px;background:#fff;border:1px solid var(--line);border-radius:14px}.lesson{scroll-margin-top:86px;margin:38px 0}.lesson-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;border-top:2px solid var(--line);padding-top:24px}.lesson h2{font-size:32px;line-height:1.12;margin:0 0 14px}.toplink{font-size:13px;color:var(--muted);text-decoration:none}.chips{display:flex;gap:8px;flex-wrap:wrap}.badge{display:inline-block;background:#fff;border:1px solid var(--line);padding:7px 10px;border-radius:999px;font-size:13px;font-weight:700}.timeline{list-style:none;padding:0;margin:0}.timeline li{display:grid;grid-template-columns:92px 1fr;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.timeline b{color:#172033}.timeline span{color:#39445d}.accordion details{border:1px solid var(--line);border-radius:14px;background:#fff;margin:8px 0;padding:10px 12px}.accordion summary{font-weight:800;cursor:pointer}.accordion p{margin:10px 0 0;color:#39445d}.scenario-list li{margin-bottom:8px}.resource-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.resource{display:block;text-decoration:none;background:#f8faff;border:1px solid var(--line);border-radius:16px;padding:14px}.resource span{display:block;color:var(--muted);font-size:14px;margin-top:4px}.search-panel input{width:100%;font-size:17px;padding:16px 18px;border:1px solid var(--line);border-radius:16px}.hint{color:var(--muted);font-size:14px}.cut-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.cut-card{border:2px dashed #b8c2d8;background:#fff;border-radius:18px;padding:16px;min-height:128px;display:flex;flex-direction:column;justify-content:space-between}.cut-card p{font-weight:700}.cut-card small{color:var(--muted)}table{width:100%;border-collapse:collapse;background:#fff;border-radius:16px;overflow:hidden}td,th{border-bottom:1px solid var(--line);padding:10px 12px;text-align:left}th{background:#f3f6ff}.certificate{page-break-after:always;margin:24px auto;max-width:960px;min-height:640px;border:12px solid #dfe8ff;border-radius:34px;background:#fff;display:grid;place-items:center}.cert-inner{text-align:center;padding:44px}.cert-small{text-transform:uppercase;letter-spacing:.18em;color:var(--muted);font-weight:800}.certificate h1{font-size:48px;line-height:1.05}.name-line{border-bottom:2px solid #222;padding:18px;margin:20px auto;width:min(680px,90%);font-size:24px;color:#98a2b3}.cert-mantra{font-style:italic;color:#39445d}.cert-footer{display:flex;justify-content:space-between;gap:80px;margin-top:46px;color:#667085}.course-green .eyebrow,.course-green h2 a{color:var(--green)}.course-blue .eyebrow,.course-blue h2 a{color:var(--blue)}.course-orange .eyebrow,.course-orange h2 a{color:var(--orange)}.course-purple .eyebrow,.course-purple h2 a{color:var(--purple)}.course-red .eyebrow,.course-red h2 a{color:var(--red)}.course-pink .eyebrow,.course-pink h2 a{color:var(--pink)}.course-teal .eyebrow,.course-teal h2 a{color:var(--teal)}footer{text-align:center;color:var(--muted);padding:32px}.parent-card{background:#f7fff9}.print-course{page-break-before:always}.print-lesson{border:1px solid #d0d7e7;border-radius:14px;padding:16px;margin:12px 0;background:#fff}
@media(max-width:980px){.layout{display:block}.sidebar{position:static;height:auto;border-right:0}.grid.two,.course-grid,.resource-grid,.cut-grid{grid-template-columns:1fr}.topbar{position:static;align-items:flex-start;flex-direction:column}.content{padding:16px}.hero{padding:22px}.lesson h2{font-size:26px}.copy{float:none;margin-bottom:10px}}
@media print{body{background:#fff}.topbar,.sidebar,.no-print,.button,.print,.copy,.toplink{display:none!important}.layout{display:block}.content{max-width:none;padding:0}.card,.hero,.course-card{box-shadow:none;border-color:#cfd7e6;break-inside:avoid}.lesson{break-inside:avoid;page-break-inside:avoid}.grid.two,.course-grid,.resource-grid,.cut-grid{grid-template-columns:1fr 1fr}.certificate{height:95vh;margin:0;border-color:#333}.script-lines p{border:1px solid #aaa}.lesson-head{page-break-before:auto}.print-course{page-break-before:always}.print-lesson{break-inside:avoid}}
