/* osdc-modern.css — gentle, incremental styles */
:root { --maxw: 1100px; --pad: 1.25rem; --radius: 14px; --shadow: 0 6px 18px rgba(0,0,0,.08); }
html { scroll-behavior: smooth; }
.osdc-container { max-width: var(--maxw); margin: 0 auto; padding: 0 var(--pad); }
.section { padding: 3rem 0; }
.cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px,1fr)); gap: 1rem; }
.card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); padding: 1rem; }
.card h3 { margin: 0.4rem 0 0.3rem 0; font-size: 1.1rem; }
.card p { margin: 0; }
.btn-row { display: flex; gap: .5rem; flex-wrap: wrap; margin-top: .5rem; }
.btn-pill { display: inline-block; padding: .5rem .85rem; border-radius: 999px; border: 1px solid #ddd; text-decoration: none; }
.hr-lite { height: 1px; background: #eef2f7; border: 0; margin: 1.25rem 0; }
.footer-lite { padding: 2rem 0; background:#0f172a; color:#cbd5e1; margin-top: 2rem; }
.footer-lite a { color:#e2e8f0; text-decoration: underline; }
.h-pad { padding-top: 1rem; }