.sx-page { padding-top:32px; }
.sx-hero { display:grid; grid-template-columns:minmax(0,1fr) 280px; gap:44px; align-items:center; padding:14px 0 38px; }
.sx-page .sx-byline { color:var(--st-muted); font-size:12px; margin:0 0 24px; }
.sx-hero-art { margin:0; padding:24px 8px; border-radius:50% 50% 16px 16px; background:#e9efdf; text-align:center; }
.sx-hero-art img { display:block; width:100%; height:auto; }
.sx-hero-art figcaption { color:var(--st-accent); font-weight:700; font-size:10px; letter-spacing:1.4px; margin-top:18px; }
.sx-science-nav { display:flex; flex-wrap:wrap; gap:8px; padding:14px 0; margin-bottom:48px; border-block:1px solid var(--st-line); }
.sx-science-nav > * { padding:8px 14px; border-radius:6px; font-size:13px; text-decoration:none; }
.sx-science-nav > span { color:#fff; background:#183f38; }
.sx-science-nav a:hover { background:#e7eee6; }
.sx-section { margin-bottom:64px; scroll-margin-top:40px; }
.sx-heading { max-width:850px; margin-bottom:28px; }
.sx-page .sx-heading > p:last-of-type { color:var(--st-muted); }
.sx-levels { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); list-style:none; margin:0; padding:0; border:1px solid #cbd8c9; border-radius:14px; overflow:hidden; }
.sx-levels li { padding:26px; background:#e9f0e3; }
.sx-levels li+li { border-left:1px solid #cbd8c9; }
.sx-levels li:nth-child(2) { background:#f0f3e9; }
.sx-levels li:nth-child(3) { background:#f7f5e8; }
.sx-levels li > span { color:#447a65; display:block; font-size:12px; font-weight:700; margin-bottom:20px; }
.sx-page h3 { color:var(--st-ink); font-size:20px; font-weight:700; line-height:1.35; margin:0 0 12px; }
.sx-page .sx-levels p { color:var(--st-muted); font-size:15px; margin:0; }
.sx-studies { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.sx-studies article { padding:26px; border:1px solid var(--st-line); border-radius:14px; background:#fff; display:flex; flex-direction:column; }
.sx-study-top { display:flex; justify-content:space-between; color:var(--st-accent); font-size:12px; font-weight:750; margin-bottom:18px; }
.sx-page .sx-study-number { color:var(--st-accent); font-size:48px; font-weight:700; line-height:1.1; letter-spacing:-2px; margin-bottom:24px; }
.sx-study-number > span { display:block; color:var(--st-muted); font-size:12px; font-weight:500; line-height:1.6; letter-spacing:0; margin-top:8px; }
.sx-page .sx-studies article > p:not(.sx-study-number) { color:var(--st-muted); font-size:14px; }
.sx-page .sx-studies .sx-citation { margin:auto 0 0; padding-top:20px; border-top:1px solid var(--st-line); font-size:11px; color:var(--st-accent); }
.sx-scope { padding:32px; border-radius:14px; background:#e9eee0; display:grid; grid-template-columns:44px minmax(0,1fr); gap:20px; margin-bottom:64px; }
.sx-scope > span { color:var(--st-accent); font-size:38px; line-height:1.2; }
.sx-scope a { font-size:14px; font-weight:700; }
.sx-methods { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.sx-methods article { padding:28px; border:1px solid var(--st-line); border-radius:14px; background:#fff; }
.sx-method-symbol { display:inline-flex; align-items:center; min-height:60px; padding:8px 14px; border-radius:8px; color:#2e735e; background:#edf3e5; font-size:25px; font-weight:700; margin-bottom:22px; }
.sx-methods article:nth-child(2) .sx-method-symbol { color:#9d4b65; background:#f6eaf0; }
.sx-methods article:nth-child(3) .sx-method-symbol { color:#68559b; background:#eee9f6; }
.sx-methods article:nth-child(4) .sx-method-symbol { color:#8d6525; background:#f8f0dc; }
.sx-page .sx-methods p { color:var(--st-muted); font-size:15px; }
.sx-methods ul { list-style:none; padding:16px 0 0; margin:0; display:flex; gap:10px 20px; flex-wrap:wrap; border-top:1px solid var(--st-line); }
.sx-methods a { font-size:13px; font-weight:650; }
.sx-table-wrap { overflow:auto; border:1px solid var(--st-line); border-radius:12px; background:#fff; }
.sx-table { width:100%; border-collapse:collapse; table-layout:fixed; font-size:14px; line-height:1.6; }
.sx-table th,.sx-table td { padding:20px; text-align:left; vertical-align:top; overflow-wrap:break-word; }
.sx-table thead { background:#e9f0e3; }
.sx-table tr+tr { border-top:1px solid var(--st-line); }
.sx-table td { color:var(--st-muted); }
.sx-progress { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1fr); gap:64px; }
.sx-progress .sx-heading a { display:inline-block; margin-top:8px; font-size:14px; font-weight:700; }
.sx-progress > ol { list-style:none; margin:0; padding:0; }
.sx-progress li { display:grid; grid-template-columns:36px minmax(0,1fr); gap:16px; padding:20px 0; border-bottom:1px solid var(--st-line); }
.sx-progress li:first-child { padding-top:0; }
.sx-progress li > span { color:var(--st-accent); font-size:12px; font-weight:750; padding-top:5px; }
.sx-page .sx-progress h3 { font-size:18px; }
.sx-page .sx-progress li p { margin:0; color:var(--st-muted); font-size:14px; }
.sx-theories-all { margin:22px 0 0!important; font-size:14px; font-weight:700; }
.sx-cooperation { display:flex; justify-content:space-between; align-items:center; gap:30px; padding-block:30px; border-block:1px solid var(--st-line); margin:0 0 44px; }
.sx-cooperation > div { max-width:680px; }
.sx-page .sx-cooperation h2 { font-size:23px; }
.sx-page .sx-cooperation p { color:var(--st-muted); margin:0; }
.sx-cooperation > a { flex:none; }
.sx-cta { display:grid; grid-template-columns:minmax(0,1fr) 260px; gap:44px; align-items:center; padding:40px 44px; border-radius:18px; background:#183f38; color:#f6f8ec; overflow:hidden; }
.sx-page .sx-cta h2 { font-size:32px; }
.sx-page .sx-cta .st-eyebrow { color:#b5d883; }
.sx-page .sx-cta p { color:#d1e0d2; }
.sx-cta img { width:100%; height:auto; padding:8px; border-radius:50%; background:#e3edce; transform:rotate(-7deg); }
.sx-cta-actions { display:flex; flex-wrap:wrap; gap:12px; }
.sx-cta-actions a { padding:12px 18px; border:1px solid #a2c6ac; border-radius:7px; color:#eaf3da; font-size:14px; font-weight:700; text-decoration:none; }
.sx-cta-actions a:first-child { background:#e9f2cd; color:#183f38; border-color:#e9f2cd; }
.sx-cta-actions a:hover { background:#f4f7e6; color:#183f38; }
@media(max-width:900px) { .sx-hero { grid-template-columns:minmax(0,1fr) 200px; gap:26px; } .sx-studies { grid-template-columns:1fr; } .sx-studies article { padding:24px; } .sx-progress { gap:28px; } .sx-cooperation { flex-wrap:wrap; } .sx-cta { grid-template-columns:minmax(0,1fr) 180px; gap:24px; padding:30px; } }
@media(max-width:600px) { .sx-page { padding:24px 16px 48px; } .sx-hero { grid-template-columns:1fr; padding-top:0; } .sx-hero-art { display:none; } .sx-science-nav { gap:4px; margin-bottom:36px; } .sx-science-nav > * { font-size:12px; padding:8px 10px; } .sx-section { margin-bottom:44px; scroll-margin-top:90px; } .sx-levels,.sx-methods,.sx-progress { grid-template-columns:1fr; } .sx-levels li+li { border-left:0; border-top:1px solid #cbd8c9; } .sx-levels li { padding:22px; } .sx-levels li > span { margin-bottom:12px; } .sx-scope { grid-template-columns:1fr; padding:24px; gap:10px; margin-bottom:44px; } .sx-methods article { padding:24px; } .sx-table th,.sx-table td { padding:12px 9px; font-size:12px; } .sx-progress { gap:4px; } .sx-cta { grid-template-columns:1fr; padding:28px 24px; } .sx-cta img { grid-row:1; width:160px; justify-self:center; } .sx-cta-actions a { width:100%; text-align:center; } }