*{box-sizing:border-box}body{margin:0;color:#20352b;background:#f7f9f6;font:16px/1.55 system-ui,sans-serif}a{color:#176549}a:hover{text-decoration-thickness:2px}header,footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px max(20px,calc((100vw - 1020px)/2));background:#fff;border-bottom:1px solid #dce7dd}footer{border-top:1px solid #dce7dd;border-bottom:0}.brand{font-weight:800;text-decoration:none;color:#20352b;font-size:19px}nav{display:flex;gap:18px;flex-wrap:wrap}main{max-width:1060px;margin:auto;padding:48px 20px 80px}.eyebrow{font-size:12px;font-weight:800;color:#478367}.eyebrow a{text-decoration:none}h1{font-size:clamp(32px,5vw,52px);line-height:1.1;margin:12px 0}h2{font-size:24px;line-height:1.25}h2 a{color:inherit}.lead{max-width:720px;color:#526458;font-size:18px}section{margin-top:52px}.course-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));gap:14px;list-style:none;padding:0}.course-list a{display:block;height:100%;padding:20px;background:#fff;border:1px solid #dce7dd;border-radius:6px;text-decoration:none;color:#20352b}.course-list strong,.course-list span{display:block}.course-list span{margin-top:8px;color:#56685b;font-size:14px}.course-list a:hover{border-color:#287e5c}.action{display:inline-block;margin:22px 0;padding:12px 18px;background:#206843;color:#fff;font-weight:700;text-decoration:none;border-radius:5px}dl{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;max-width:760px}dl div{padding:18px;background:#eaf2eb;border-radius:5px}dt{font-size:12px;text-transform:uppercase;font-weight:800;color:#47745a}dd{margin:6px 0 0}.lesson-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr));gap:10px 22px;padding-left:24px}.lesson-list li{padding:6px 0}.hobby-index-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:14px;border-bottom:1px solid #d5e3d8}.hobby-index-heading img{display:block;width:130px;height:88px;border-radius:5px;object-fit:cover}.hobby-index-heading h2{margin:0}@media(max-width:620px){header{align-items:flex-start;flex-direction:column}main{padding-top:32px}section{margin-top:36px}.hobby-index-heading img{width:100px;height:72px}}