*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;color:#163f35;background:#f5f7f4}main{padding:24px;max-width:1240px;margin:auto}#search{background:#e3f2e8;padding:26px;border-radius:24px 55px 24px 24px}#search>label{display:block;font-size:26px;font-weight:650;margin-bottom:18px}.search-line{display:flex;gap:10px}input,select,button{font:inherit}input{width:100%;min-width:0;padding:16px 20px;border:1px solid #abc9b6;border-radius:28px;background:white;font-size:16px}button{cursor:pointer;border:1px solid #bed6c7;background:#e7f3eb;color:#184b3c;padding:11px 17px;border-radius:24px}.search-line button,.quote{background:#174d3c;color:#fff;border:0}.filters{display:flex;align-items:flex-end;gap:15px;flex-wrap:wrap;margin-top:20px}.filters label{display:flex;flex:1;min-width:160px;flex-direction:column;gap:7px;font-size:13px}select{width:100%;border:1px solid #bdd1c4;background:#fff;padding:10px;border-radius:12px;color:#254b3f}#tags{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 16px}#tags button,.card-tags button{padding:7px 10px;font-size:12px}button[aria-pressed=true]{background:#174d3c;color:white}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #0c9274;outline-offset:3px}.note{font-size:13px;color:#526c60;line-height:1.6}#status{margin:24px 0;font-size:14px}#results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}article{display:flex;flex-direction:column;background:#fff;border:1px solid #d6e5db;border-radius:22px 22px 48px 22px;padding:18px;min-width:0}article figure{margin:0 0 16px;background:#edf2ee;border-radius:14px;overflow:hidden}article img{display:block;width:100%;height:190px;object-fit:contain}figcaption{font-size:10px;padding:7px 10px;color:#4b6658}h3{font-size:18px;line-height:1.25;margin:8px 0 15px}.sku{font-weight:650;letter-spacing:.06em;font-size:11px;color:#50715f}.card-tags{display:flex;flex-wrap:wrap;gap:5px;margin:10px 0 16px}dl{font-size:13px;line-height:1.5;margin:0 0 16px}dt{font-weight:650;margin-top:9px}dd{margin:2px 0 0;overflow-wrap:anywhere}.source{color:#597466;font-size:11px;line-height:1.5;margin:0 0 18px}.quote{display:block;text-align:center;text-decoration:none;border-radius:24px;padding:12px 16px;font-size:14px;margin-top:auto}.pages{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:28px}button:disabled{opacity:.4;cursor:default}.empty{grid-column:1/-1;padding:40px;background:#ece7f8;border-radius:22px;font-size:18px}@media(max-width:850px){#results{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:540px){main{padding:10px}#search{padding:22px 16px}#search>label{font-size:23px}.search-line{flex-wrap:wrap}.search-line button{width:100%}.filters label{min-width:100%}#results{grid-template-columns:1fr}article img{height:220px}}