/* Ms-MarginSpeed v1.5.68 — clean, readable product-style polish.
   All color values come from the existing Theme Options variables. */
:root {
  --ms-ui-font: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, "Noto Sans Devanagari", sans-serif;
}

body.hindi-news-redesign,
body.hindi-news-redesign button,
body.hindi-news-redesign input,
body.hindi-news-redesign select,
body.hindi-news-redesign textarea {
  font-family: var(--ms-ui-font) !important;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

body.hindi-news-redesign h1,
body.hindi-news-redesign h2,
body.hindi-news-redesign h3,
body.hindi-news-redesign h4,
body.hindi-news-redesign .post-title,
body.hindi-news-redesign .section-title,
body.hindi-news-redesign .widget-title {
  color: var(--color-text, #1a1a1a);
  font-weight: 700;
  letter-spacing: -.018em;
}

body.hindi-news-redesign p,
body.hindi-news-redesign .post-excerpt,
body.hindi-news-redesign .post-meta,
body.hindi-news-redesign .archive-description {
  color: var(--color-text-light, #555);
}

body.hindi-news-redesign .post-card,
body.hindi-news-redesign .widget,
body.hindi-news-redesign .page-content,
body.hindi-news-redesign .archive-header,
body.hindi-news-redesign .single-post,
body.hindi-news-redesign .not-found,
body.hindi-news-redesign .comment-list .comment {
  background: var(--color-white, #fff);
  border-color: var(--color-border, #e0e0e0);
  box-shadow: 0 1px 2px rgba(15, 23, 42, .035);
}

body.hindi-news-redesign .post-card:hover {
  box-shadow: 0 4px 14px rgba(15, 23, 42, .07);
}

body.hindi-news-redesign .site-header,
body.hindi-news-redesign .site-navigation,
body.hindi-news-redesign .footer-bottom,
body.hindi-news-redesign .gov-footer-panel {
  border-color: var(--color-border, #e0e0e0);
}

body.hindi-news-redesign input[type="text"],
body.hindi-news-redesign input[type="email"],
body.hindi-news-redesign input[type="url"],
body.hindi-news-redesign input[type="search"],
body.hindi-news-redesign input[type="password"],
body.hindi-news-redesign input[type="number"],
body.hindi-news-redesign select,
body.hindi-news-redesign textarea {
  border-color: var(--color-border, #e0e0e0);
  border-radius: 8px;
  background: var(--color-white, #fff);
  color: var(--color-text, #1a1a1a);
  box-shadow: none;
}

body.hindi-news-redesign input:focus,
body.hindi-news-redesign select:focus,
body.hindi-news-redesign textarea:focus {
  outline: 2px solid color-mix(in srgb, var(--color-primary, #c0392b) 28%, transparent);
  outline-offset: 1px;
  border-color: var(--color-primary, #c0392b);
}

body.hindi-news-redesign button,
body.hindi-news-redesign input[type="submit"],
body.hindi-news-redesign .button,
body.hindi-news-redesign .wp-element-button {
  font-family: inherit;
  font-weight: 650;
  letter-spacing: -.01em;
}

body.hindi-news-redesign .post-card a,
body.hindi-news-redesign .widget a,
body.hindi-news-redesign .page-content a,
body.hindi-news-redesign .single-post a {
  text-underline-offset: 2px;
}

/* Quiet interaction feedback: improves clarity without changing components. */
body.hindi-news-redesign a,
body.hindi-news-redesign button,
body.hindi-news-redesign input[type="submit"],
body.hindi-news-redesign .button {
  transition: color .16s ease, background-color .16s ease, border-color .16s ease, box-shadow .16s ease;
}

body.hindi-news-redesign .section-title,
body.hindi-news-redesign .widget-title,
body.hindi-news-redesign .post-card .post-title,
body.hindi-news-redesign .single-post .post-title {
  line-height: 1.28;
}

body.hindi-news-redesign .post-meta,
body.hindi-news-redesign .post-excerpt {
  line-height: 1.55;
}

body.hindi-news-redesign .post-card .post-thumb img,
body.hindi-news-redesign .single-post .post-thumb img {
  background: var(--color-bg, #f5f5f5);
}

body.hindi-news-redesign ::selection {
  background: color-mix(in srgb, var(--color-primary, #c0392b) 20%, transparent);
  color: var(--color-text, #1a1a1a);
}

@media (prefers-reduced-motion: reduce) {
  body.hindi-news-redesign *,
  body.hindi-news-redesign *::before,
  body.hindi-news-redesign *::after { transition-duration: .01ms !important; }
}

@media (max-width: 640px) {
  body.hindi-news-redesign { font-size: 15px; }
  body.hindi-news-redesign .post-card,
  body.hindi-news-redesign .widget,
  body.hindi-news-redesign .page-content,
  body.hindi-news-redesign .archive-header,
  body.hindi-news-redesign .single-post { border-radius: 9px; }
}
