.content-hero{padding:45px 0 30px;color:#fff;background:linear-gradient(135deg,#071b3a,#0a3d91 70%,#132f66)}
.content-hero .eyebrow{display:inline-block;margin-bottom:6px;color:#ff3445;font:700 11px 'Prompt';letter-spacing:1px}
.content-hero h1{margin:0;font:700 clamp(30px,5vw,48px)/1.15 'Kanit'}
.content-hero p{max-width:720px;margin:8px 0 0;color:#d6e4f7;font-size:13px}
.content-main{padding:25px 0 70px}
.content-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.content-card{display:flex;flex-direction:column;min-height:220px;padding:18px;border:1px solid #dbe6f1;border-radius:14px;background:#fff;box-shadow:0 6px 20px rgba(7,27,58,.07)}
.content-card .badge{align-self:flex-start;padding:3px 8px;border-radius:30px;background:#e9f1fb;color:#0a3d91;font:700 9px 'Prompt'}
.content-card h2{margin:12px 0 7px;color:#071b3a;font:700 20px/1.25 'Kanit'}
.content-card p{margin:0;color:#64758a;font-size:11px;line-height:1.7}
.content-card .meta{margin-top:auto;padding-top:14px;color:#e5162f;font:600 9px 'Prompt'}
.content-card.video{position:relative;padding-top:115px;overflow:hidden}
.content-card.video::before{content:'▶';position:absolute;inset:0 0 auto;height:98px;display:grid;place-items:center;background:linear-gradient(135deg,#071b3a,#1558b7);color:#fff;font-size:30px}
.page-note{margin-top:18px;padding:13px;border-radius:10px;background:#fff4f5;color:#8e2632;font-size:10px}
@media(max-width:800px){.content-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.content-hero{padding:30px 0 22px}.content-grid{grid-template-columns:1fr}.content-card{min-height:185px}.content-main{padding-top:15px}}