.about-page{max-width:1240px;margin:0 auto;padding:54px 32px 88px;color:var(--ink,#172c42)}
.about-kicker{margin:0 0 18px;color:var(--accent,#1768e5);font-size:11px;font-weight:750;letter-spacing:.13em;line-height:1.6}
.about-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:52px;align-items:center;padding:26px 0 56px}
.about-hero h1{font-size:clamp(32px,3.65vw,51px);line-height:1.32;letter-spacing:-.05em;white-space:pre-line;margin:0 0 24px;font-weight:760}
.about-lead{font-size:16px;color:var(--muted,#697b8e);line-height:1.95;max-width:550px;margin:0 0 26px}
.about-mission-tag{display:inline-flex;align-items:center;gap:8px;font-size:12px;padding:8px 12px;background:#e8f4f1;color:#147462;border-radius:99px;font-weight:600}
.about-mission-tag:before{content:"";width:6px;height:6px;background:#199b80;border-radius:50%}
.about-orbit{position:relative;min-height:340px;border:1px solid #e2ebf2;border-radius:28px;background:radial-gradient(ellipse at 50% 48%,#fff 12%,#f0f7fb 72%);overflow:hidden;isolation:isolate}
.about-orbit:before,.about-orbit:after{content:"";position:absolute;inset:43px 54px;border:1px dashed #c5d8e8;border-radius:50%;transform:rotate(-17deg);z-index:-1}
.about-orbit:after{inset:74px 80px;transform:rotate(18deg);border-style:solid;border-color:#dce8f2}
.about-orbit-centre{position:absolute;inset:43% 0 auto;text-align:center}
.about-orbit-centre small{display:block;color:#8293a4;font-size:11px;margin-bottom:8px}
.about-orbit-centre strong{font-size:18px;letter-spacing:-.02em}
.about-orbit-node{position:absolute;display:grid;grid-template-columns:25px 1fr;gap:4px 9px;background:#fff;border:1px solid #dfeaf1;border-radius:15px;padding:15px 18px;box-shadow:0 10px 28px #315b8310;min-width:164px}
.about-orbit-node span{grid-row:span 2;align-self:center;display:grid;place-items:center;background:#ecf3ff;color:#1768e5;font-size:9px;font-weight:750;width:25px;height:28px;border-radius:7px}
.about-orbit-node strong{font-size:13px;line-height:1.5}.about-orbit-node small{font-size:10px;color:#7b8d9e}
.about-orbit-node.teacher{top:28px;left:36px}.about-orbit-node.assist{right:25px;top:124px}.about-orbit-node.practice{bottom:28px;left:54px}
.about-orbit-node.assist span{background:#e8f7f1;color:#098b7b}.about-orbit-node.practice span{background:#fff5e4;color:#a87824}
.about-orbit-dot{position:absolute;width:8px;height:8px;border-radius:50%;background:#2074e8}.about-orbit-dot.dot-a{top:53px;right:105px}.about-orbit-dot.dot-b{left:45px;top:177px;background:#11a08b}.about-orbit-dot.dot-c{right:103px;bottom:49px;background:#dbb25f}
.about-tabs{display:flex;border-bottom:1px solid var(--line,#e1eaf0);gap:30px;margin-bottom:40px}
.about-tabs button{appearance:none;border:0;border-bottom:2px solid transparent;margin:0 0 -1px;padding:16px 0;color:var(--muted,#697b8e);background:transparent;font:inherit;font-size:13px;font-weight:600;cursor:pointer}
.about-tabs button[aria-current=page]{color:var(--accent,#1768e5);border-bottom-color:var(--accent,#1768e5)}
.about-tabs button:focus-visible,.about-reference-links a:focus-visible{outline:3px solid #8bb9fa;outline-offset:5px;border-radius:4px}
.about-panel[hidden]{display:none!important}.about-section-heading{margin-bottom:28px;max-width:800px}.about-section-heading .about-kicker{margin-bottom:12px;font-size:10px}.about-section-heading h2{font-size:29px;letter-spacing:-.035em;line-height:1.4;margin:0 0 13px}.about-description{color:var(--muted,#697b8e);font-size:14px;line-height:1.9;margin:0}
.about-principles{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.about-principle{background:var(--surface,#fff);border:1px solid var(--line,#e1eaf0);border-radius:18px;padding:27px 25px 22px}.about-principle-number{display:inline-block;color:var(--teal,#098b7b);font-size:11px;font-weight:750;letter-spacing:.05em;margin-bottom:24px}.about-principle h3{font-size:18px;line-height:1.5;margin:0 0 12px;letter-spacing:-.02em}.about-principle>p{font-size:13px;line-height:1.95;color:var(--muted,#697b8e);margin:0 0 22px}.about-principle-example{border-top:1px solid var(--line,#e1eaf0);padding-top:17px}.about-principle-example span{color:#24927e;font-size:10px;font-weight:650}.about-principle-example p{font-size:12px;color:#697b8e;line-height:1.8;margin:7px 0 0}
.about-pathway{padding:30px 32px;border-radius:20px;background:#eaf2fa;margin-top:24px}.about-pathway>strong{font-size:20px;letter-spacing:-.025em}.about-pathway-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin:27px 0}.about-pathway-steps span{display:flex;gap:10px;align-items:center;font-size:12px;color:#536b80}.about-pathway-steps b{display:grid;place-items:center;width:26px;height:26px;background:#fff;border-radius:50%;color:#1768e5;font-size:9px;font-weight:750}
.about-actions{display:flex;gap:12px;flex-wrap:wrap}.about-button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 17px;border:1px solid #cddce9;border-radius:10px;color:#43617d;background:#fff;font-size:12px;font-weight:600;text-decoration:none;transition:transform .15s,background .15s}.about-button:hover{transform:translateY(-1px);background:#f5f9ff}.about-button.primary{background:#1768e5;border-color:#1768e5;color:#fff}.about-button.primary:hover{background:#125ac9}
.about-resource-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line,#e1eaf0);border:1px solid var(--line,#e1eaf0);border-radius:16px;overflow:hidden;margin:25px 0}.about-resource-stats>div{background:#fff;padding:25px 28px}.about-resource-stats strong{display:block;font-size:29px;letter-spacing:-.04em;margin-bottom:6px;font-weight:750}.about-resource-stats span{font-size:11px;color:#6d8294}
.about-source-table-wrap{border:1px solid var(--line,#e1eaf0);border-radius:16px;overflow:auto;background:#fff}.about-source-table{width:100%;border-collapse:collapse;min-width:640px;text-align:left}.about-source-table th,.about-source-table td{padding:20px 24px;border-bottom:1px solid #e7eef3;font-size:12px;line-height:1.85;vertical-align:top}.about-source-table thead th{background:#f5f8fb;color:#8494a4;font-size:10px;letter-spacing:.04em;font-weight:600}.about-source-table tbody th{width:23%;font-weight:650;color:#263d52}.about-source-table td{color:#6b7f90;width:38%}.about-source-table tbody tr:last-child>*{border-bottom:0}
.about-source-note{display:flex;gap:13px;align-items:flex-start;background:#edf7f4;border-radius:13px;padding:17px 20px;margin-top:20px}.about-source-note p{color:#477364;font-size:12px;line-height:1.85;margin:0}.about-icon{display:inline-grid;place-items:center;width:31px;height:31px;border-radius:9px;background:#eaf2fe;color:#1768e5;font-size:18px;flex-shrink:0}.about-source-note .about-icon{background:#dcefe8;color:#26836b;width:27px;height:27px;font-size:15px}
.about-reference-links{display:flex;flex-wrap:wrap;gap:24px;margin-top:23px}.about-reference-links a{font-size:12px;color:#1768e5;text-decoration:none}.about-reference-links a:hover{text-decoration:underline}
.about-privacy-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.about-privacy-card{padding:28px;border:1px solid var(--line,#e1eaf0);background:#fff;border-radius:17px}.about-privacy-card .about-icon{margin-bottom:21px}.about-privacy-card h3{font-size:17px;margin:0 0 12px}.about-privacy-card p{font-size:13px;line-height:1.9;color:var(--muted,#697b8e);margin:0}.about-boundaries{border-top:1px solid var(--line,#e1eaf0);padding-top:24px;margin-top:30px}.about-boundaries h3{font-size:14px;margin:0 0 10px}.about-boundaries p{font-size:12px;line-height:1.95;color:#7a8c9d;max-width:900px;margin:0}
@media(max-width:1000px){.about-page{padding:35px 24px 60px}.about-hero{gap:26px}.about-hero h1{font-size:36px}.about-lead{font-size:14px}.about-orbit{min-height:310px}.about-orbit-node{min-width:145px;padding:13px}.about-orbit-node.teacher{left:18px}.about-orbit-node.assist{right:15px}.about-orbit-node.practice{left:29px}.about-orbit-centre strong{font-size:15px}.about-principle{padding:22px 19px}.about-pathway-steps{gap:12px}.about-pathway-steps span{font-size:11px}}
@media(max-width:740px){.about-page{padding:27px 20px 50px}.about-hero{grid-template-columns:1fr;padding:8px 0 27px;gap:25px}.about-hero h1{font-size:35px;max-width:570px}.about-lead{max-width:620px}.about-orbit{min-height:295px;max-width:540px;width:100%}.about-orbit-node.teacher{left:34px;top:22px}.about-orbit-node.assist{right:24px;top:111px}.about-orbit-node.practice{left:51px;bottom:23px}.about-principles{grid-template-columns:1fr;gap:13px}.about-principle{padding:23px}.about-principle-number{margin-bottom:14px}.about-principle>p{margin-bottom:15px}.about-principle-example{padding-top:13px}.about-tabs{gap:28px;margin-bottom:29px}.about-section-heading h2{font-size:25px}.about-section-heading .about-description{font-size:13px}.about-pathway{padding:24px}.about-pathway>strong{font-size:18px}.about-pathway-steps{grid-template-columns:1fr 1fr;gap:18px;margin:24px 0}.about-privacy-grid{grid-template-columns:1fr}.about-resource-stats>div{padding:20px 15px}.about-resource-stats strong{font-size:25px}.about-resource-stats span{font-size:10px}.about-reference-links{gap:17px}.about-source-note{padding:16px}.about-source-table th,.about-source-table td{padding:17px 19px}}
@media(max-width:390px){.about-page{padding-inline:16px}.about-hero h1{font-size:31px}.about-orbit-node{min-width:138px}.about-orbit-node.teacher{left:20px}.about-orbit-node.assist{right:15px}.about-orbit-node.practice{left:29px}.about-tabs{gap:23px}.about-tabs button{font-size:12px}.about-mission-tag{font-size:11px}.about-resource-stats span{font-size:9px}.about-pathway{padding:20px}.about-pathway-steps{gap:14px 8px}}
@media(prefers-reduced-motion:reduce){.about-button{transition:none}}
html[data-theme="dark"] .about-orbit{border-color:var(--line);background:radial-gradient(ellipse at 50% 48%,#1c3448 12%,#13283b 72%)}
html[data-theme="dark"] .about-orbit:before,html[data-theme="dark"] .about-orbit:after{border-color:#38566f}
html[data-theme="dark"] .about-orbit-node{background:var(--surface);border-color:#304b63;box-shadow:0 10px 28px #0002}
html[data-theme="dark"] .about-orbit-node span{background:#233f5b;color:#8bbaff}
html[data-theme="dark"] .about-orbit-node.assist span{background:#173f38;color:#6ed9bd}
html[data-theme="dark"] .about-orbit-node.practice span{background:#423b2c;color:#e2bd78}
html[data-theme="dark"] .about-orbit-node small,html[data-theme="dark"] .about-orbit-centre small{color:var(--muted)}
html[data-theme="dark"] .about-mission-tag{background:#193e37;color:#7fd7c2}
html[data-theme="dark"] .about-principle-example{border-color:var(--line)}
html[data-theme="dark"] .about-principle-example p{color:var(--muted)}
html[data-theme="dark"] .about-principle-example span{color:#6ed0b5}
html[data-theme="dark"] .about-pathway{background:#172f47}
html[data-theme="dark"] .about-pathway-steps span{color:#b3c5d5}
html[data-theme="dark"] .about-pathway-steps b{background:#243e56;color:#92bdff}
html[data-theme="dark"] .about-button{background:#1d354c;border-color:#3a546b;color:var(--ink)}
html[data-theme="dark"] .about-button.primary{background:#75a9ff;border-color:#75a9ff;color:#0d2033}
html[data-theme="dark"] .about-resource-stats>div,html[data-theme="dark"] .about-source-table-wrap,html[data-theme="dark"] .about-privacy-card{background:var(--surface)}
html[data-theme="dark"] .about-resource-stats span,html[data-theme="dark"] .about-source-table td{color:var(--muted)}
html[data-theme="dark"] .about-source-table thead th{background:#192f44;color:#9ab1c6}
html[data-theme="dark"] .about-source-table tbody th{color:var(--ink)}
html[data-theme="dark"] .about-source-table th,html[data-theme="dark"] .about-source-table td{border-color:var(--line)}
html[data-theme="dark"] .about-source-note{background:#183c35}
html[data-theme="dark"] .about-source-note p{color:#a8d5c7}
html[data-theme="dark"] .about-icon{background:#233e5a;color:#93bfff}
html[data-theme="dark"] .about-source-note .about-icon{background:#245246;color:#8cdac2}
html[data-theme="dark"] .about-reference-links a{color:var(--accent)}
html[data-theme="dark"] .about-boundaries p{color:var(--muted)}