:root{--green:#15805d;--blue:#dff2fb;--bg:#f7faf9;--card:#fff;--text:#18312b;--muted:#65756f;--border:#dfe9e5}body.dark{--bg:#0f1715;--card:#17211e;--text:#eaf4f0;--muted:#a9bab3;--border:#2b3c37;--blue:#162e38}*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.6}.topbar{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:var(--card);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:5}.brand{color:var(--green);font-weight:700;text-decoration:none}.actions{display:flex;gap:10px}.icon-button,.close-button{border:1px solid var(--border);background:var(--card);color:var(--text);border-radius:999px;padding:9px 12px;cursor:pointer}.menu-panel{position:fixed;inset:0 0 0 auto;width:min(320px,85vw);background:var(--card);border-left:1px solid var(--border);padding:28px;transform:translateX(100%);transition:.25s;z-index:10;display:flex;flex-direction:column;gap:18px}.menu-panel.open{transform:translateX(0)}.menu-panel a{color:var(--text);text-decoration:none;font-size:1.1rem}.close-button{align-self:flex-end}main{max-width:1120px;margin:auto;padding:24px}.eyebrow{color:var(--green);font-weight:700}.filters{display:grid;gap:12px;margin:20px 0}input,select{padding:12px;border:1px solid var(--border);border-radius:14px;background:var(--card);color:var(--text)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:18px}.card{background:var(--card);border:1px solid var(--border);border-radius:18px;padding:16px}.card img{width:100%;height:155px;object-fit:cover;border-radius:14px}.card a,button{display:inline-block;background:var(--green);color:white;border:0;border-radius:999px;padding:10px 14px;text-decoration:none;cursor:pointer}.meta{color:var(--muted);font-size:.9rem}.hidden{display:none!important}.skeleton-card{min-height:300px;background:linear-gradient(90deg,var(--card),var(--border),var(--card));background-size:200% 100%;animation:shimmer 1.2s infinite}@keyframes shimmer{to{background-position:-200% 0}}@media(min-width:700px){.filters{grid-template-columns:1fr 220px}}