/********************************************
 * 1. Global Variables & Setup
 ********************************************/
:root {
  /* Defined centrally for consistency */
  --dsa-red: #ec1f27;
  --dsa-red-hover: #d11820;
  --tpr-card-height: 560px;
}

html {
  scroll-behavior: smooth;
}

body {
  /* Soft charcoal so the white cards pop */
  background-color: #151515;
}

/********************************************
 * 2. Base card style (Clean & Elevated)
 ********************************************/
.savdsa-card {
  border-radius: 12px;
  background-color: #FFFFFF;
  padding: 40px;
  
  /* FLUID WIDTH FIX: Ensures it doesn't break on mobile */
  width: 100%; 
  max-width: 1200px;
  margin: 40px auto;

  /* COLOR INJECTION: A bold red stripe at the top of every card */
  border-top: 5px solid var(--dsa-red);

  /* Modern Elevation Shadow (No inner shadows) */
  box-shadow: 
    0 1px 2px rgba(0, 0, 0, 0.05),
    0 4px 16px rgba(0, 0, 0, 0.1),
    0 8px 32px rgba(0, 0, 0, 0.15);
}

/********************************************
 * 3. Shaded card variant (Warmer Grey)
 ********************************************/
.savdsa-card--shade {
  /* Slightly lighter/warmer grey to look cleaner */
  background-color: #f4f4f4; 
}

/********************************************
 * 4. Hide default WP page titles
 ********************************************/
body.page .wp-block-post-title {
  display: none !important;
}