:root{font-family:system-ui,sans-serif;color:#163e35;background:#f5f7f2}*{box-sizing:border-box}body{margin:0;overflow-wrap:break-word}a{color:#125f4c;text-underline-offset:4px}header,main,.main-nav,footer{max-width:1160px;margin:auto;padding:24px}header{display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{font-size:24px;font-weight:750;text-decoration:none}.main-nav,footer{display:flex;gap:18px;flex-wrap:wrap}.main-nav a,footer a{padding:10px;min-height:44px}h1{font-size:clamp(2rem,5vw,4rem);max-width:900px;line-height:1.12}.intro{font-size:22px;max-width:800px;line-height:1.6}.banner{padding:16px;background:#f1edcf;border-radius:12px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:24px;margin:36px 0}.grid section{padding:26px;border:1px solid #d8e4d9;border-radius:18px;background:#fff}p{line-height:1.7}.button{display:inline-block;background:#145b4b;color:#fff;padding:16px 24px;border-radius:10px;text-decoration:none}.languages{position:relative;max-width:100%}.languages summary{cursor:pointer;min-height:44px;padding:12px;border:1px solid #82998d;border-radius:8px}.languages nav{position:absolute;inset-inline-end:0;z-index:5;width:240px;max-height:65vh;overflow:auto;background:white;border:1px solid #b5c9ba;border-radius:10px;box-shadow:0 12px 30px #163e3520;display:grid}.languages a{padding:12px}a[aria-current]{font-weight:bold;background:#e3eedd}a:focus-visible,summary:focus-visible{outline:3px solid #377ca4;outline-offset:3px}@media(max-width:480px){header{flex-wrap:wrap;padding:16px}.languages{width:100%}.languages nav{width:100%}main,.main-nav,footer{padding:16px}.intro{font-size:18px}}