/* Shared by every route guide, without changing the section chooser. */
html[data-design] #modal .sectionGuide{box-sizing:border-box;width:100%;max-width:580px;margin:0 auto;padding:24px;min-width:0;text-align:left}
html[data-design] #modal .sectionGuide>.sheetHeader{display:grid;grid-template-columns:minmax(0,1fr) 44px;align-items:center;gap:16px;margin:0 0 24px;padding:0}
html[data-design] #modal .sectionGuide>.sheetHeader h2{min-width:0;margin:0;font-size:26px;line-height:1.25;overflow-wrap:anywhere}
html[data-design] #modal .sectionGuide>.sheetHeader>.close{position:static;display:grid;place-items:center;align-self:start;width:44px;height:44px;min-width:44px;min-height:44px;margin:0;padding:10px;transform:none;flex:none}
html[data-design] #modal .sectionGuide>.curriculumOutcome{display:grid;gap:12px;margin:0;padding:0 0 20px;border-bottom:1px solid var(--border)}
html[data-design] #modal .sectionGuide>.curriculumOutcome h3{margin:0;font-size:15px;line-height:1.5;color:var(--green)}
html[data-design] #modal .sectionGuide>.curriculumOutcome p{margin:0;font-size:17px;line-height:1.65;color:var(--text)}
html[data-design] #modal .sectionGuide>.curriculumOutcome small{display:block;margin:0;font-size:14px;line-height:1.7;color:var(--sub)}
html[data-design] #modal .sectionGuideIntro{display:grid;gap:16px;margin:20px 0 28px;min-width:0}
html[data-design] #modal .sectionGuideIntro>p,html[data-design] #modal .sectionGuideFoundation>p{margin:0;font-size:14px;line-height:1.7;color:var(--sub)}
html[data-design] #modal .sectionGuide #routeGuideTest{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;min-height:48px;margin:0;padding:12px 16px;line-height:1.4;letter-spacing:0;white-space:normal;text-align:left}
html[data-design] #modal .sectionGuide #routeGuideTest>.uiIcon{flex:none;width:22px;height:22px}
html[data-design] #modal .sectionGuideLessons{display:grid;gap:26px;min-width:0}
html[data-design] #modal .sectionGuideLesson{display:grid;gap:10px;min-width:0;margin:0;padding:0}
html[data-design] #modal .sectionGuideLesson>h3{margin:0;font-size:18px;line-height:1.4;overflow-wrap:anywhere}
html[data-design] #modal .sectionGuideLesson>p{margin:0;font-size:14px;line-height:1.75;color:var(--sub);overflow-wrap:anywhere}
html[data-design] #modal .sectionGuideFoundation>.sectionChoices{margin:20px 0 0;gap:12px}
@media(max-width:400px){html[data-design] #modal .sectionGuide{padding:20px}html[data-design] #modal .sectionGuide>.sheetHeader{gap:12px}html[data-design] #modal .sectionGuide>.sheetHeader h2{font-size:24px}}