:root{--accent:#bb2821;--accent-soft:rgba(187,40,33,.06);--bg:#FAFAFA;--text:#0F172A;--muted:#64748B;--card:#FFFFFF;--border:#E5E7EB;--primary:#0F172A}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,Arial,sans-serif;background:var(--bg);color:var(--text)}.container{max-width:1200px;margin:0 auto;padding:2rem 1rem}.header{display:flex;align-items:center;gap:.75rem;justify-content:space-between;flex-wrap:wrap}.header h1{font-size:1.6rem;margin:0;font-weight:700;display:flex;align-items:center;gap:.5rem}.logo{height:28px;width:auto}.pill{font-size:.85rem;background:#eee;padding:.2rem .6rem;border-radius:8px}.toolbar{display:flex;gap:.5rem;align-items:center}.search{margin:1rem 0}.search input{width:100%;padding:.7rem 1rem;border-radius:12px;border:1px solid var(--border);font-size:1rem}.categories{display:flex;flex-wrap:wrap;gap:.5rem;margin:0 0 1rem}.categories button{border:1px solid var(--border);background:#fff;border-radius:20px;padding:.3rem .8rem;cursor:pointer}.categories .active{background:var(--primary);color:#fff}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:1rem;display:flex;flex-direction:column}.card h3{margin:0;font-size:1.1rem}.card p{font-size:.95rem;color:#334155;margin:.35rem 0}.tags{margin-top:.5rem}.tag{display:inline-block;border:1px solid var(--border);border-radius:12px;padding:.2rem .6rem;margin:.2rem;font-size:.75rem}.buttons{display:flex;gap:.5rem;margin-top:.75rem}.buttons a{flex:1;text-align:center;padding:.55rem;border-radius:8px;text-decoration:none;font-size:.9rem}.btn{background:var(--primary);color:#fff;border:1px solid var(--border)}.btn-outline{border:1px solid var(--border);color:#111;background:#fff}.footer{font-size:.85rem;color:var(--muted);margin-top:1rem;display:flex;justify-content:space-between}.brand-note{font-size:.9rem;color:#334155;margin:.25rem 0 1rem}.share{font-size:.85rem;text-align:right;margin-top:.4rem}.share button{background:none;border:none;color:#2563eb;cursor:pointer}.seo{margin:.5rem 0 1.25rem;color:#334155}:root{--accent:#bb2821;--accent-soft:rgba(187,40,33,.06);--primary-hover:#a3211b;--ring: rgba(187,40,33,.25)}@media (prefers-reduced-motion: no-preference){.btn,.btn-outline,.categories button,.card,.tag,.share button,a{transition:color .15s ease,background-color .15s ease,border-color .15s ease,box-shadow .2s ease,transform .15s ease,opacity .15s ease}}.btn:hover{filter:brightness(.98);box-shadow:0 2px 10px #0000000f;transform:translateY(-1px)}.btn:active{transform:translateY(0);box-shadow:0 1px 6px #00000014}.btn-outline:hover{border-color:var(--primary);color:#fff;background:var(--primary)}.btn-outline:active{transform:translateY(0);box-shadow:0 1px 6px #00000014}.categories button:hover{background:#f7f7f7}.card:hover{box-shadow:0 2px 14px #00000012;transform:translateY(-1px)}.tag:hover{background:#f7f7f7}a:hover{text-decoration:underline;text-underline-offset:2px}.share button:hover{opacity:.85}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:8px;box-shadow:0 0 0 4px #bb28212e}.accent-tint{background:var(--accent-soft);border-color:#bb282126}