:root{font-family:system-ui,sans-serif;color:#293d36;background:#faf8f2;line-height:1.75}*{box-sizing:border-box}body{margin:0}header,main,footer{max-width:1040px;margin:auto;padding:24px}header{display:flex;gap:24px;align-items:center;justify-content:space-between;border-bottom:1px solid #dce2d6}a{color:#315f4e;text-underline-offset:4px}a:focus-visible,audio:focus-visible{outline:3px solid #a36c31;outline-offset:5px}.brand{font-size:30px;font-weight:800;text-decoration:none}.brand span{display:block;font-size:12px;font-weight:500}nav{display:flex;flex-wrap:wrap;gap:12px 22px}.hero{padding:30px 0}h1,h2{font-family:Georgia,serif;line-height:1.22;font-weight:500}h1{font-size:clamp(34px,5vw,58px);max-width:850px;margin:12px 0 24px}h2{font-size:30px;margin:12px 0 22px}h3{line-height:1.4}.lead{font-size:20px;max-width:800px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.14em}.button{display:inline-block;background:#376f59;color:#fff;padding:12px 20px;border-radius:16px;font-weight:700;text-decoration:none;margin:10px 10px 10px 0}.quiet{display:inline-block;margin:8px}section{margin:24px 0 44px}.player,.tint,.course-grid article,.word-cards article{padding:25px;border:1px solid #dce2d6;border-radius:24px;background:#eef1e5}.player{background:#ede1cb}audio{width:100%;margin:15px 0}.small{font-size:14px}.dialogue{display:grid;gap:14px}.dialogue article{border-left:4px solid #8aa67b;padding:10px 18px;background:#fffdf7;border-radius:0 16px 16px 0}.dialogue span{font-size:12px;font-weight:700}.dialogue p{margin:5px 0}.dialogue [lang]{font-size:22px;font-weight:700}.word-cards,.course-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.word-cards article{background:#fffdf7}.course-grid h2{margin-top:15px}li{padding:6px 0}footer{border-top:1px solid #dce2d6;font-size:14px;padding-bottom:40px}@media(max-width:600px){header{align-items:flex-start;flex-direction:column}header,main,footer{padding:20px}.word-cards,.course-grid{grid-template-columns:1fr}.player,.tint,.course-grid article{padding:20px}h2{font-size:27px}.lead{font-size:18px}}

.skip{position:absolute;left:-10000px}.skip:focus{left:16px;top:8px;background:#fff;padding:12px;z-index:2}.word-sound{font:inherit;color:#293d36;background:#fffdf7;border:1px solid #91a58d;border-radius:12px;padding:8px 12px;min-height:44px;text-align:left;cursor:pointer}.word-sound:focus-visible{outline:3px solid #a36c31;outline-offset:3px}.word-sound:hover{background:#e4ead7}.pronunciation{padding:20px;border:1px solid #dce2d6;border-radius:20px;background:#ede1cb}.pronunciation h2{font-size:24px}.breadcrumbs{font-size:14px}.lesson-links{display:flex;gap:14px;flex-wrap:wrap}