/* Mobile-first, lightweight styles */
:root { --fg:#111; --bg:#fff; --muted:#666; --brand:#0a66c2; --accent:#0d9488; }
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin:0; font:16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif; color:var(--fg); background:var(--bg); }
a { color:var(--brand); text-decoration:none; }
a:hover,a:focus { text-decoration:underline; }
header, footer { border-bottom:1px solid #eee; }
footer { border-top:1px solid #eee; border-bottom:none; }
.container { max-width:980px; margin:0 auto; padding:16px; }
.nav { display:flex; gap:14px; flex-wrap:wrap; align-items:center; }
.nav a { padding:8px 10px; border-radius:10px; }
.nav a.active { background:#f3f4f6; }
.hero h1 { font-size:clamp(1.6rem,3.5vw,2.2rem); margin:8px 0 6px; }
.hero p { color:var(--muted); margin:0 0 12px; }
.btn { display:inline-block; padding:10px 14px; border-radius:999px; background:var(--accent); color:#fff; font-weight:600; }
.btn:hover { opacity:.9; text-decoration:none; }
main { padding:12px 0 28px; }

/* TDC header logo size */
.brand-link{display:flex;gap:10px;align-items:center;text-decoration:none;color:inherit}
.brand-link .logo{height: 40px;width:auto;border-radius:6px;vertical-align:middle}

/* TDC header center */
.container.nav{display:flex;justify-content:center;gap:18px;align-items:center}
.container.nav .nav{display:flex;gap:16px;align-items:center}

/* TDC footer center */
footer .container{ text-align:center }

/* TDC header logo size v2 */
header .brand-link .logo{height:44px;width:auto;border-radius:6px;vertical-align:middle}
@media (min-width:640px){ header .brand-link .logo{height:56px} }
@media (min-width:1024px){ header .brand-link .logo{height:64px} }

/* TDC header logo widen v3 (keep header height, increase visual width) */
header .brand-link{height:64px;overflow:hidden}        /* visible header height stays ~64px */
header .brand-link .logo{height:96px;width:auto}        /* zoom the image so it appears wider */
@media (min-width: 640px){ header .brand-link .logo{height:110px} }
@media (min-width:1024px){ header .brand-link .logo{height:124px} }
.post-hero-wrap{margin:14px 0 18px}
.post-hero{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:12px;display:block}

/* TDC blog hero sizing (override) */
.post-hero-wrap{margin:14px 0 18px; overflow:hidden; border-radius:12px}
.post-hero{
  display:block;
  width:100%;
  /* Responsive fixed height with gentle cap */
  height:clamp(220px, 32vw, 420px);
  object-fit:cover;           /* crop nicely instead of stretching */
  object-position:center;
  border-radius:12px;
}

/* sidev3 2025-11-06 — center homepage CTA */
.hero a[href="/blog.html"]{
  display:block;
  width:max-content;
  margin:16px auto 0; /* center horizontally; small top gap */
}