:root{--study-navy:#07111f;--study-cyan:#20d9e8;--study-yellow:#ffd43b;--study-orange:#ff7a18}
body{background:#f3f7fa}
.free-access{display:inline-block;margin:.8rem 0 0;padding:.55rem .85rem;border:1px solid #20d9e877;border-radius:999px;background:#20d9e81c;color:var(--study-cyan)!important;font-size:.86rem!important;font-weight:900;letter-spacing:.06em;line-height:1.2!important}
.study-intro{display:grid;grid-template-columns:1.35fr .7fr;gap:44px;align-items:end;padding:72px max(6vw,22px);color:white;background:radial-gradient(circle at 85% 15%,#20d9e844,transparent 27%),linear-gradient(125deg,#07111f,#0c3458)}
.study-intro h1{margin:.25rem 0 1rem;font-size:clamp(3rem,7vw,6.5rem);line-height:.9;letter-spacing:-.06em}
.study-intro h1 span{color:var(--study-yellow)}
.study-intro>div>p:last-child{max-width:760px;color:#d1e4ef;font-size:1.08rem;line-height:1.7}
.study-intro aside{padding:25px;border:1px solid #ffffff33;border-radius:20px;background:#ffffff10}
.study-intro aside strong{color:var(--study-cyan);font-size:1.15rem}
.study-intro aside p{line-height:1.55}
.year-jump{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;padding:24px max(6vw,22px);background:white;box-shadow:0 8px 25px #0b203014}
.year-jump a{display:flex;align-items:center;gap:9px;padding:12px;border-radius:12px;color:#183047;font-weight:800;text-decoration:none}
.year-jump a:hover{background:#e6faff}
.year-jump span{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--study-cyan);color:#05232b}
.year{padding:72px max(6vw,22px);scroll-margin-top:20px}
.year:nth-of-type(odd){background:white}
.year header{display:grid;grid-template-columns:110px 1fr;gap:22px;align-items:start;margin-bottom:30px}
.year header>span{padding:12px;border-radius:10px;background:var(--study-yellow);color:var(--study-navy);font-weight:950;text-align:center}
.year h2{margin:0;color:var(--study-navy);font-size:clamp(2rem,4vw,3.4rem);letter-spacing:-.04em}
.year header p{margin:.45rem 0;color:#5b6a78}
.topic-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.topic-grid article{padding:23px;border:1px solid #dbe5eb;border-radius:18px;background:white;box-shadow:0 12px 32px #10243a0d}
.year:nth-of-type(odd) .topic-grid article{background:#f7fafc}
.topic-grid b{display:grid;place-items:center;width:45px;height:45px;border-radius:13px;background:#dffbff;color:#087d8c;font-size:1.15rem}
.topic-grid h3{color:var(--study-navy)}
.topic-grid ul{padding-left:1.15rem;color:#526172;line-height:1.65}
.year details{margin-top:22px;border-radius:16px;background:var(--study-navy);color:white}
.year summary{padding:19px 22px;color:var(--study-yellow);font-weight:900;cursor:pointer}
.year details ol{margin:0;padding:0 44px 24px 62px;line-height:1.75;color:#d5e5ef}
.study-tools{display:grid;grid-template-columns:1.3fr .7fr;gap:40px;align-items:center;padding:60px max(6vw,22px);background:linear-gradient(115deg,#ff7a18,#ffb12b);color:#351705}
.study-tools h2{margin:.25rem 0;font-size:clamp(2rem,4vw,3.4rem)}
.study-tools p{max-width:730px;line-height:1.65}
.study-tools>div:last-child{display:grid;gap:10px}
.study-tools a{padding:14px 17px;border-radius:12px;background:white;color:#13283c;font-weight:900;text-decoration:none}
@media(max-width:1000px){.topic-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:760px){.study-intro,.study-tools{grid-template-columns:1fr}
.year-jump{grid-template-columns:1fr 1fr}
.year-jump a:last-child{grid-column:1/-1}
.year header{grid-template-columns:1fr}
.topic-grid{grid-template-columns:1fr}
.year{padding:55px 20px}
}