*{box-sizing:border-box}body{margin:0;background:#f7f7f2;color:#073b3a;font:16px/1.6 system-ui,sans-serif}main,nav{max-width:1200px;margin:auto;padding:24px}nav{display:flex;justify-content:space-between;gap:20px}a{color:#086b61}h1{font-size:clamp(32px,5vw,54px);line-height:1.15}h2{line-height:1.3}section{margin:32px 0}.intro,.guide{background:#e9f1ed;padding:24px;border-radius:20px}.filters{display:flex;gap:16px;flex-wrap:wrap;position:relative}.filters label{flex:1;min-width:150px}input,select{display:block;width:100%;padding:12px;font:inherit;border:1px solid #b4c8c1;border-radius:10px;background:white}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr));gap:22px}.card{background:white;border:1px solid #d8e2db;border-radius:18px;overflow:hidden}.card img{width:100%;height:240px;object-fit:contain;background:#edf2ef}.body{padding:20px}.card h2{font-size:20px}.meta{font-size:14px}.actions{display:flex;gap:10px;flex-wrap:wrap}.button{display:inline-block;padding:11px 16px;background:#086b61;color:white;text-decoration:none;border-radius:10px}.secondary{background:#e7eee9;color:#073b3a}.description{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px;border-bottom:1px solid #b9cbc4}.tablewrap{overflow:auto}[hidden]{display:none!important}:focus-visible{outline:3px solid #b38737;outline-offset:3px}footer{padding:30px;text-align:center}