.subject-hero{min-height:440px;padding:90px clamp(24px,8vw,130px);display:grid;grid-template-columns:1fr auto;align-items:center;gap:50px;background:#e6edd9}.subject-hero h1{font-size:clamp(52px,7vw,94px);letter-spacing:-.065em;max-width:900px;margin:18px 0}.subject-hero p{font-size:18px;line-height:1.7;max-width:650px;color:#506057}.subject-symbol{width:190px;height:190px;border-radius:50%;display:grid;place-items:center;background:#fff9;box-shadow:var(--shadow);font:800 72px Manrope;color:var(--green)}body[data-subject="science"] .subject-hero{background:#cfe4d3}body[data-subject="english"] .subject-hero{background:#efe5aa}body[data-subject="social"] .subject-hero{background:#c9e0e5}body[data-subject="math"] .subject-hero{background:#f2c4a7}.subject-directory{padding:95px clamp(24px,8vw,130px);max-width:1450px;margin:auto}.directory-intro{max-width:860px;margin-bottom:55px}.directory-intro h2{font-size:clamp(38px,5vw,60px);letter-spacing:-.045em;margin:12px 0}.directory-intro p{color:#5f6d65;line-height:1.7;max-width:720px}.grade-jump-nav{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.grade-jump-nav a{display:inline-flex;min-height:44px;align-items:center;justify-content:center;padding:0 17px;border:1px solid var(--line);border-radius:999px;background:#fff;font:700 14px Manrope;transition:.2s}.grade-jump-nav a:hover{border-color:var(--green);background:#e7ecd9;transform:translateY(-1px)}.grade-directory{scroll-margin-top:105px;border-top:1px solid var(--line);padding:38px 0 60px}.grade-directory-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:24px}.grade-directory-head span{font-size:11px;letter-spacing:.16em;font-weight:800;color:var(--green)}.grade-directory-head h3{font-size:30px;margin:7px 0 4px}.grade-directory-head p{font-size:14px;color:#6a756e}.grade-directory-head>strong{background:#e7ecd9;border-radius:999px;padding:8px 12px;font-size:12px;color:var(--green);white-space:nowrap}.directory-topics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.directory-topic{min-height:74px;border-radius:14px;padding:16px 18px;display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;border:1px solid var(--line)}.directory-topic>span{font-size:11px;font-weight:800;color:#7d8982}.directory-topic>strong{font:700 16px Manrope}.directory-topic>i{font-style:normal;font-size:11px;font-weight:800}.directory-topic.ready{background:#fff;transition:.2s}.directory-topic.ready:hover{border-color:var(--green);transform:translateY(-2px);box-shadow:0 8px 24px #1d332512}.directory-topic.ready>i{color:var(--green)}

@media(max-width:760px){.subject-hero{grid-template-columns:1fr;padding-top:65px}.subject-symbol{width:100px;height:100px;font-size:42px}.directory-topics{grid-template-columns:1fr}.subject-directory{padding-top:70px}.grade-directory-head{align-items:start;gap:20px}.directory-topic{grid-template-columns:32px 1fr}.directory-topic>i{grid-column:2}.grade-jump-nav{gap:8px}.grade-jump-nav a{flex:1 0 calc(25% - 8px);padding:0 10px}}