:root{font-family:system-ui,sans-serif;color:#183f34;background:#f7f8f3;line-height:1.65}body{margin:0}header,main,footer{max-width:960px;margin:auto;padding:24px}header{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;border-bottom:1px solid #b6c5b9}.brand{font-size:2rem;font-weight:750}nav{display:flex;gap:20px;flex-wrap:wrap}a{color:#174e40;text-underline-offset:3px}a:focus-visible{outline:3px solid #1659bd;outline-offset:4px}h1{font-size:clamp(2rem,6vw,3.4rem);line-height:1.15}h2{line-height:1.3}.intro{font-size:1.2rem}section,.directory>li{background:white;padding:20px;border:1px solid #bbc9be;border-radius:14px;margin:18px 0}.directory{list-style:none;padding:0}.directory h2{margin-top:0}.tags{display:flex;gap:12px;flex-wrap:wrap;padding:0;list-style:none}.tags li{padding:4px 12px;background:#e5edce;border-radius:8px}.button{display:inline-block;padding:12px 20px;background:#163f34;color:white;border-radius:8px}footer{border-top:1px solid #b6c5b9}.skip{position:absolute;left:10px;top:-100px}.skip:focus{top:10px;background:white;padding:10px}p,a{overflow-wrap:anywhere}