.foundation section{scroll-margin-top:110px}.foundation-figure{margin:30px 0;padding:clamp(12px,3vw,28px);background:#172129;border:1px solid #445b66;border-radius:18px}.foundation-figure svg{width:100%;height:auto;display:block}.foundation-figure svg text{font:18px system-ui,sans-serif;fill:#e0ecee}.foundation-figure figcaption{font-size:14px;line-height:1.8;color:#adbec5;margin-top:18px}.foundation-callout,.teacher-video,.foundation-roadmap{border:1px solid #486b70;border-radius:18px;background:#192326;padding:24px;margin:28px 0}.teacher-video>a{display:inline-block;margin:8px 16px 8px 0}.small-note{font-size:14px!important;line-height:1.8!important;color:#aebdc2}.foundation-table{overflow-x:auto;margin:24px 0}.foundation-table table{border-collapse:collapse;width:100%;font-size:16px;line-height:1.8}.foundation-table th,.foundation-table td{text-align:left;vertical-align:top;border-bottom:1px solid #415058;padding:16px 12px;min-width:100px}.foundation-table th{color:#afe0d9;background:#182329}.foundation p{overflow-wrap:anywhere}.foundation-roadmap li{margin:20px 0}.foundation-roadmap li a{font-weight:650}.foundation-roadmap li p{font-size:16px}.buy-check li{margin:16px 0}@media(max-width:500px){.foundation-table th,.foundation-table td{font-size:14px;padding:12px 8px;min-width:85px}.foundation-figure{padding:10px}.foundation-figure svg text{font-size:20px}}

/* Keep diagram labels legible on phones; scroll only the diagram, not the page. */
.diagram-scroll{overflow-x:auto;overscroll-behavior-x:contain}.diagram-scroll svg{min-width:560px}.diagram-hint{font-size:14px;color:#aebdc2;margin:0 0 8px}@media(min-width:700px){.diagram-hint{display:none}}