: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;gap:1rem;grid-template-columns:1fr}@media (min-width:700px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.card.compact{background:#fff;border:1px solid var(--border);border-radius:16px;padding:1rem;display:flex;flex-direction:column;gap:.6rem;min-height:100%}.card.compact .title{margin:.05rem 0;font-size:1.05rem}.card.compact .tagline{margin:0;color:#475569}.card.compact:hover{box-shadow:0 6px 24px #0000000f}.btn.primary:focus-visible,.link-subtle:focus-visible{outline:2px solid var(--accent);outline-offset:2px;box-shadow:0 0 0 4px #bb282129}.chips{display:flex;flex-wrap:wrap;gap:.35rem;margin:.2rem 0 .1rem}.chip{border:1px solid var(--border);border-radius:999px;padding:.18rem .55rem;background:#fff;font-size:.8rem}.cta-row{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.2rem}.btn.primary{display:inline-block;padding:.6rem 1rem;border-radius:12px;border:1px solid var(--border);background:#0f172a;color:#fff;text-decoration:none}.btn.primary:hover{filter:brightness(.98)}.link-subtle{font-size:.92rem;color:#475569;text-decoration:underline;text-underline-offset:2px}.hover-only{opacity:0;transition:opacity .15s ease}.card.compact:hover .hover-only{opacity:1}.tags{display:flex;flex-wrap:wrap;gap:.35rem}.tag{border:1px dashed var(--border);border-radius:999px;padding:.15rem .5rem;font-size:.78rem;color:#64748b}.meta{display:flex;justify-content:space-between;align-items:center;margin-top:auto;color:#64748b;font-size:.9rem}.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}.sp-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000002e;display:flex;align-items:center;justify-content:center;z-index:80}.sp-modal{background:#fff;border:1px solid #E5E7EB;border-radius:16px;max-width:720px;width:min(92%,720px);padding:1rem}.sp-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.4rem}.sp-x{border:1px solid #E5E7EB;background:#fff;border-radius:10px;padding:.2rem .6rem;font-size:20px;line-height:1}.sp-body{display:grid;gap:.6rem;margin-top:.4rem}.sp-item{border:1px solid #E5E7EB;border-radius:12px;padding:.6rem}.sp-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.sp-copy{border:1px solid #E5E7EB;background:#fff;border-radius:10px;padding:.35rem .6rem}.sp-text{margin:.35rem 0 0}.sp-close{border:1px solid #E5E7EB;background:#fff;border-radius:10px;padding:.5rem 1rem;margin-top:.8rem}.sp-close:focus-visible,.sp-copy:focus-visible,.sp-x:focus-visible{outline:2px solid #bb2821;outline-offset:2px;box-shadow:0 0 0 4px #bb282129}.buttons{display:flex;flex-wrap:wrap;gap:.5rem}.chips{display:flex;flex-wrap:wrap;gap:.35rem;margin:.45rem 0 .2rem}.chip{border:1px solid var(--border);border-radius:999px;padding:.18rem .55rem;background:#fff;font-size:.8rem;color:#0f172a}.link-subtle{display:inline-block;margin-top:.35rem;font-size:.9rem;color:#475569;text-decoration:underline;text-underline-offset:2px}.link-subtle:hover{color:var(--accent,#bb2821)}