*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#222;background:#fafafa;line-height:1.5}header{padding:14px 20px;background:#fff;border-bottom:1px solid #eee}header a{color:#555;text-decoration:none}main{max-width:1000px;margin:0 auto;padding:20px}h1{font-size:1.5rem;color:var(--c,#222)}h2{font-size:1.1rem;margin:1.4em 0 .4em;color:var(--c,#222);border-bottom:2px solid var(--c,#ccc)}.lead{color:#555}.t{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px solid #eee}audio{max-width:100%}section{scroll-margin-top:12px}footer{padding:24px;text-align:center;color:#777;font-size:.85rem}.hero{background:linear-gradient(135deg,#1f3a5f,#0f6f8f);color:#fff;padding:36px 20px;text-align:center}.hero h1{color:#fff;font-size:2rem;margin:0 0 6px}.hero p{margin:0;opacity:.9}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px}.card{background:#fff;border:1px solid #e5e5e5;border-radius:10px;overflow:hidden;display:flex;flex-direction:column}.card img{width:100%;display:block}.card .b{padding:12px 14px;display:flex;flex-direction:column;gap:6px;flex:1}.card h3{margin:0;font-size:1rem}.card p{margin:0;font-size:.88rem;color:#555;flex:1}.price{font-weight:700;color:#222}.btn{display:inline-block;padding:8px 12px;border-radius:6px;text-decoration:none;font-size:.88rem;border:1px solid #888;color:#222;background:#fff;margin:2px 4px 2px 0}.btn.p{background:#1f3a5f;border-color:#1f3a5f;color:#fff}.btn.off{opacity:.45;pointer-events:none}