*{box-sizing:border-box}body{margin:0;background:#f6f7f5;color:#163746;font:17px/1.6 "Segoe UI",system-ui,sans-serif}a{color:#007e79}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #c17812;outline-offset:4px}.site-nav{background:white;border-bottom:1px solid #dce4e2}.nav-inner{max-width:1240px;margin:auto;padding:20px 32px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:25px;text-decoration:none;color:#163746}.brand img{width:190px;height:auto}.brand span{border-left:1px solid #cbd8d5;padding-left:25px;font-size:15px;font-weight:650}.nav-link{font-size:15px;font-weight:650;text-decoration:none}.shell{max-width:1240px;margin:auto;padding:32px}.crumb{font-size:14px;color:#61717a;margin-bottom:28px}.crumb a{text-decoration:none}.crumb span{margin:0 8px}.intro{max-width:750px;margin:10px 0 35px}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:750;text-transform:uppercase;color:#008078}h1{font-size:clamp(32px,4.5vw,52px);line-height:1.12;letter-spacing:-1.5px;margin:13px 0 18px}h2{line-height:1.25}p{color:#526870}.intro p{font-size:19px;margin:0}.section-label{display:flex;justify-content:space-between;align-items:center;margin:28px 0 15px}.section-label h2{font-size:20px;margin:0}.count{font-size:14px;color:#61717a}.subject{display:grid;grid-template-columns:1fr 220px;max-width:750px;padding:32px;background:white;border:1px solid #dce4e2;border-radius:18px;text-decoration:none;color:inherit;transition:box-shadow .2s,border-color .2s}.subject:hover,.topic:hover{border-color:#008078;box-shadow:0 8px 25px #1535480c}.subject h2{font-size:28px;margin:10px 0}.subject p{max-width:350px;margin:0 0 22px}.go{color:#007e79;font-weight:700}.math-art{display:grid;place-items:center;background:#e5f3ef;border-radius:14px;margin-left:20px}.fraction-art{display:grid;grid-template-columns:repeat(4,26px);gap:5px;transform:rotate(-8deg)}.fraction-art i{height:92px;background:#00968d;border-radius:5px}.fraction-art i:last-child{background:#c2dcd5}.topic{display:grid;grid-template-columns:330px 1fr;gap:30px;max-width:1000px;padding:20px;background:white;border:1px solid #dce4e2;border-radius:18px;text-decoration:none;color:inherit}.topic img{width:100%;border-radius:10px;align-self:center}.topic h2{font-size:28px;margin:8px 0}.topic p{margin:0 0 16px}.tags{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:14px}.tag{font-size:12px;border-radius:5px;background:#edf2ef;padding:3px 8px;color:#426058}.site-footer{max-width:1240px;margin:55px auto 0;border-top:1px solid #dce4e2;padding:22px 32px 32px;color:#61717a;font-size:13px;display:flex;justify-content:space-between;gap:16px}.skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:8px;background:white;padding:10px;z-index:10}@media(max-width:650px){.nav-inner{padding:16px 20px}.brand{gap:12px}.brand img{width:145px}.brand span{font-size:12px;padding-left:12px;max-width:110px}.nav-link{display:none}.shell{padding:25px 20px}.subject{padding:24px;grid-template-columns:1fr 105px}.math-art{margin-left:8px}.fraction-art{grid-template-columns:repeat(4,15px);gap:3px}.fraction-art i{height:65px}.topic{grid-template-columns:1fr;gap:16px;padding:16px}.topic img{max-width:100%}.site-footer{margin-top:35px;padding:20px;display:block}.intro p{font-size:17px}}