#study-navigation{box-sizing:border-box;display:flex;flex-wrap:wrap;align-items:center;gap:8px 22px;padding:15px max(20px,calc((100vw - 1192px)/2));background:#142c38;color:#edf4f5;font:14px/1.6 system-ui,sans-serif;border-bottom:1px solid #304854}
#study-navigation a{color:#d4e4e9;text-decoration:none;padding:4px 0;white-space:nowrap}
#study-navigation .study-brand{font-size:16px;font-weight:700;color:#fff;margin-right:auto}
#study-navigation a:hover,#study-navigation a[aria-current=page]{color:#fff;text-decoration:underline;text-underline-offset:6px}
#study-navigation a:focus-visible{outline:2px solid #80d4e9;outline-offset:4px}
.study-home{margin:0;background:#eef2f2;color:#14212b;font:16px/1.8 system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif}
.study-home *{box-sizing:border-box}
.study-home a{color:#0b5e7a;text-underline-offset:4px}
.study-home a:focus-visible{outline:3px solid #0b5e7a;outline-offset:5px}
.study-home main,.study-home footer{max-width:1192px;margin:auto;padding:0 24px}
.study-hero{padding:74px 0 48px;max-width:850px}
.study-kicker{margin:0 0 15px;color:#0b5e7a;font:12px/1.6 ui-monospace,monospace;letter-spacing:.16em}
.study-hero h1{font:700 clamp(34px,5.4vw,60px)/1.23 "Songti SC","Noto Serif SC",serif;letter-spacing:-.025em;margin:0 0 22px}
.study-hero>p:not(.study-kicker){max-width:680px;color:#56656f;font-size:18px;margin:0 0 28px}
.study-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.study-home .study-primary{display:inline-block;background:#0b5e7a;color:#fff;border-radius:6px;padding:10px 22px;text-decoration:none;font-weight:600}
.study-home .study-secondary{display:inline-block;padding:10px 16px}
.study-stats{border-top:1px solid #ccd6d8;border-bottom:1px solid #ccd6d8;display:flex;flex-wrap:wrap;gap:12px 44px;padding:16px 0;color:#56656f;font-size:14px}
.study-stats b{color:#14212b;font-weight:650;margin-right:6px}
.study-section{padding:45px 0 10px;scroll-margin-top:24px}
.study-section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:22px}
.study-section h2{font:700 28px/1.4 "Songti SC","Noto Serif SC",serif;margin:0}
.study-section-heading p{color:#56656f;font-size:14px;margin:0}
.study-lessons{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.study-lesson{position:relative;background:#f8fafa;border:1px solid #ccd6d8;border-radius:10px;padding:26px;display:flex;flex-direction:column;align-items:flex-start}
.study-lesson small{color:#56656f;font:12px/1.6 ui-monospace,monospace;letter-spacing:.09em}
.study-lesson h3{font-size:21px;margin:12px 0 10px}
.study-lesson p{color:#56656f;margin:0 0 22px;font-size:15px}
.study-lesson>a{margin-top:auto;text-decoration:none;font-weight:600}
.study-lesson>a:hover{text-decoration:underline}
.study-lesson:first-child{border-top:3px solid #0b5e7a}
.study-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.study-figure{margin:0;background:#f8fafa;border:1px solid #ccd6d8;border-radius:10px;overflow:hidden;min-width:0}
.study-figure>a{display:block;height:224px;overflow:hidden;background:#fff;border-bottom:1px solid #ccd6d8}
.study-figure img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}
.study-figure figcaption{padding:16px 18px 18px}
.study-figure h3{font-size:16px;margin:0 0 7px}
.study-figure p{color:#56656f;font-size:13px;margin:0 0 10px}
.study-formats{display:flex;gap:18px;font-size:13px}
.study-note{color:#56656f;font-size:14px;border-left:3px solid #8caeb9;padding:8px 18px;margin:38px 0 0}
.study-home footer{padding-top:40px;padding-bottom:28px;color:#56656f;font-size:12px}
@media(max-width:800px){.study-gallery{grid-template-columns:1fr 1fr}.study-hero{padding-top:48px}#study-navigation{gap:8px 16px}#study-navigation .study-brand{flex-basis:100%}}
@media(max-width:540px){.study-lessons,.study-gallery{grid-template-columns:1fr}.study-home main,.study-home footer{padding-left:18px;padding-right:18px}.study-hero h1{font-size:36px}.study-hero>p:not(.study-kicker){font-size:16px}.study-stats{gap:8px 20px}.study-lesson{padding:22px}.study-figure>a{height:260px}}