#school-introduction{max-width:1100px;margin:0 auto}#school-introduction .audience-intro{border-top:1px solid var(--sp-line);margin-top:25px;padding-top:20px}#school-introduction .audience-intro p{color:var(--sp-muted);font-size:14px}#school-introduction .conversation{border-top:1px solid var(--sp-line);margin-top:18px;padding-top:16px;font-size:14px}#school-introduction .conversation p{margin:0 0 12px}#school-introduction .school-label{border:1px solid var(--sp-line);border-radius:6px;padding:9px 12px;font-size:13px}#school-introduction .closing-note{background:var(--sp-surface);border-radius:8px;margin-top:22px;padding:20px}#school-introduction .intro-topic{border-bottom:1px solid var(--sp-line);padding:12px 0}#school-introduction .intro-topic p{margin:5px 0 8px;font-size:14px}#school-introduction .choice-followup{color:var(--sp-muted);margin-top:13px;font-size:13px}#school-introduction [hidden]{display:none!important}#school-introduction header{align-items:flex-start}#school-introduction .nav{gap:16px}#school-introduction .nav a{align-items:center;min-height:44px;display:inline-flex}@media (max-width:720px){#school-introduction header{display:block}#school-introduction header .nav{margin-top:14px}#school-introduction .schoolbar .nav{gap:12px;font-size:12px}}@media (prefers-reduced-motion:reduce){#school-introduction *{scroll-behavior:auto!important}}#school-introduction{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--sp-paper:var(--lightningcss-light,#fff)var(--lightningcss-dark,#14222b);--sp-ink:var(--lightningcss-light,#1e303c)var(--lightningcss-dark,#edf4f7);--sp-muted:var(--lightningcss-light,#516571)var(--lightningcss-dark,#bacbd4);--sp-surface:var(--lightningcss-light,#f0f4f5)var(--lightningcss-dark,#1b2e3a);--sp-line:var(--lightningcss-light,#d3dde2)var(--lightningcss-dark,#354b59);--sp-blue:var(--lightningcss-light,#245b7c)var(--lightningcss-dark,#a5d1ea);--sp-olive:var(--lightningcss-light,#50653f)var(--lightningcss-dark,#c7d7b2);--sp-hero:var(--lightningcss-light,#153a50)var(--lightningcss-dark,#102c3e);--sp-onhero:#f5f8fa;--sp-soft:var(--lightningcss-light,#e5eef3)var(--lightningcss-dark,#294454);background:var(--sp-paper);color:var(--sp-ink);border-radius:12px;font-family:Arial,sans-serif;font-size:15px;line-height:1.6;overflow:hidden}@media (prefers-color-scheme:dark){#school-introduction{--lightningcss-light: ;--lightningcss-dark:initial}}#school-introduction *{box-sizing:border-box}#school-introduction button,#school-introduction select,#school-introduction a{font:inherit}#school-introduction a{color:var(--sp-blue);text-underline-offset:4px}#school-introduction button{border:1px solid var(--sp-line);background:var(--sp-paper);min-height:44px;color:var(--sp-ink);border-radius:7px;padding:10px 16px}#school-introduction button:hover{background:var(--sp-soft)}:is(#school-introduction button:focus-visible,#school-introduction a:focus-visible,#school-introduction select:focus-visible){outline:3px solid var(--sp-olive);outline-offset:4px}#school-introduction .draftbar{background:var(--sp-surface);color:var(--sp-muted);flex-wrap:wrap;justify-content:space-between;gap:10px;padding:10px 25px;font-size:12px;display:flex}#school-introduction .draftbar b{color:var(--sp-ink)}#school-introduction header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:22px 30px;display:flex}#school-introduction .wordmark{color:var(--sp-ink);font-family:Georgia,serif;font-size:20px}#school-introduction .wordmark span{letter-spacing:.12em;color:var(--sp-muted);margin-top:3px;font-family:Arial,sans-serif;font-size:11px;display:block}#school-introduction .nav{flex-wrap:wrap;align-items:center;gap:22px;font-size:13px;display:flex}#school-introduction .nav a{color:var(--sp-ink);text-decoration:none}#school-introduction .schoolbar{background:var(--sp-surface);border-top:1px solid var(--sp-line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 30px;display:flex}#school-introduction .crumb{color:var(--sp-muted);font-size:12px}#school-introduction select{background:var(--sp-paper);min-height:44px;color:var(--sp-ink);border:1px solid var(--sp-line);border-radius:6px;width:265px;max-width:100%;padding:9px 10px;font-size:13px}#school-introduction .hero{background:var(--sp-hero);color:var(--sp-onhero);grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:center;gap:34px;padding:43px 34px;display:grid}#school-introduction .eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:700}#school-introduction .hero h1{letter-spacing:-.03em;margin:12px 0 18px;font-family:Georgia,serif;font-size:43px;font-weight:400;line-height:1.12}#school-introduction .hero p{color:#dfebf2;max-width:550px;margin:0 0 23px;font-size:16px}#school-introduction .row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}#school-introduction .hero .primary{color:#23331f;background:#d5e2bb;border-color:#d5e2bb;font-weight:700}#school-introduction .hero .secondary{color:var(--sp-onhero);background:0 0;border-color:#7695a8}#school-introduction .hero .secondary:hover{background:#244d64}#school-introduction .hero .micro{color:#d3e3ed;margin-top:15px;font-size:12px}#school-introduction .welcome{background:#224b64;border:1px solid #50768e;border-radius:11px;padding:22px;position:relative;overflow:hidden}#school-introduction .welcome:after{content:"";pointer-events:none;border:1px solid #52748b;border-radius:50%;width:200px;height:200px;position:absolute;top:-80px;right:-90px}#school-introduction .welcome h2{margin:18px 0 24px;font-family:Georgia,serif;font-size:24px;font-weight:400;line-height:1.3}#school-introduction .welcome .welcome-action{color:#193d52;text-align:left;background:#f2f6f8;border:0;justify-content:space-between;align-items:center;width:100%;display:flex}#school-introduction .welcome .small{color:#d3e3ed;margin:12px 0 0;font-size:12px}#school-introduction .welcome .line{background:#53758b;height:1px;margin:22px 0 14px}#school-introduction .introbox{background:var(--sp-soft);border-bottom:1px solid var(--sp-line);padding:25px 34px}#school-introduction .introbox[hidden]{display:none}#school-introduction .introbox h2{margin:10px 0;font-family:Georgia,serif;font-size:25px;font-weight:400}#school-introduction .introbox p{margin:10px 0 16px}#school-introduction .introhead{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}#school-introduction .introstages{flex-wrap:wrap;gap:6px;margin:12px 0;display:flex}#school-introduction .introstages button{padding:8px 12px;font-size:12px}#school-introduction button[aria-pressed=true]{background:var(--sp-hero);color:var(--sp-onhero);border-color:var(--sp-hero)}#school-introduction .mainsection{border-bottom:1px solid var(--sp-line);padding:34px}#school-introduction .sectionhead{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:22px;display:flex}#school-introduction .sectionhead h2{margin:6px 0 8px;font-family:Georgia,serif;font-size:29px;font-weight:400;line-height:1.2}#school-introduction .sectionhead p{color:var(--sp-muted);max-width:640px;margin:0;font-size:14px}#school-introduction .olive{color:var(--sp-olive)}#school-introduction .topics{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;display:grid}#school-introduction .topic{text-align:left;background:var(--sp-surface);border:1px solid var(--sp-line);border-radius:8px;padding:18px}#school-introduction .topic strong{margin:12px 0 6px;font-size:15px;display:block}#school-introduction .topic p{color:var(--sp-muted);margin:0;font-size:13px;line-height:1.5}#school-introduction .topic .number{color:var(--sp-olive);font-size:12px}#school-introduction .topicdetail{background:var(--sp-soft);border-radius:7px;margin-top:15px;padding:18px;font-size:14px}#school-introduction .story{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;display:grid}#school-introduction .story-left{background:var(--sp-surface);border-radius:9px;padding:24px}#school-introduction .story-left h3{margin:8px 0 15px;font-family:Georgia,serif;font-size:25px;font-weight:400;line-height:1.25}#school-introduction .story-left p{margin:0 0 16px;font-size:14px}#school-introduction .characters{border-top:1px solid var(--sp-line);flex-wrap:wrap;gap:14px;padding-top:15px;font-size:12px;display:flex}#school-introduction .characters b{display:block}#school-introduction .characters span{color:var(--sp-muted)}#school-introduction .choices{gap:9px;display:grid}#school-introduction .choices button{text-align:left;font-size:14px}#school-introduction .feedback{border-left:3px solid var(--sp-olive);background:var(--sp-surface);margin-top:12px;padding:17px;font-size:14px}#school-introduction .forwho{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}#school-introduction .forwho span{border:1px solid var(--sp-line);border-radius:20px;padding:6px 11px;font-size:12px}#school-introduction .path{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:22px;display:grid}#school-introduction .startcard{background:var(--sp-surface);border:1px solid var(--sp-line);border-radius:9px;padding:25px}#school-introduction .startcard h3{margin:10px 0 12px;font-family:Georgia,serif;font-size:25px;font-weight:400;line-height:1.25}#school-introduction .startcard p{color:var(--sp-muted);margin:0 0 18px;font-size:14px}#school-introduction .linkaction{background:var(--sp-hero);min-height:44px;color:var(--sp-onhero);border-radius:6px;align-items:center;padding:10px 16px;font-size:14px;text-decoration:none;display:inline-flex}#school-introduction .resource-row{border-bottom:1px solid var(--sp-line);padding:16px 0}#school-introduction .resource-row h3{margin:0 0 5px;font-size:15px}#school-introduction .resource-row p{color:var(--sp-muted);margin:0;font-size:13px}#school-introduction .resource-row a{align-items:center;min-height:32px;margin-top:7px;font-size:13px;display:inline-flex}#school-introduction .connections{flex-wrap:wrap;gap:8px;display:flex}#school-introduction .connections button{font-size:13px}#school-introduction footer{background:var(--sp-surface);color:var(--sp-muted);flex-wrap:wrap;justify-content:space-between;gap:10px;padding:22px 34px;font-size:12px;display:flex}#school-introduction .sr{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}@media (max-width:720px){#school-introduction .hero{grid-template-columns:1fr;gap:24px;padding:30px 23px}#school-introduction .hero h1{font-size:36px}#school-introduction .mainsection{padding:27px 23px}#school-introduction .topics{grid-template-columns:repeat(2,minmax(0,1fr))}#school-introduction .story,#school-introduction .path{grid-template-columns:1fr}#school-introduction header,#school-introduction .schoolbar{padding:18px 23px}#school-introduction .introbox{padding:23px}}@media (max-width:430px){#school-introduction .topics{grid-template-columns:1fr}#school-introduction .hero h1{font-size:31px}#school-introduction .nav{gap:16px}#school-introduction select,#school-introduction .schoolbar label{width:100%}}@media (prefers-reduced-motion:no-preference){#school-introduction button{transition:background .15s}}#school-introduction .topic[aria-pressed=true] p,#school-introduction .topic[aria-pressed=true] .number{color:#dfebf2}#school-introduction{width:calc(100% - 36px);margin:24px auto}#school-introduction .hero :is(button,a):focus-visible{outline-color:#fff}#school-introduction .connections a.school-label{align-items:center;min-height:44px;text-decoration:none;display:inline-flex}#school-introduction .introbox h2:focus{outline:2px solid var(--sp-blue);outline-offset:4px}@media (max-width:600px){#school-introduction{width:100%;margin:0 auto}}#school-introduction .hero{border:0}#school-introduction .eyebrow{color:inherit;margin:0}#school-introduction .eyebrow.olive{color:var(--sp-olive)}
