*{box-sizing:border-box}
:root{--ink:#101828;--muted:#667085;--brand:#0a66c2;--bg:#fff;--border:#e5e9ef;--max:1150px}
html,body{margin:0;background:#fff;color:var(--ink);font:17px/1.75 system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial,sans-serif}
a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}
.container{max-width:var(--max);margin:0 auto;padding:26px 22px}
.site-header{position:sticky;top:0;background:#fff;border-bottom:1px solid var(--border)}
.site-header .wrap{display:flex;align-items:center;justify-content:space-between;max-width:var(--max);margin:0 auto;padding:14px 22px}
.logo{font-weight:800;color:#0b1220}.logo span{color:var(--brand)}
nav a{margin:0 12px;color:#1f2a36;font-weight:600}
.pagehead{max-width:var(--max);margin:0 auto;padding:22px 22px 0}.pagehead h1{font-size:2.2rem;margin:.2rem 0 .5rem}.pagehead p{margin:0;color:var(--muted)}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}
.card{background:#fff;border:1px solid var(--border);border-radius:16px;padding:16px;box-shadow:0 10px 30px rgba(16,24,40,.06)}
.card h3{margin:.4rem 0 .3rem}
.kicker{font-size:.85rem;color:#667085;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.2rem}
.thumb{width:100%;border:1px solid #e5e9ef;border-radius:12px;margin-bottom:10px}
.small{font-size:.9rem;color:#6b7280}
.site-footer{border-top:1px solid var(--border);background:#fbfdff;margin-top:24px}
.site-footer .wrap{max-width:var(--max);margin:0 auto;padding:26px 22px;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:22px}
.footer-small{font-size:.85rem;color:#6f7c8c}
.video-embed{position:relative;padding-bottom:56.25%;height:0;border:1px solid var(--border);border-radius:14px;overflow:hidden}
.video-embed iframe{position:absolute;top:0;left:0;width:100%;height:100%}