/* Hero */
.smg-hero{position:relative;background:linear-gradient( to bottom, rgba(11,31,68,0.65), rgba(11,31,68,0.65) ), var(--smg-hero) no-repeat center/cover; padding:72px 20px; color:#fff; text-align:left}
.smg-hero-inner{max-width:1200px;margin:0 auto}
.smg-hero h1{font-size:48px;line-height:1.1;margin:0 0 8px}
.smg-hero p{font-size:18px;opacity:.95;margin:0}
.smg-toerns-tiles{max-width:1200px;margin:34px auto;display:flex;flex-direction:column;gap:18px;padding:0 16px}
.smg-tile{display:flex; gap:18px; align-items:stretch; background:#fff; border:1px solid #e6e8ef; border-radius:18px; box-shadow:0 8px 28px rgba(11,31,68,.08); overflow:hidden}
.smg-tile-thumb{flex:0 0 220px; background:#dfe7f5 center/cover no-repeat; min-height:200px}
.smg-tile-body{padding:22px 22px 18px}
.smg-tile-title{margin:0 0 8px; color:#0b1f44; font-size:28px}
.smg-tile-desc{margin:0 0 8px; color:#112; font-size:16px}
.smg-tile-meta{list-style:none; padding:0; margin:8px 0 14px}
.smg-tile-meta li{margin:2px 0; color:#223}
.smg-pill{display:inline-block; background:#eef3ff; border:1px solid #cfe0ff; color:#0b1f44; padding:6px 10px; border-radius:999px; font-weight:600}
.smg-btn{display:inline-block; background:#0b1f44; color:#fff !important; padding:10px 16px; border-radius:12px; text-decoration:none; box-shadow:0 6px 18px rgba(11,31,68,.2)}
.smg-btn:hover{filter:brightness(1.08)}
@media (max-width:860px){
 .smg-tile{flex-direction:column}
 .smg-tile-thumb{width:100%; height:200px; flex:0 0 auto}
}