.basics{--basic-ink:#123653;--basic-muted:#466075;--basic-border:#c7dce2;color:var(--basic-ink);background:#f7fafb}.basic-diagram svg{aspect-ratio:5/3;width:100%;height:auto;display:block}.basic-diagram-thumb{margin:-10px -10px 22px}.basic-diagram-explanation{color:var(--basic-muted);margin:18px 0 28px;font-size:17px;line-height:1.7}.basic-chapter-image{margin:0 0 28px}.basic-chapter-image img{aspect-ratio:3/2;background:#d6eff4;border-radius:20px;width:100%;height:auto}.basic-chapter-image figcaption{color:var(--basic-muted);padding-top:9px;font-size:13px}.basic-chapter-heading{grid-template-columns:minmax(0,1fr) 360px;align-items:center;gap:36px;margin-bottom:24px;display:grid}.basic-chapter-heading h2{margin-bottom:12px}.basic-chapter-heading p{max-width:420px;color:var(--basic-muted)}.basic-chapter-image-compact{margin:0}@media (max-width:760px){.basic-chapter-heading{grid-template-columns:1fr;gap:16px}.basic-chapter-image img{border-radius:16px}}.basic-wind-flow{text-align:center;background:#edf6f7;border-radius:16px;flex-direction:column;align-items:center;gap:12px;padding:24px;display:flex}.basic-wind-flow svg{max-width:90px;height:90px}.basic-progress-wrap{padding-top:28px}.basic-progress{border:1px solid var(--basic-border);background:#edf6f7;border-radius:20px;margin:28px 0;padding:24px}.basic-progress-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.basic-progress h2{font-size:24px}.basic-progress progress{accent-color:#087780;width:100%;height:12px;margin:18px 0;display:block}.basic-progress p{font-size:16px}.basic-progress button{font:inherit;color:#123653;cursor:pointer;background:#fff;border:1px solid #456b79;border-radius:12px;min-height:48px;padding:10px 16px}.basic-progress button[aria-pressed=true]{color:#fff;background:#123653}.basic-progress-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:16px;display:flex}.basic-progress .basic-reset{background:0 0;margin-top:18px;font-size:14px;display:block}.basic-progress .pill{white-space:normal;text-align:left}.basic-example{background:#edf6f7;border-left:4px solid #087780;border-radius:0 18px 18px 0;margin:28px 0;padding:24px}.basic-example h2{margin:10px 0;font-size:25px;line-height:1.35}.basics details{margin:16px 0}.basics summary{cursor:pointer;min-height:48px;padding:10px 0;font-weight:600}.basics summary:focus-visible{outline-offset:4px;outline:3px solid #b64610}.basic-example details p{margin:10px 0;font-size:17px}.basic-concept h2{margin-bottom:24px;font-size:25px;line-height:1.3}.basic-concept-panels{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;display:grid}.basic-concept-panels>div{background:#edf6f7;border-radius:14px;padding:18px}.basic-visual .basic-concept-icon{color:#086976;width:72px;height:72px;margin-bottom:18px}.basic-concept h3{font-size:19px;line-height:1.35}.basic-concept p{font-size:16px}.basic-concept{margin-bottom:28px}.basic-visual>svg{min-height:240px}.basic-progress .basic-feedback:empty{display:none}.basics h1,.basics h2,.basics h3{color:var(--basic-ink)}.basics .kicker,.basics a{color:#086976}.basics .pill-orange{color:#fff;background:#ad3c0b}.basic-hero{background:linear-gradient(125deg,#edf9fa,#f7fafb);padding:32px 0 52px}.basic-welcome{grid-template-columns:minmax(0,1fr) 300px;align-items:center;gap:48px;padding-top:36px;display:grid}.basic-welcome h1{font-size:clamp(38px,5vw,66px);line-height:1.08}.basic-welcome em{color:#07808b;font-style:normal}.basic-welcome p{max-width:650px}.basic-welcome img{border-radius:40px}.basic-meta{color:var(--basic-muted);font-size:14px}.basic-library{padding-top:54px;padding-bottom:54px}.basic-library>section{margin-bottom:48px}.basic-library h2{margin:8px 0 22px;font-size:30px}.basic-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.basic-card{border:1px solid var(--basic-border);background:#fff;border-radius:20px;flex-direction:column;padding:26px;display:flex;color:var(--basic-ink)!important}.basic-card h3{margin-top:14px;font-size:23px;line-height:1.25}.basic-card p{color:var(--basic-muted);font-size:16px}.basic-card-link{color:#086976;margin-top:auto;font-weight:700}.basic-card:hover{border-color:#07808b;box-shadow:0 6px 22px #1236530d}.basic-reading{max-width:820px;padding-top:32px;padding-bottom:64px}.basic-heading{padding:36px 0 28px}.basic-heading h1{margin:14px 0;font-size:clamp(34px,5vw,54px);line-height:1.12}.basic-heading>p{font-size:20px}.basic-saily{border:1px solid var(--basic-border);background:#e7f5f5;border-radius:20px;align-items:center;gap:22px;padding:20px;display:flex}.basic-saily img{border-radius:16px;flex-shrink:0}.basic-saily p{margin:4px 0 0}.basic-saily strong{font-size:20px}.basic-visual{border:1px solid var(--basic-border);background:#fff;border-radius:20px;margin:28px 0;padding:22px}.basic-visual svg{width:100%;height:auto}.basic-memory{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:14px 0 0;padding:0;list-style:none;display:grid}.basic-memory li{font-size:17px;font-weight:600;line-height:1.5}.basic-memory span{color:#07808b;margin-bottom:8px;font-size:24px;display:block}.basic-copy section{margin:36px 0}.basic-copy h2,.basic-quiz h2,.basic-related h2,.basic-boundary h2{font-size:27px;line-height:1.25}.basic-copy p{font-size:18px;line-height:1.85}.basic-quiz{border:1px solid var(--basic-border);background:#fff;border-radius:20px;padding:28px}.basic-quiz fieldset{border:0;min-width:0;margin:26px 0 0;padding:0}.basic-quiz legend{margin-bottom:12px;padding:0;font-size:18px;font-weight:700}.basic-options{flex-wrap:wrap;gap:10px;display:flex}.basic-options button{color:#123653;min-height:48px;font:inherit;cursor:pointer;text-align:left;background:#f7fafb;border:1px solid #8baab4;border-radius:12px;padding:12px 18px}.basic-options button[aria-pressed=true]{color:#fff;background:#123653;border-color:#123653}.basic-feedback{color:#466075;margin-bottom:0;font-size:16px}.basics a:focus-visible,.basics button:focus-visible{outline-offset:4px;outline:3px solid #b64610}.basic-related{padding:36px 0}.basic-related a{padding:10px 0;text-decoration:underline;display:block}.basic-pagination{border-top:1px solid var(--basic-border);justify-content:space-between;gap:20px;padding:24px 0;display:flex}.basic-pagination a{flex:1;min-height:44px;font-weight:600}.basic-boundary{background:#eaf2f5;border-radius:16px;margin-top:24px;padding:24px;font-size:16px}@media (max-width:760px){.basic-welcome{grid-template-columns:1fr;gap:24px}.basic-welcome img{grid-row:1;width:150px;height:150px}.basic-grid{grid-template-columns:1fr}.basic-saily{align-items:flex-start;gap:14px;padding:16px}.basic-saily img{width:66px;height:66px}.basic-memory{grid-template-columns:1fr}.basic-memory li{align-items:baseline;gap:14px;display:flex}.basic-memory span{margin:0}.basic-quiz{padding:20px}.basic-pagination{flex-direction:column}.basic-heading>p{font-size:18px}}