*{box-sizing:border-box}body{margin:0;background:#fffdf7;color:#173f30;font:17px/1.7 system-ui,sans-serif}a{color:inherit}header,main,footer{max-width:1160px;margin:auto;padding:24px}header{display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid #dae5d4}header img{width:160px;height:auto}nav{display:flex;flex-wrap:wrap;gap:16px;font-size:14px}h1{font-size:clamp(34px,5vw,64px);line-height:1.1;letter-spacing:-2px;max-width:900px}h2{line-height:1.25}.intro{font-size:21px;max-width:700px;color:#506351}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:32px 0 64px}.card{display:block;text-decoration:none;background:#fff;border:1px solid #dce5d8;border-radius:24px;overflow:hidden}.card:hover{box-shadow:0 8px 28px #173f3017}.card img{width:100%;aspect-ratio:16/10;object-fit:cover}.card div{padding:24px}.card h2{font-size:23px;margin:0 0 16px}.card p{color:#506351;font-size:15px}.tag{display:inline-block;background:#e6f0d3;border-radius:20px;padding:4px 12px;font-size:13px}.article{max-width:800px;margin:40px auto 80px}.article .cover{width:100%;border-radius:24px;margin:20px 0}.article h2{margin-top:40px}.lesson{background:#edf2df;border-radius:24px;padding:24px}.cta{display:inline-block;border-radius:100px;background:#204c35;color:#fff;padding:12px 24px;text-decoration:none;margin:12px 8px 12px 0}.languages{margin-top:32px;padding-top:24px;border-top:1px solid #dae5d4}.languages a{margin-right:16px}footer{border-top:1px solid #dae5d4;font-size:14px}.video{width:100%;aspect-ratio:16/9;border:0;border-radius:24px}a:focus-visible{outline:3px solid #e9ac41;outline-offset:5px}@media(max-width:800px){.grid{grid-template-columns:repeat(2,1fr)}header{align-items:flex-start;flex-direction:column}}@media(max-width:540px){.grid{grid-template-columns:1fr}header,main,footer{padding:20px}h1{letter-spacing:-1px}}
body{color:#28383b}h1,h2{color:#263538}.cta{background:#009fa6}.tag{background:#e2f4f4;color:#007f86}.lesson{background:#eaf6f6}.card time,.article time{color:#647779;font-size:14px}.article-body img{max-width:100%;height:auto}.article-body p{margin:18px 0}.article-body a{color:#007b82}.cover{height:auto}

.card img{height:auto;aspect-ratio:1/1;object-fit:cover}

.video--portrait{display:block;width:min(100%,420px);height:auto;aspect-ratio:9/16;margin:24px auto;border:0;border-radius:24px}