/* ================================================================
   WPFORMS STYLING — DC Experience
   Paste this into Appearance > Customize > Additional CSS
   This makes the WPForms form match the dark charcoal design.
   ================================================================ */

/* Dark background to match the Apply section above */
.wp-block-shortcode {
  background-color: #3A3530;
  padding: 0 40px 52px !important;
  margin: 0 !important;
}

/* Limit form width */
.wp-block-shortcode .wpforms-container {
  max-width: 520px;
}

/* Hide the default WPForms title if it appears */
.wp-block-shortcode .wpforms-head-container { display:none; }

/* Field labels */
.wp-block-shortcode .wpforms-field-label {
  font-family: 'Jost', system-ui, sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  color: #7A746E !important;
  margin-bottom: 6px !important;
}

/* Sub-labels (First / Last under name field) */
.wp-block-shortcode .wpforms-field-sublabel {
  font-family: 'Jost', system-ui, sans-serif !important;
  font-size: 10px !important;
  color: #5A5450 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  margin-top: 4px !important;
}

/* Text inputs and email */
.wp-block-shortcode .wpforms-field input[type="text"],
.wp-block-shortcode .wpforms-field input[type="email"] {
  font-family: 'Jost', system-ui, sans-serif !important;
  font-size: 13px !important;
  font-weight: 300 !important;
  color: #B8A898 !important;
  background: transparent !important;
  border: none !important;
  border-bottom: 0.5px solid #5A5450 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 6px 0 10px !important;
  outline: none !important;
  width: 100% !important;
}

/* Textarea */
.wp-block-shortcode .wpforms-field textarea {
  font-family: 'Jost', system-ui, sans-serif !important;
  font-size: 13px !important;
  font-weight: 300 !important;
  color: #B8A898 !important;
  background: transparent !important;
  border: none !important;
  border-bottom: 0.5px solid #5A5450 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 6px 0 10px !important;
  outline: none !important;
  width: 100% !important;
  resize: vertical !important;
}

/* Placeholder text */
.wp-block-shortcode .wpforms-field input::placeholder,
.wp-block-shortcode .wpforms-field textarea::placeholder {
  color: #5A5450 !important;
  font-style: italic !important;
}

/* Focus state */
.wp-block-shortcode .wpforms-field input:focus,
.wp-block-shortcode .wpforms-field textarea:focus {
  border-bottom-color: #A07840 !important;
  outline: none !important;
  box-shadow: none !important;
}

/* Field spacing */
.wp-block-shortcode .wpforms-field {
  margin-bottom: 22px !important;
  padding: 0 !important;
  background: transparent !important;
}

/* Required asterisk */
.wp-block-shortcode .wpforms-required-label,
.wp-block-shortcode .wpforms-field-label .wpforms-required-label {
  color: #A07840 !important;
}

/* Submit button */
.wp-block-shortcode .wpforms-submit-container { padding: 0 !important; margin-top: 8px !important; }
.wp-block-shortcode .wpforms-submit,
.wp-block-shortcode button[type="submit"] {
  font-family: 'Jost', system-ui, sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  letter-spacing: 0.13em !important;
  text-transform: uppercase !important;
  color: #F8F4EF !important;
  background-color: #A07840 !important;
  border: none !important;
  padding: 12px 28px !important;
  border-radius: 2px !important;
  cursor: pointer !important;
  box-shadow: none !important;
}

.wp-block-shortcode .wpforms-submit:hover,
.wp-block-shortcode button[type="submit"]:hover {
  background-color: #8A6830 !important;
}

/* Confirmation message after submit */
.wp-block-shortcode .wpforms-confirmation-container-full {
  font-family: 'Jost', system-ui, sans-serif !important;
  font-size: 13px !important;
  font-weight: 300 !important;
  color: #B8956A !important;
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
}

/* ================================================================
   WPFORMS STYLING — Apply Page
   Paste into Appearance > Customize > Additional CSS
   ================================================================ */

/* Ivory background, padding, and max-width — connects visually to header */
.wp-block-shortcode {
  background-color: #F8F4EF !important;
  padding: 40px 40px 56px !important;
  margin: 0 !important;
}

.wp-block-shortcode .wpforms-container {
  max-width: 520px;
}

/* Hide WPForms page title if it shows */
.wp-block-shortcode .wpforms-head-container { display:none; }

/* Field labels */
.wp-block-shortcode .wpforms-field-label {
  font-family: 'Jost', system-ui, sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  color: #7A746E !important;
  margin-bottom: 6px !important;
}

/* Sub-labels (First / Last) */
.wp-block-shortcode .wpforms-field-sublabel {
  font-family: 'Jost', system-ui, sans-serif !important;
  font-size: 10px !important;
  color: #7A746E !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
  margin-top: 4px !important;
}

/* All text and email inputs */
.wp-block-shortcode .wpforms-field input[type="text"],
.wp-block-shortcode .wpforms-field input[type="email"] {
  font-family: 'Jost', system-ui, sans-serif !important;
  font-size: 13px !important;
  font-weight: 300 !important;
  color: #3A3530 !important;
  background: transparent !important;
  border: none !important;
  border-bottom: 0.5px solid #C8C0B8 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 8px 0 10px !important;
  width: 100% !important;
}

/* Textarea */
.wp-block-shortcode .wpforms-field textarea {
  font-family: 'Jost', system-ui, sans-serif !important;
  font-size: 13px !important;
  font-weight: 300 !important;
  color: #3A3530 !important;
  background: transparent !important;
  border: none !important;
  border-bottom: 0.5px solid #C8C0B8 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 8px 0 10px !important;
  width: 100% !important;
  resize: vertical !important;
  min-height: 80px !important;
}

/* Focus state — amber highlight */
.wp-block-shortcode .wpforms-field input:focus,
.wp-block-shortcode .wpforms-field textarea:focus {
  border-bottom-color: #A07840 !important;
  outline: none !important;
  box-shadow: none !important;
}

/* Field spacing */
.wp-block-shortcode .wpforms-field {
  margin-bottom: 24px !important;
  padding: 0 !important;
  background: transparent !important;
}

/* Required asterisk */
.wp-block-shortcode .wpforms-required-label {
  color: #A07840 !important;
}

/* Submit button */
.wp-block-shortcode .wpforms-submit-container {
  padding: 4px 0 0 !important;
  margin: 0 !important;
  background: transparent !important;
}

.wp-block-shortcode .wpforms-submit,
.wp-block-shortcode button[type="submit"] {
  font-family: 'Jost', system-ui, sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  letter-spacing: 0.13em !important;
  text-transform: uppercase !important;
  color: #F8F4EF !important;
  background-color: #A07840 !important;
  border: none !important;
  padding: 12px 28px !important;
  border-radius: 2px !important;
  cursor: pointer !important;
  box-shadow: none !important;
  display: inline-block !important;
}

.wp-block-shortcode .wpforms-submit:hover,
.wp-block-shortcode button[type="submit"]:hover {
  background-color: #8A6830 !important;
}

//* ================================================================
   WPFORMS STYLING — Apply Page
   Add this to Appearance > Customize > Additional CSS
   (replace any previous WPForms CSS block you added)
   ================================================================ */

/* Page background and form container */
.wpforms-container {
  background-color: #F8F4EF !important;
  padding: 40px 40px 52px !important;
  max-width: 560px !important;
}

/* Remove any default WPForms card/box styling */
.wpforms-container,
.wpforms-form {
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

/* Field labels */
.wpforms-form .wpforms-field-label {
  font-family: 'Jost', system-ui, sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  color: #7A746E !important;
  margin-bottom: 6px !important;
}

/* Sub-labels like First / Last */
.wpforms-form .wpforms-field-sublabel {
  font-family: 'Jost', system-ui, sans-serif !important;
  font-size: 10px !important;
  color: #7A746E !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
}

/* All text inputs and email field */
.wpforms-form .wpforms-field input[type="text"],
.wpforms-form .wpforms-field input[type="email"],
.wpforms-form .wpforms-field input[type="tel"] {
  font-family: 'Jost', system-ui, sans-serif !important;
  font-size: 13px !important;
  font-weight: 300 !important;
  color: #3A3530 !important;
  background-color: transparent !important;
  border: none !important;
  border-bottom: 1px solid #C8C0B8 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  outline: none !important;
  padding: 8px 0 10px !important;
  width: 100% !important;
}

/* Textarea */
.wpforms-form .wpforms-field textarea {
  font-family: 'Jost', system-ui, sans-serif !important;
  font-size: 13px !important;
  font-weight: 300 !important;
  color: #3A3530 !important;
  background-color: transparent !important;
  border: none !important;
  border-bottom: 1px solid #C8C0B8 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  outline: none !important;
  padding: 8px 0 10px !important;
  width: 100% !important;
  min-height: 80px !important;
  resize: vertical !important;
}

/* Focus — amber underline */
.wpforms-form .wpforms-field input:focus,
.wpforms-form .wpforms-field textarea:focus {
  border-bottom-color: #A07840 !important;
  box-shadow: none !important;
  outline: none !important;
}

/* Field wrapper spacing */
.wpforms-form .wpforms-field {
  padding: 0 !important;
  margin-bottom: 24px !important;
  background: transparent !important;
}

/* Required asterisk */
.wpforms-form .wpforms-required-label {
  color: #A07840 !important;
}

/* Submit button container */
.wpforms-form .wpforms-submit-container {
  background: transparent !important;
  border: none !important;
  padding: 8px 0 0 !important;
  margin: 0 !important;
}

/* Submit button */
.wpforms-form .wpforms-submit,
.wpforms-form button[type="submit"] {
  font-family: 'Jost', system-ui, sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  letter-spacing: 0.13em !important;
  text-transform: uppercase !important;
  color: #F8F4EF !important;
  background-color: #A07840 !important;
  border: none !important;
  padding: 12px 28px !important;
  border-radius: 2px !important;
  cursor: pointer !important;
  box-shadow: none !important;
}

.wpforms-form .wpforms-submit:hover,
.wpforms-form button[type="submit"]:hover {
  background-color: #8A6830 !important;
  color: #F8F4EF !important;
}

/* ================================================================
   WPFORMS STYLING — Apply Page
   Add this to Appearance > Customize > Additional CSS
   (replace any previous WPForms CSS block you added)
   ================================================================ */

/* Outer block — sets background and pushes content away from edges */
.wp-block-shortcode {
  background-color: #F8F4EF !important;
  padding: 40px 40px 56px !important;
  margin: 0 !important;
}

/* Form container — constrain width */
.wpforms-container {
  max-width: 520px !important;
  padding: 0 !important;
}

/* Remove any default WPForms card/box styling */
.wpforms-container,
.wpforms-form {
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

/* Field labels */
.wpforms-form .wpforms-field-label {
  font-family: 'Jost', system-ui, sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  color: #7A746E !important;
  margin-bottom: 6px !important;
}

/* Sub-labels like First / Last */
.wpforms-form .wpforms-field-sublabel {
  font-family: 'Jost', system-ui, sans-serif !important;
  font-size: 10px !important;
  color: #7A746E !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
}

/* All text inputs and email field */
.wpforms-form .wpforms-field input[type="text"],
.wpforms-form .wpforms-field input[type="email"],
.wpforms-form .wpforms-field input[type="tel"] {
  font-family: 'Jost', system-ui, sans-serif !important;
  font-size: 13px !important;
  font-weight: 300 !important;
  color: #3A3530 !important;
  background-color: transparent !important;
  border: none !important;
  border-bottom: 1px solid #C8C0B8 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  outline: none !important;
  padding: 8px 0 10px !important;
  width: 100% !important;
}

/* Textarea */
.wpforms-form .wpforms-field textarea {
  font-family: 'Jost', system-ui, sans-serif !important;
  font-size: 13px !important;
  font-weight: 300 !important;
  color: #3A3530 !important;
  background-color: transparent !important;
  border: none !important;
  border-bottom: 1px solid #C8C0B8 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  outline: none !important;
  padding: 8px 0 10px !important;
  width: 100% !important;
  min-height: 80px !important;
  resize: vertical !important;
}

/* Focus — amber underline */
.wpforms-form .wpforms-field input:focus,
.wpforms-form .wpforms-field textarea:focus {
  border-bottom-color: #A07840 !important;
  box-shadow: none !important;
  outline: none !important;
}

/* Field wrapper spacing */
.wpforms-form .wpforms-field {
  padding: 0 !important;
  margin-bottom: 24px !important;
  background: transparent !important;
}

/* Required asterisk */
.wpforms-form .wpforms-required-label {
  color: #A07840 !important;
}

/* Submit button container */
.wpforms-form .wpforms-submit-container {
  background: transparent !important;
  border: none !important;
  padding: 8px 0 0 !important;
  margin: 0 !important;
}

/* Submit button */
.wpforms-form .wpforms-submit,
.wpforms-form button[type="submit"] {
  font-family: 'Jost', system-ui, sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  letter-spacing: 0.13em !important;
  text-transform: uppercase !important;
  color: #F8F4EF !important;
  background-color: #A07840 !important;
  border: none !important;
  padding: 12px 28px !important;
  border-radius: 2px !important;
  cursor: pointer !important;
  box-shadow: none !important;
}

.wpforms-form .wpforms-submit:hover,
.wpforms-form button[type="submit"]:hover {
  background-color: #8A6830 !important;
  color: #F8F4EF !important;
}

//* ================================================================
   WPFORMS STYLING — Apply Page
   Add this to Appearance > Customize > Additional CSS
   (replace any previous WPForms CSS block you added)
   ================================================================ */

/* Outer block — sets background and pushes content away from edges */
.wp-block-shortcode {
  background-color: #F8F4EF !important;
  padding: 40px 40px 56px !important;
  margin: 0 !important;
}

/* Form container — full width within padded block */
.wpforms-container {
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Remove any default WPForms card/box styling */
.wpforms-container,
.wpforms-form {
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

/* Field labels */
.wpforms-form .wpforms-field-label {
  font-family: 'Jost', system-ui, sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  color: #7A746E !important;
  margin-bottom: 6px !important;
}

/* Sub-labels like First / Last */
.wpforms-form .wpforms-field-sublabel {
  font-family: 'Jost', system-ui, sans-serif !important;
  font-size: 10px !important;
  color: #7A746E !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
}

/* All text inputs and email field */
.wpforms-form .wpforms-field input[type="text"],
.wpforms-form .wpforms-field input[type="email"],
.wpforms-form .wpforms-field input[type="tel"] {
  font-family: 'Jost', system-ui, sans-serif !important;
  font-size: 13px !important;
  font-weight: 300 !important;
  color: #3A3530 !important;
  background-color: transparent !important;
  border: none !important;
  border-bottom: 1px solid #C8C0B8 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  outline: none !important;
  padding: 8px 0 10px !important;
  width: 100% !important;
}

/* Textarea */
.wpforms-form .wpforms-field textarea {
  font-family: 'Jost', system-ui, sans-serif !important;
  font-size: 13px !important;
  font-weight: 300 !important;
  color: #3A3530 !important;
  background-color: transparent !important;
  border: none !important;
  border-bottom: 1px solid #C8C0B8 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  outline: none !important;
  padding: 8px 0 10px !important;
  width: 100% !important;
  min-height: 80px !important;
  resize: vertical !important;
}

/* Focus — amber underline */
.wpforms-form .wpforms-field input:focus,
.wpforms-form .wpforms-field textarea:focus {
  border-bottom-color: #A07840 !important;
  box-shadow: none !important;
  outline: none !important;
}

/* Field wrapper spacing */
.wpforms-form .wpforms-field {
  padding: 0 !important;
  margin-bottom: 24px !important;
  background: transparent !important;
}

/* Required asterisk */
.wpforms-form .wpforms-required-label {
  color: #A07840 !important;
}

/* Submit button container */
.wpforms-form .wpforms-submit-container {
  background: transparent !important;
  border: none !important;
  padding: 8px 0 0 !important;
  margin: 0 !important;
}

/* Submit button */
.wpforms-form .wpforms-submit,
.wpforms-form button[type="submit"] {
  font-family: 'Jost', system-ui, sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  letter-spacing: 0.13em !important;
  text-transform: uppercase !important;
  color: #F8F4EF !important;
  background-color: #A07840 !important;
  border: none !important;
  padding: 12px 28px !important;
  border-radius: 2px !important;
  cursor: pointer !important;
  box-shadow: none !important;
}

.wpforms-form .wpforms-submit:hover,
.wpforms-form button[type="submit"]:hover {
  background-color: #8A6830 !important;
  color: #F8F4EF !important;
}

/* ================================================================
   WPFORMS STYLING — Apply Page
   Add this to Appearance > Customize > Additional CSS
   (replace any previous WPForms CSS block you added)
   ================================================================ */

/* Outer block — sets background and pushes content away from edges */
.wp-block-shortcode {
  background-color: #F8F4EF !important;
  padding: 40px 40px 56px !important;
  margin: 0 !important;
}

/* Form container — comfortable reading width, left-aligned */
.wpforms-container {
  max-width: 640px !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Remove any default WPForms card/box styling */
.wpforms-container,
.wpforms-form {
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

/* Field labels */
.wpforms-form .wpforms-field-label {
  font-family: 'Jost', system-ui, sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  color: #7A746E !important;
  margin-bottom: 6px !important;
}

/* Sub-labels like First / Last */
.wpforms-form .wpforms-field-sublabel {
  font-family: 'Jost', system-ui, sans-serif !important;
  font-size: 10px !important;
  color: #7A746E !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
}

/* All text inputs and email field */
.wpforms-form .wpforms-field input[type="text"],
.wpforms-form .wpforms-field input[type="email"],
.wpforms-form .wpforms-field input[type="tel"] {
  font-family: 'Jost', system-ui, sans-serif !important;
  font-size: 13px !important;
  font-weight: 300 !important;
  color: #3A3530 !important;
  background-color: transparent !important;
  border: none !important;
  border-bottom: 1px solid #C8C0B8 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  outline: none !important;
  padding: 8px 0 10px !important;
  width: 100% !important;
}

/* Textarea */
.wpforms-form .wpforms-field textarea {
  font-family: 'Jost', system-ui, sans-serif !important;
  font-size: 13px !important;
  font-weight: 300 !important;
  color: #3A3530 !important;
  background-color: transparent !important;
  border: none !important;
  border-bottom: 1px solid #C8C0B8 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  outline: none !important;
  padding: 8px 0 10px !important;
  width: 100% !important;
  min-height: 80px !important;
  resize: vertical !important;
}

/* Focus — amber underline */
.wpforms-form .wpforms-field input:focus,
.wpforms-form .wpforms-field textarea:focus {
  border-bottom-color: #A07840 !important;
  box-shadow: none !important;
  outline: none !important;
}

/* Field wrapper spacing */
.wpforms-form .wpforms-field {
  padding: 0 !important;
  margin-bottom: 24px !important;
  background: transparent !important;
}

/* Required asterisk */
.wpforms-form .wpforms-required-label {
  color: #A07840 !important;
}

/* Submit button container */
.wpforms-form .wpforms-submit-container {
  background: transparent !important;
  border: none !important;
  padding: 8px 0 0 !important;
  margin: 0 !important;
}

/* Submit button */
.wpforms-form .wpforms-submit,
.wpforms-form button[type="submit"] {
  font-family: 'Jost', system-ui, sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  letter-spacing: 0.13em !important;
  text-transform: uppercase !important;
  color: #F8F4EF !important;
  background-color: #A07840 !important;
  border: none !important;
  padding: 12px 28px !important;
  border-radius: 2px !important;
  cursor: pointer !important;
  box-shadow: none !important;
}

.wpforms-form .wpforms-submit:hover,
.wpforms-form button[type="submit"]:hover {
  background-color: #8A6830 !important;
  color: #F8F4EF !important;
}

/* Confirmation / thank you message after submit */
.wpforms-confirmation-container-full {
  font-family: 'Jost', system-ui, sans-serif !important;
  font-size: 13px !important;
  font-weight: 300 !important;
  color: #3A3530 !important;
  background-color: #F8F4EF !important;
  border: 0.5px solid #E5DDD4 !important;
  border-radius: 3px !important;
  padding: 20px !important;
  box-shadow: none !important;
}

/* Hide theme header and footer on Language Studio page */
.page-id-2073 .wp-block-template-part[data-slug="header"] {
  display: none !important;
}

.page-id-2073 .vf-feedback-widget,
.page-id-2073 [class*="voice-feedback"],
.page-id-2073 .wpl-pv-wrap {
  display: none !important;
}

/* Hide theme header and footer chrome on Language Studio page */
.page-id-2073 .wp-block-template-part[data-slug="header"] { display:none !important; }
.page-id-2073 .wp-block-template-part[data-slug="footer"] { display:none !important; }

/* Hide Voice Feedback widget at bottom */
.page-id-2073 .wpl-pv-wrap,
.page-id-2073 [class*="voice-feedback"],
.page-id-2073 [class*="vf-feedback"] { display:none !important; }

/* Hide theme header on Language Studio page */
.page-id-2073 .wp-block-template-part { display: none !important; }

/* Hide Voice Feedback widget on Language Studio page */
.page-id-2073 .wpl-pv-wrap,
.page-id-2073 [class*="pv-feedback"],
.page-id-2073 [class*="voice-feedback"],
.page-id-2073 [class*="helpful"] { display: none !important; }

/* Language Studio — remove all top chrome */
.page-id-2073 header,
.page-id-2073 .wp-block-template-part {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
}

.page-id-2073 .wp-site-blocks,
.page-id-2073 main,
.page-id-2073 .wp-block-post-content,
.page-id-2073 .entry-content {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

/* Voice Feedback widget */
.page-id-2073 #daexthefu-container,
.page-id-2073 .daexthefu-container {
  display: none !important;
}

.page-id-2073 #masthead,
.page-id-2073 .site-header { 
  display: none !important; 
  height: 0 !important; 
}

/* =====================================================
   COFFEE BREAK ARCHIVE — Design System Styling
   Targets: body.category-coffee-break
   Caffè Al Bicerin aesthetic: warm, intimate, compact
   ===================================================== */

/* ---- Hero ---- */
.cb-hero {
  background-color: #3A3530;
  padding: 56px 40px 48px;
}
.cb-hero__rule {
  width: 32px;
  height: .5px;
  background-color: #A07840;
  margin-bottom: 16px;
  display: block;
}
.cb-hero__label {
  font-family: 'Jost', system-ui, sans-serif;
  font-size: 10px;
  font-weight: 400;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: #A07840;
  margin: 0 0 12px;
}
.cb-hero__heading {
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-size: 38px;
  font-weight: 300;
  font-style: italic;
  color: #F8F4EF;
  line-height: 1.2;
  margin: 0 0 10px;
}
.cb-hero__sub {
  font-family: 'Jost', system-ui, sans-serif;
  font-size: 12px;
  font-weight: 300;
  color: #9A9490;
  line-height: 1.7;
  margin: 0;
  max-width: 380px;
}

/* ---- Breadcrumb ---- */
.cb-breadcrumb {
  background-color: #FAF6F0;
  padding: 12px 40px;
  border-bottom: .5px solid #E5DDD4;
}
.cb-breadcrumb__link {
  font-family: 'Jost', system-ui, sans-serif;
  font-size: 11px;
  font-weight: 300;
  color: #7A746E;
  text-decoration: none;
  letter-spacing: .02em;
}
.cb-breadcrumb__link:hover { color: #A07840; }

/* ---- Override default page header (hide "Category: Coffee Break") ---- */
body.category-coffee-break .page-header,
body.category-coffee-break .wp-block-term-description,
body.category-coffee-break .archive-title,
body.category-coffee-break .taxonomy-description {
  display: none !important;
}

/* ---- Post grid ---- */
body.category-coffee-break .wp-block-post-template,
body.category-coffee-break .loop-container {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 12px !important;
  padding: 32px 40px 48px !important;
  list-style: none !important;
  margin: 0 !important;
  background-color: #FAF6F0;
}

/* ---- Post cards ---- */
body.category-coffee-break .wp-block-post,
body.category-coffee-break article.post {
  background-color: #FDF8F3 !important;
  border: .5px solid #E5DDD4 !important;
  border-radius: 4px !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
  list-style: none !important;
  margin: 0 !important;
}

/* ---- Featured image ---- */
body.category-coffee-break .wp-block-post-featured-image,
body.category-coffee-break .post-thumbnail {
  margin: 0 !important;
  aspect-ratio: 16 / 9;
  overflow: hidden;
}
body.category-coffee-break .wp-block-post-featured-image img,
body.category-coffee-break .post-thumbnail img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  border-radius: 4px 4px 0 0 !important;
  display: block !important;
}

/* ---- Card inner content ---- */
body.category-coffee-break .wp-block-post .cb-card-inner,
body.category-coffee-break article.post .entry-content-inner {
  padding: 16px;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}



/* ---- Post titles ---- */
body.category-coffee-break .wp-block-post-title,
body.category-coffee-break article .entry-title {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-size: 17px !important;
  font-weight: 400 !important;
  font-style: italic !important;
  color: #3A3530 !important;
  line-height: 1.3 !important;
  margin: 0 0 6px !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}
body.category-coffee-break .wp-block-post-title a,
body.category-coffee-break article .entry-title a {
  color: #3A3530 !important;
  text-decoration: none !important;
}
body.category-coffee-break .wp-block-post-title a:hover,
body.category-coffee-break article .entry-title a:hover {
  color: #A07840 !important;
}

/* ---- Excerpts ---- */
body.category-coffee-break .wp-block-post-excerpt,
body.category-coffee-break .wp-block-post-excerpt p,
body.category-coffee-break article .entry-summary {
  font-family: 'Jost', system-ui, sans-serif !important;
  font-size: 11px !important;
  font-weight: 300 !important;
  color: #7A746E !important;
  line-height: 1.65 !important;
  margin: 0 0 12px !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  flex-grow: 1;
}

/* ---- "LISTEN →" link ---- */
body.category-coffee-break .wp-block-post-excerpt__more-link,
body.category-coffee-break article .more-link {
  font-family: 'Jost', system-ui, sans-serif !important;
  font-size: 9px !important;
  font-weight: 500 !important;
  letter-spacing: .10em !important;
  text-transform: uppercase !important;
  color: #A07840 !important;
  text-decoration: none !important;
  display: inline-block !important;
  margin-top: auto !important;
}
body.category-coffee-break .wp-block-post-excerpt__more-link:hover,
body.category-coffee-break article .more-link:hover {
  opacity: .7 !important;
}
/* Override "Read more" text to show nothing — displayed via Query Loop "Read More" button */
body.category-coffee-break .wp-block-read-more {
  font-family: 'Jost', system-ui, sans-serif !important;
  font-size: 9px !important;
  font-weight: 500 !important;
  letter-spacing: .10em !important;
  text-transform: uppercase !important;
  color: #A07840 !important;
  text-decoration: none !important;
  background: none !important;
  border: none !important;
  padding: 0 !important;
}
body.category-coffee-break .wp-block-read-more:hover { opacity: .7 !important; }

/* ---- Page background ---- */
body.category-coffee-break .site-main,
body.category-coffee-break main {
  background: #FAF6F0 !important;
  padding: 0 !important;
}

/* ---- Pagination ---- */
body.category-coffee-break .wp-block-query-pagination,
body.category-coffee-break .pagination {
  padding: 16px 40px 40px !important;
  background: #FAF6F0 !important;
  font-family: 'Jost', system-ui, sans-serif !important;
  font-size: 11px !important;
}
body.category-coffee-break .wp-block-query-pagination a {
  color: #A07840 !important;
  text-decoration: none !important;
  letter-spacing: .08em !important;
}

/* ---- Responsive ---- */
@media (max-width: 900px) {
  body.category-coffee-break .wp-block-post-template,
  body.category-coffee-break .loop-container {
    grid-template-columns: repeat(2, 1fr) !important;
    padding: 24px !important;
    gap: 10px !important;
  }
}
@media (max-width: 600px) {
  body.category-coffee-break .wp-block-post-template,
  body.category-coffee-break .loop-container {
    grid-template-columns: 1fr !important;
  }
  .cb-hero { padding: 40px 24px 36px; }
  .cb-breadcrumb { padding: 10px 24px; }
}

/* === Coffee Break Cards — Full Replace === */

/* Page + grid background */
body.category-coffee-break .site-main,
body.category-coffee-break main,
body.category-coffee-break .wp-block-post-template {
  background: #F8F4EF !important;
  background-image: none !important;
}
body.category-coffee-break .wp-block-post-template {
  padding: 32px 40px !important;
  gap: 16px !important;
}

/* Card shell */
body.category-coffee-break .wp-block-post {
  background: #FAF6F0 !important;
  background-image: none !important;
  border: 0.5px solid #E5DDD4 !important;
  border-radius: 4px !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  box-shadow: none !important;
  transform: none !important;
  transition: box-shadow .25s ease, transform .25s ease !important;
}
body.category-coffee-break .wp-block-post:hover {
  box-shadow: 0 4px 16px rgba(58,53,48,0.10) !important;
  transform: translateY(-2px) !important;
}

/* Block stacking order: image → title (+ badge) → excerpt → date → listen */
body.category-coffee-break .wp-block-post-featured-image { order: 1 !important; }
body.category-coffee-break .wp-block-post-title         { order: 2 !important; }
body.category-coffee-break .wp-block-post-excerpt       { order: 3 !important; }
body.category-coffee-break .wp-block-post-date          { order: 4 !important; }
body.category-coffee-break .wp-block-read-more          { order: 5 !important; }

/* Featured image — 180px fixed, cover */
body.category-coffee-break .wp-block-post-featured-image,
body.category-coffee-break .wp-block-post-featured-image a {
  display: block !important;
  height: 180px !important;
  overflow: hidden !important;
  border-radius: 4px 4px 0 0 !important;
}
body.category-coffee-break .wp-block-post-featured-image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
  border-radius: 4px 4px 0 0 !important;
  transition: transform .4s ease !important;
}
body.category-coffee-break .wp-block-post:hover .wp-block-post-featured-image img {
  transform: scale(1.04) !important;
}



/* Post title */
body.category-coffee-break .wp-block-post-title {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-style: italic !important;
  font-size: 20px !important;
  font-weight: 400 !important;
  color: #3A3530 !important;
  line-height: 1.25 !important;
  padding: 0 16px 8px !important;
  margin: 0 !important;
  display: block !important;
  overflow: visible !important;
  -webkit-line-clamp: unset !important;
}
body.category-coffee-break .wp-block-post-title a {
  color: #3A3530 !important;
  text-decoration: none !important;
}
body.category-coffee-break .wp-block-post-title a:hover {
  color: #A07840 !important;
}

/* Excerpt */
body.category-coffee-break .wp-block-post-excerpt {
  padding: 0 16px 8px !important;
  margin: 0 !important;
  flex-grow: 0 !important;
}
body.category-coffee-break .wp-block-post-excerpt p {
  font-family: 'Jost', system-ui, sans-serif !important;
  font-size: 11px !important;
  font-weight: 300 !important;
  color: #7A746E !important;
  line-height: 1.65 !important;
  margin: 0 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

/* Date */
body.category-coffee-break .wp-block-post-date {
  padding: 0 16px 4px !important;
  margin: 0 !important;
  display: block !important;
}
body.category-coffee-break .wp-block-post-date,
body.category-coffee-break .wp-block-post-date time {
  font-family: 'Jost', system-ui, sans-serif !important;
  font-size: 10px !important;
  font-weight: 300 !important;
  color: #7A746E !important;
}

/* LISTEN → */
body.category-coffee-break .wp-block-read-more {
  font-family: 'Jost', system-ui, sans-serif !important;
  font-size: 9px !important;
  font-weight: 500 !important;
  letter-spacing: 0.10em !important;
  text-transform: uppercase !important;
  color: #A07840 !important;
  text-decoration: none !important;
  background: none !important;
  border: none !important;
  padding: 0 16px 16px !important;
  margin: 0 !important;
  display: block !important;
}
body.category-coffee-break .wp-block-read-more:hover { opacity: .7 !important; }

/* Breadcrumb + pagination */
.cb-breadcrumb {
  background: #F8F4EF !important;
  border-bottom: 0.5px solid #E5DDD4 !important;
}
body.category-coffee-break .wp-block-query-pagination,
body.category-coffee-break .pagination {
  background: #F8F4EF !important;
}

/* Responsive */
@media (max-width: 900px) {
  body.category-coffee-break .wp-block-post-template {
    grid-template-columns: repeat(2,1fr) !important;
    padding: 24px !important;
    gap: 12px !important;
  }
}
@media (max-width: 600px) {
  body.category-coffee-break .wp-block-post-template { grid-template-columns: 1fr !important; }
  .cb-hero { padding: 40px 24px 36px; }
  .cb-breadcrumb { padding: 10px 24px; }
}

/* Make entire card surface clickable */
body.category-coffee-break .wp-block-post {
  position: relative !important;
}

body.category-coffee-break .wp-block-read-more::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 1;
  border-radius: 4px;
}

.category-coffee-break  { --cat-accent: #A07840; --cat-columns: 4; }
.category-commute       { --cat-accent: #7A9680; --cat-columns: 3; }
.category-deep-dive     { --cat-accent: #B8956A; --cat-columns: 2; }

post-header

/* === Single Post Template === */

/* Hide default theme header on single posts */
.single-post .wp-block-template-part,
.single-post #masthead {
  display: none !important;
  height: 0 !important; padding: 0 !important; margin: 0 !important;
}
.single-post main, .single-post .entry-content {
  padding-top: 0 !important; margin-top: 0 !important;
}

/* Post header group */
.post-header {
  padding: 48px 40px 52px;
}
.post-header::before {
  content: '';
  display: block;
  width: 32px;
  height: 1px;
  margin-bottom: 16px;
}

/* Category accent colors — rule + label + links */
.single-post.category-coffee-break .post-header::before { background: #A07840; }
.single-post.category-commute    .post-header::before { background: #7A9680; }
.single-post.category-deep-dive  .post-header::before { background: #B8956A; }

.post-header .wp-block-post-terms {
  font-family: 'Jost', system-ui, sans-serif !important;
  font-size: 10px !important;
  font-weight: 500 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  margin-bottom: 14px !important;
}
.post-header .wp-block-post-terms a { text-decoration: none !important; }

.single-post.category-coffee-break .post-header .wp-block-post-terms a { color: #A07840 !important; }
.single-post.category-commute    .post-header .wp-block-post-terms a { color: #7A9680 !important; }
.single-post.category-deep-dive  .post-header .wp-block-post-terms a { color: #B8956A !important; }

/* Post title */
.post-header .wp-block-post-title {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-style: italic !important;
  font-size: 40px !important;
  font-weight: 300 !important;
  color: #F8F4EF !important;
  line-height: 1.2 !important;
  max-width: 680px !important;
  margin: 0 0 16px !important;
}
.post-header .wp-block-post-title a { color: inherit !important; text-decoration: none !important; }

/* Post date */
.post-header .wp-block-post-date,
.post-header .wp-block-post-date time {
  font-family: 'Jost', system-ui, sans-serif !important;
  font-size: 11px !important;
  font-weight: 300 !important;
  color: #7A746E !important;
}

/* Post content area */
.single-post .wp-block-post-content {
  max-width: 720px !important;
  margin: 0 auto !important;
  padding: 48px 40px 64px !important;
  background: #F8F4EF !important;
}
.single-post .wp-block-post-content p {
  font-family: 'Jost', system-ui, sans-serif !important;
  font-size: 15px !important;
  font-weight: 300 !important;
  color: #3A3530 !important;
  line-height: 1.8 !important;
  margin-bottom: 20px !important;
}
.single-post .wp-block-post-content h2,
.single-post .wp-block-post-content h3 {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-style: italic !important;
  color: #3A3530 !important;
  font-weight: 400 !important;
}

/* Responsive */
@media (max-width: 600px) {
  .post-header { padding: 36px 24px 40px !important; }
  .post-header .wp-block-post-title { font-size: 28px !important; }
  .single-post .wp-block-post-content { padding: 32px 24px 48px !important; }
}

/* Global nav */
.cb-nav {
  background: #2C2924;
  width: 100%;
  border-bottom: 1px solid rgba(255,255,255,0.07);
}
.cb-nav-inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 40px;
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.cb-nav-brand {
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-style: italic;
  font-size: 15px;
  font-weight: 300;
  color: #F8F4EF;
  text-decoration: none;
}
.cb-nav-links {
  display: flex;
  align-items: center;
  gap: 32px;
}
.cb-nav-link {
  font-family: 'Jost', system-ui, sans-serif;
  font-size: 10px;
  font-weight: 400;
  letter-spacing: .13em;
  text-transform: uppercase;
  color: #B8A898;
  text-decoration: none;
  transition: color .2s;
}
.cb-nav-link:hover { color: #F8F4EF; }
.cb-nav-cta {
  font-family: 'Jost', system-ui, sans-serif;
  font-size: 10px;
  font-weight: 400;
  letter-spacing: .13em;
  text-transform: uppercase;
  background: #A07840;
  color: #F8F4EF;
  padding: 11px 28px;
  border-radius: 2px;
  text-decoration: none;
  transition: background .2s;
}
.cb-nav-cta:hover { background: #8A6830; }
@media (max-width: 768px) {
  .cb-nav-inner { padding: 0 24px; }
  .cb-nav-brand { display: none; }
  .cb-nav-links { gap: 16px; }
}

/* =====================================================
   COMMUTE & DEEP DIVE ARCHIVES
   Add to Appearance > Customize > Additional CSS
   ===================================================== */

/* Hero — suppress duplicate ::before rule, apply category colors */
body.category-commute .cb-hero::before,
body.category-deep-dive .cb-hero::before { content: none !important; display: none !important; }

body.category-commute .cb-hero__rule { background-color: #7A9680 !important; }
body.category-commute .cb-hero__label { color: #7A9680 !important; }

body.category-deep-dive .cb-hero__rule { background-color: #B8956A !important; }
body.category-deep-dive .cb-hero__label { color: #B8956A !important; }

/* Hide default WordPress archive heading */
body.category-commute .page-header,
body.category-commute .archive-title,
body.category-commute .wp-block-term-description,
body.category-commute .taxonomy-description,
body.category-deep-dive .page-header,
body.category-deep-dive .archive-title,
body.category-deep-dive .wp-block-term-description,
body.category-deep-dive .taxonomy-description { display: none !important; }

/* Page + grid background */
body.category-commute .site-main,
body.category-commute main,
body.category-commute .wp-block-post-template,
body.category-deep-dive .site-main,
body.category-deep-dive main,
body.category-deep-dive .wp-block-post-template {
  background: #F8F4EF !important;
  background-image: none !important;
  padding: 0 !important;
}

body.category-commute .wp-block-post-template,
body.category-deep-dive .wp-block-post-template {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  padding: 32px 40px !important;
  gap: 16px !important;
}

/* Card shell */
body.category-commute .wp-block-post,
body.category-deep-dive .wp-block-post {
  background: #FAF6F0 !important;
  background-image: none !important;
  border: 0.5px solid #E5DDD4 !important;
  border-radius: 4px !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  position: relative !important;
  box-shadow: none !important;
  transform: none !important;
  transition: box-shadow .25s ease, transform .25s ease !important;
}
body.category-commute .wp-block-post:hover,
body.category-deep-dive .wp-block-post:hover {
  box-shadow: 0 4px 16px rgba(58,53,48,0.10) !important;
  transform: translateY(-2px) !important;
}

/* Block stacking order */
body.category-commute .wp-block-post-featured-image,
body.category-deep-dive .wp-block-post-featured-image { order: 1 !important; }
body.category-commute .wp-block-post-title,
body.category-deep-dive .wp-block-post-title { order: 2 !important; }
body.category-commute .wp-block-post-excerpt,
body.category-deep-dive .wp-block-post-excerpt { order: 3 !important; }
body.category-commute .wp-block-post-date,
body.category-deep-dive .wp-block-post-date { order: 4 !important; }
body.category-commute .wp-block-read-more,
body.category-deep-dive .wp-block-read-more { order: 5 !important; }

/* Featured image */
body.category-commute .wp-block-post-featured-image,
body.category-commute .wp-block-post-featured-image a,
body.category-deep-dive .wp-block-post-featured-image,
body.category-deep-dive .wp-block-post-featured-image a {
  display: block !important;
  height: 180px !important;
  overflow: hidden !important;
  border-radius: 4px 4px 0 0 !important;
}
body.category-commute .wp-block-post-featured-image img,
body.category-deep-dive .wp-block-post-featured-image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
  border-radius: 4px 4px 0 0 !important;
  transition: transform .4s ease !important;
}
body.category-commute .wp-block-post:hover .wp-block-post-featured-image img,
body.category-deep-dive .wp-block-post:hover .wp-block-post-featured-image img {
  transform: scale(1.04) !important;
}

/* Post title */
body.category-commute .wp-block-post-title,
body.category-deep-dive .wp-block-post-title {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-style: italic !important;
  font-size: 20px !important;
  font-weight: 400 !important;
  color: #3A3530 !important;
  line-height: 1.25 !important;
  padding: 12px 16px 8px !important;
  margin: 0 !important;
  display: block !important;
  overflow: visible !important;
  -webkit-line-clamp: unset !important;
}
body.category-commute .wp-block-post-title a,
body.category-deep-dive .wp-block-post-title a {
  color: #3A3530 !important;
  text-decoration: none !important;
}
body.category-commute .wp-block-post-title a:hover { color: #7A9680 !important; }
body.category-deep-dive .wp-block-post-title a:hover { color: #B8956A !important; }

/* Excerpt */
body.category-commute .wp-block-post-excerpt,
body.category-deep-dive .wp-block-post-excerpt {
  padding: 0 16px 8px !important;
  margin: 0 !important;
  flex-grow: 0 !important;
}
body.category-commute .wp-block-post-excerpt p,
body.category-deep-dive .wp-block-post-excerpt p {
  font-family: 'Jost', system-ui, sans-serif !important;
  font-size: 11px !important;
  font-weight: 300 !important;
  color: #7A746E !important;
  line-height: 1.65 !important;
  margin: 0 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

/* Date */
body.category-commute .wp-block-post-date,
body.category-commute .wp-block-post-date time,
body.category-deep-dive .wp-block-post-date,
body.category-deep-dive .wp-block-post-date time {
  font-family: 'Jost', system-ui, sans-serif !important;
  font-size: 10px !important;
  font-weight: 300 !important;
  color: #7A746E !important;
  padding: 0 16px 4px !important;
  margin: 0 !important;
  display: block !important;
}

/* Read More — category accent color */
body.category-commute .wp-block-read-more,
body.category-deep-dive .wp-block-read-more {
  font-family: 'Jost', system-ui, sans-serif !important;
  font-size: 9px !important;
  font-weight: 500 !important;
  letter-spacing: 0.10em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  background: none !important;
  border: none !important;
  padding: 0 16px 16px !important;
  margin: 0 !important;
  display: block !important;
}
body.category-commute .wp-block-read-more { color: #7A9680 !important; }
body.category-deep-dive .wp-block-read-more { color: #B8956A !important; }
body.category-commute .wp-block-read-more:hover,
body.category-deep-dive .wp-block-read-more:hover { opacity: .7 !important; }

/* Stretched link — full card clickable */
body.category-commute .wp-block-read-more::after,
body.category-deep-dive .wp-block-read-more::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 1;
  border-radius: 4px;
}

/* Breadcrumb */
body.category-commute .cb-breadcrumb,
body.category-deep-dive .cb-breadcrumb {
  background: #F8F4EF !important;
  border-bottom: 0.5px solid #E5DDD4 !important;
}

/* Pagination */
body.category-commute .wp-block-query-pagination,
body.category-commute .pagination,
body.category-deep-dive .wp-block-query-pagination,
body.category-deep-dive .pagination {
  background: #F8F4EF !important;
  padding: 16px 40px 40px !important;
  font-family: 'Jost', system-ui, sans-serif !important;
  font-size: 11px !important;
}
body.category-commute .wp-block-query-pagination a {
  color: #7A9680 !important;
  text-decoration: none !important;
  letter-spacing: .08em !important;
}
body.category-deep-dive .wp-block-query-pagination a {
  color: #B8956A !important;
  text-decoration: none !important;
  letter-spacing: .08em !important;
}

/* Responsive */
@media (max-width: 900px) {
  body.category-commute .wp-block-post-template,
  body.category-deep-dive .wp-block-post-template {
    grid-template-columns: repeat(2, 1fr) !important;
    padding: 24px !important;
    gap: 12px !important;
  }
}
@media (max-width: 600px) {
  body.category-commute .wp-block-post-template,
  body.category-deep-dive .wp-block-post-template {
    grid-template-columns: 1fr !important;
  }
}

/* Fix first card alignment — Commute & Deep Dive */
body.category-commute ul.wp-block-post-template,
body.category-commute ol.wp-block-post-template,
body.category-deep-dive ul.wp-block-post-template,
body.category-deep-dive ol.wp-block-post-template {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  align-items: start !important;
  gap: 16px !important;
  padding: 32px 40px !important;
}

/* Deep Dive cards */
.deep-dive-loop .wp-block-post-template {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 16px !important;
  padding: 32px 40px !important;
  background: #F8F4EF !important;
}
.deep-dive-loop .wp-block-post {
  background: #FAF6F0 !important;
  border: 0.5px solid #E5DDD4 !important;
  border-radius: 4px !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  position: relative !important;
  transition: box-shadow .25s ease, transform .25s ease !important;
}
.deep-dive-loop .wp-block-post:hover {
  box-shadow: 0 4px 16px rgba(58,53,48,0.10) !important;
  transform: translateY(-2px) !important;
}
.deep-dive-loop .wp-block-post-featured-image,
.deep-dive-loop .wp-block-post-featured-image a {
  display: block !important; height: 180px !important;
  overflow: hidden !important; border-radius: 4px 4px 0 0 !important;
}
.deep-dive-loop .wp-block-post-featured-image img {
  width: 100% !important; height: 100% !important;
  object-fit: cover !important; display: block !important;
  transition: transform .4s ease !important;
}
.deep-dive-loop .wp-block-post:hover .wp-block-post-featured-image img {
  transform: scale(1.04) !important;
}
.deep-dive-loop .wp-block-post-title {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-style: italic !important; font-size: 20px !important;
  font-weight: 400 !important; color: #3A3530 !important;
  padding: 12px 16px 8px !important; margin: 0 !important;
  display: block !important;
}
.deep-dive-loop .wp-block-post-title a { color: #3A3530 !important; text-decoration: none !important; }
.deep-dive-loop .wp-block-post-title a:hover { color: #B8956A !important; }
.deep-dive-loop .wp-block-post-excerpt { padding: 0 16px 8px !important; margin: 0 !important; flex-grow: 0 !important; }
.deep-dive-loop .wp-block-post-excerpt p {
  font-family: 'Jost', system-ui, sans-serif !important;
  font-size: 11px !important; font-weight: 300 !important;
  color: #7A746E !important; line-height: 1.65 !important; margin: 0 !important;
  display: -webkit-box !important; -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important; overflow: hidden !important;
}
.deep-dive-loop .wp-block-post-date,
.deep-dive-loop .wp-block-post-date time {
  font-family: 'Jost', system-ui, sans-serif !important;
  font-size: 10px !important; font-weight: 300 !important;
  color: #7A746E !important; padding: 0 16px 4px !important; display: block !important;
}
.deep-dive-loop .wp-block-read-more {
  font-family: 'Jost', system-ui, sans-serif !important;
  font-size: 9px !important; font-weight: 500 !important;
  letter-spacing: 0.10em !important; text-transform: uppercase !important;
  color: #B8956A !important; text-decoration: none !important;
  background: none !important; border: none !important;
  padding: 0 16px 16px !important; display: block !important;
}
.deep-dive-loop .wp-block-read-more::after {
  content: ''; position: absolute; inset: 0; z-index: 1; border-radius: 4px;
}
@media (max-width: 900px) {
  .deep-dive-loop .wp-block-post-template { grid-template-columns: repeat(2,1fr) !important; padding: 24px !important; }
}
@media (max-width: 600px) {
  .deep-dive-loop .wp-block-post-template { grid-template-columns: 1fr !important; }
}

/* ============================================================
   SINGLE POST TEMPLATE — Nitty Gritty English
   nittygrittyenglish.com
   
   Paste the ENTIRE contents of this file into:
   Appearance → Customize → Additional CSS → (scroll to bottom, paste)
   ============================================================ */


/* ── [7] PAGE BACKGROUND ──────────────────────────────────── */

.single-post {
  background-color: #F8F4EF !important;
}


/* ── [7] CONTENT COLUMN — 720px max, 40/20px padding ─────── */

.single-post .wp-block-post-content,
.single-post .entry-content {
  max-width: 720px !important;
  margin: 0 auto !important;
  padding: 0 40px !important;
  background: transparent !important;
  box-sizing: border-box !important;
}

@media (max-width: 640px) {
  .single-post .wp-block-post-content,
  .single-post .entry-content {
    padding: 0 20px !important;
  }
}


/* ── BODY TEXT: Jost 300 ──────────────────────────────────── */

.single-post .wp-block-post-content p,
.single-post .entry-content p {
  font-family: 'Jost', system-ui, sans-serif !important;
  font-weight: 300 !important;
  font-size: 16px !important;
  line-height: 1.75 !important;
  color: #3A3530 !important;
  margin-bottom: 1.25em !important;
}

.single-post .wp-block-post-content strong,
.single-post .entry-content strong,
.single-post .wp-block-post-content b,
.single-post .entry-content b {
  font-weight: 500 !important;
}

.single-post .wp-block-post-content em,
.single-post .entry-content em {
  font-style: italic !important;
}

.single-post .wp-block-post-content a,
.single-post .entry-content a {
  color: #A07840 !important;
  text-underline-offset: 3px !important;
}

.single-post .wp-block-post-content a:hover,
.single-post .entry-content a:hover {
  opacity: 0.7 !important;
}

.single-post .wp-block-post-content ul,
.single-post .entry-content ul,
.single-post .wp-block-post-content ol,
.single-post .entry-content ol {
  font-family: 'Jost', system-ui, sans-serif !important;
  font-weight: 300 !important;
  font-size: 16px !important;
  line-height: 1.75 !important;
  color: #3A3530 !important;
}


/* ── [1,4,5] CONTENT HEADINGS — Cormorant Garamond italic ─── */

.single-post .wp-block-post-content h2,
.single-post .wp-block-post-content h3,
.single-post .wp-block-post-content h4,
.single-post .entry-content h2,
.single-post .entry-content h3,
.single-post .entry-content h4 {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-style: italic !important;
  font-weight: 300 !important;
  color: #3A3530 !important;
  line-height: 1.25 !important;
  margin-top: 40px !important;
  margin-bottom: 10px !important;
}

.single-post .wp-block-post-content h2,
.single-post .entry-content h2 {
  font-size: 26px !important;
}

.single-post .wp-block-post-content h3,
.single-post .entry-content h3 {
  font-size: 21px !important;
}

.single-post .wp-block-post-content h4,
.single-post .entry-content h4 {
  font-size: 17px !important;
}


/* ── NGE SECTION LABEL SYSTEM (injected by PHP snippet) ───── */

.nge-rule {
  display: block;
  width: 28px;
  height: 1px;
  background: #A07840;
  margin-bottom: 10px;
}

.nge-label {
  display: block;
  font-family: 'Jost', system-ui, sans-serif;
  font-size: 9px;
  font-weight: 500;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #A07840;
  margin-bottom: 6px;
}

.nge-section-header {
  margin-top: 48px;
  margin-bottom: 0;
}

.nge-section-header + * {
  margin-top: 8px !important;
}

.nge-section-header--divided {
  border-top: 0.5px solid #E5DDD4;
  padding-top: 32px;
}


/* ── [2] GENIALLY EMBED — Custom HTML block wrapper ─────────
   WordPress wraps Custom HTML blocks in .wp-block-html.
   This gives all Genially embeds the NGE border treatment.   */

.single-post .wp-block-html {
  border: 0.5px solid #E5DDD4 !important;
  border-radius: 4px !important;
  overflow: hidden !important;
  margin: 32px 0 !important;
}

/* Add this class to a Paragraph block placed ABOVE each
   Genially embed in the post editor for the label text.    */
.nge-embed-label {
  display: block;
  font-family: 'Jost', system-ui, sans-serif;
  font-size: 9px;
  font-weight: 500;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #A07840;
  margin-bottom: 10px;
}


/* ── [4] CULTURAL FLUENCY — Details / Accordion block ─────── */

.single-post details {
  border: none !important;
  border-top: 0.5px solid #E5DDD4 !important;
  padding: 24px 0 0 !important;
  margin: 40px 0 !important;
  background: transparent !important;
}

/* Amber rule above accordion heading */
.single-post details::before {
  content: '' !important;
  display: block !important;
  width: 28px !important;
  height: 1px !important;
  background: #A07840 !important;
  margin-bottom: 12px !important;
}

.single-post details summary {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-style: italic !important;
  font-weight: 300 !important;
  font-size: 22px !important;
  color: #3A3530 !important;
  cursor: pointer !important;
  list-style: none !important;
  padding: 0 40px 0 0 !important;
  position: relative !important;
  line-height: 1.3 !important;
  margin: 0 !important;
}

.single-post details summary::-webkit-details-marker {
  display: none !important;
}

/* + / − toggle */
.single-post details summary::after {
  content: '+' !important;
  position: absolute !important;
  right: 0 !important;
  top: 2px !important;
  font-family: 'Jost', sans-serif !important;
  font-size: 20px !important;
  font-weight: 300 !important;
  color: #A07840 !important;
  font-style: normal !important;
}

.single-post details[open] summary::after {
  content: '−' !important;
}

.single-post details .wp-block-details__inner,
.single-post details .wp-block-details__inner p {
  font-family: 'Jost', system-ui, sans-serif !important;
  font-weight: 300 !important;
  font-size: 15px !important;
  line-height: 1.7 !important;
  color: #3A3530 !important;
  padding-top: 16px !important;
}


/* ── [6] FEEDBACK — injected by PHP snippet ──────────────── */

.nge-feedback {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
  border-top: 0.5px solid #E5DDD4;
  padding-top: 28px;
  margin-top: 40px;
}

.nge-feedback-q {
  font-family: 'Jost', system-ui, sans-serif;
  font-size: 14px;
  font-weight: 300;
  font-style: italic;
  color: #7A746E;
}

.nge-feedback a.nge-vote {
  font-family: 'Jost', system-ui, sans-serif;
  font-size: 10px !important;
  font-weight: 500;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #A07840 !important;
  text-decoration: none !important;
  transition: opacity 0.2s;
}

.nge-feedback a.nge-vote:hover {
  opacity: 0.65 !important;
}

.nge-feedback .sep {
  font-size: 12px;
  color: #D4C8BC;
  font-family: 'Jost', system-ui, sans-serif;
}


/* ── [8] PREVIOUS / NEXT NAVIGATION ─────────────────────── */

.single-post .post-navigation {
  max-width: 720px !important;
  margin: 60px auto 0 !important;
  padding: 40px 40px 64px !important;
  border-top: 0.5px solid #E5DDD4 !important;
  display: flex !important;
  justify-content: space-between !important;
  gap: 32px !important;
  background: #F8F4EF !important;
  box-sizing: border-box !important;
}

@media (max-width: 640px) {
  .single-post .post-navigation {
    padding: 28px 20px 48px !important;
    flex-direction: column !important;
    gap: 24px !important;
  }
}

.single-post .post-navigation .nav-previous,
.single-post .post-navigation .nav-next {
  flex: 1 !important;
}

.single-post .post-navigation .nav-next {
  text-align: right !important;
}

.single-post .post-navigation a {
  text-decoration: none !important;
  display: block !important;
}

/* "Previous Post" / "Next Post" label */
.single-post .post-navigation .nav-subtitle {
  font-family: 'Jost', system-ui, sans-serif !important;
  font-size: 9px !important;
  font-weight: 500 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  color: #A07840 !important;
  display: block !important;
  margin-bottom: 8px !important;
}

/* Post title in Cormorant italic */
.single-post .post-navigation .nav-title {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-style: italic !important;
  font-weight: 300 !important;
  font-size: 18px !important;
  color: #3A3530 !important;
  line-height: 1.35 !important;
  display: block !important;
  transition: color 0.2s !important;
}

.single-post .post-navigation a:hover .nav-title {
  color: #A07840 !important;
}

.nge-cultural {
  background: var(--sv);           /* #EFE9E0 */
  border-left: 2px solid var(--am); /* amber */
  border-radius: 0 4px 4px 0;
  padding: 1.25rem 1.5rem;
  margin: 2rem 0;
}
.nge-cultural__label {
  font-size: 0.5625rem;
  letter-spacing: 0.13em;
  color: var(--am);
  font-weight: 500;
  text-transform: uppercase;
  margin-bottom: 0.5rem;
}
.nge-cultural__heading {
  font-family: 'Cormorant Garamond', serif;
  font-size: 1.25rem;
  font-weight: 300;
  font-style: italic;
  color: var(--ch);
  margin-bottom: 0.75rem;
}
.nge-cultural__body {
  font-size: 0.875rem;
  font-weight: 300;
  color: var(--mt);
  line-height: 1.8;
}