:root{font-family:system-ui,sans-serif;color:#073642;background:#f2f5ed}*{box-sizing:border-box}body{margin:0}main{max-width:1160px;margin:48px auto;padding:24px}a{color:#286851}h1{font-size:36px;margin:18px 0}.eyebrow{color:#286851;font-weight:700;letter-spacing:3px}p{line-height:1.8}.filters{display:flex;gap:20px;flex-wrap:wrap;margin:28px 0}label{display:grid;gap:8px;flex:1;min-width:180px}select,input{border:1px solid #c6d6c7;border-radius:12px;background:#fffefa;padding:14px;font:inherit;min-height:48px}#grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}article{background:#fffefa;border:1px solid #d7dfd0;border-radius:18px;padding:24px;display:flex;flex-direction:column}article h2{font-family:Georgia,serif;overflow-wrap:anywhere;font-size:25px}article p{color:#53706e}.tag{color:#286851;font-size:13px;font-weight:700}button{cursor:pointer;border:1px solid #286851;border-radius:12px;background:#286851;color:white;padding:14px;font:600 16px system-ui;min-height:48px}article button{margin-top:auto}#more{display:block;margin:28px auto}#more[hidden]{display:none}.note{color:#53706e;font-size:13px;margin-top:40px}@media(max-width:800px){#grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){main{margin:10px auto;padding:20px}#grid{grid-template-columns:1fr}h1{font-size:28px}}
[hidden]{display:none!important}