/* --------------------------------
   Brand tokens
-------------------------------- */
:root{
  --dd-cream:#FAF3E0;
  --dd-navy:#2C3E50;
  --dd-red:#C0392B;
}

/* --------------------------------
   Global page background
-------------------------------- */
body,
.wp-site-blocks{
  background:var(--dd-cream);
}

/* ------------------------------
   NAVIGATION: floating text on wall
   Block class: ddwtf-nav
------------------------------ */

/* kill ALL backgrounds everywhere */
.ddwtf-nav,
.ddwtf-nav *{
  background:none !important;
  box-shadow:none !important;
}

/* overall nav container */
.wp-block-navigation.ddwtf-nav,
.ddwtf-nav.wp-block-navigation{
  padding:0 !important;
  margin:0 !important;
  font-family:"Playfair Display","Times New Roman",serif !important;
  font-size:16px;
  line-height:1.4;
}

/* nav list items */
.ddwtf-nav .wp-block-navigation__container{
  display:flex;
  gap:24px; /* adjust spacing between menu items */
}

/* NAV LINKS — upgraded confidence */
.ddwtf-nav a,
.ddwtf-nav .wp-block-navigation-item__content{
  color:var(--dd-navy) !important;
  text-decoration:none;
  font-family:"Playfair Display","Times New Roman",serif !important;
  font-weight:600; /* stronger but still elegant */
  font-size:17px; /* tiny bump for readability */
  letter-spacing:0.04em; /* tiny spacing for print-mag vibe */
}

/* hover + current */
.ddwtf-nav a:hover,
.ddwtf-nav a:focus,
.ddwtf-nav .current-menu-item > a{
  color:var(--dd-red) !important;
}

/* mobile menu icons */
.ddwtf-nav .wp-block-navigation__responsive-container-open,
.ddwtf-nav .wp-block-navigation__responsive-container-close{
  color:var(--dd-navy) !important;
  background:none !important;
}

/* ------------------------------
   OPTIONAL TWEAKS (place under nav links)
------------------------------ */

/* gentle breathing room above + below */
.ddwtf-nav{
  margin-top:6px;
  margin-bottom:6px;
}

/* slightly tighter letter spacing version
   (uncomment if you prefer)
*/
/*
.ddwtf-nav a{
  letter-spacing:0.03em !important;
}
*/

/* --------------------------------
   HERO FADE
   Cover block class: ddwtf-banner
-------------------------------- */

/* Banner base */
.ddwtf-banner{
  position:relative;
  overflow:hidden;
  background-color:var(--dd-cream) !important; /* match page */
}

/* Kill any WP cover overlay */
.ddwtf-banner .wp-block-cover__background{
  opacity:0 !important;
}

/* Professional, feathered fade at the bottom */
.ddwtf-banner::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:280px; /* size of fade zone */
  background:linear-gradient(
    to bottom,
    rgba(250,243,224,0) 0%,      /* fully clear */
    rgba(250,243,224,0) 62%,     /* entire desk area untouched */
    rgba(250,243,224,0.06) 74%,  /* very soft start */
    rgba(250,243,224,0.14) 84%,  /* gentle haze over the gap */
    rgba(250,243,224,0.26) 92%,  /* main blend into page */
    var(--dd-cream) 100%         /* full cream at bottom */
  );
  pointer-events:none;
}


/* RESET + LIFT HERO TITLE & SUBTITLE BY ~300PX */

.ddwtf-hero-title,
.ddwtf-hero-subtitle{
  position:relative;
  top:-90px !important;   /* moves both up together */
  text-align:center !important;
  margin:0 auto !important;
}
.ddwtf-subtitle {
  line-height: 1.25;
}
.ddwtf-title {
  letter-spacing: 0.5px;
}

.ddwtf-hero-title,
.ddwtf-hero-subtitle{
  position:relative;
  z-index:10 !important;   /* lifts them to the front */
}


/* Intro paper block — only show the paper image, no extra background */

.ddwtf-intro,
.ddwtf-paper.wp-block-cover{
  background:none !important;         /* no solid background */
  box-shadow:none !important;
  border:none !important;
  padding:0 !important;
}

/* Remove the Cover overlay background */
.ddwtf-paper .wp-block-cover__background{
  opacity:0 !important;
}

/* Remove inner padding so the paper image hugs the block edges */
.ddwtf-paper .wp-block-cover__inner-container{
  padding:0 !important;
}

/* Reset main wrapper – no more big vertical hack */
.ddwtf-main{
  position:relative;
  top:0 !important;
  z-index:0;
}

/* Hero title + subtitle – centered, above paper */
.ddwtf-hero-title,
.ddwtf-hero-subtitle{
  position:relative;
  z-index:2;
  text-align:center;
  margin-left:0;
  margin-right:0;
}

/* nudge the title up a bit into the fade */
.ddwtf-hero-title{
  margin-top:-24px;    /* tweak to taste: -16, -24, -32 */
}

/* tidy gap under the title */
.ddwtf-hero-subtitle{
  margin-top:6px;
}

/* Paper block – sits just under the hero text */
.ddwtf-paper{
  position:relative;
  z-index:1;
  max-width:950px;
  margin:32px auto 0;   /* 32px gap under subtitle; change if you want tighter/looser */
  width:100%;
}

/* Inner padding for the text area on the paper */
.ddwtf-paper .wp-block-cover__inner-container{
  padding:72px 56px 64px !important;  /* top | sides | bottom */
}

/* Intro paragraphs – comfy reading width, centred */
.ddwtf-intro{
  max-width:680px;
  margin:0 auto 1.5rem;
  text-align:center;
}

/* Pull the paper block up so it sits under the subtitle */
.ddwtf-paper{
  margin-top:-150px !important;  
}  

.ddwtf-hero-scroll{
  font-family: "Space Mono", monospace;
  font-size:0.85rem;
  color:rgba(44,62,80,0.4);
  text-align:center;
  margin-top:12px;
}

.ddwtf-paper{
  filter: drop-shadow(0px 8px 18px rgba(0,0,0,0.08));
}

.ddwtf-hero-label{
  text-transform:uppercase;
  font-family:"Space Mono", monospace;
  font-size:0.7rem;
  letter-spacing:0.1em;
  color:rgba(44,62,80,0.35);
  margin-bottom:12px;
  text-align:center;
}

.ddwtf-divider{
  position: relative;
  z-index: 20 !important; /* above the cover block */
  margin-top: -80px; /* pulls it up closer to subtitle */
  margin-bottom: 20px; /* breathing room before paper */
  width: 120px; /* aesthetic width */
  opacity: 0.65; /* whisper-light */
  margin-left: auto;
  margin-right: auto;
  pointer-events: none;
}

.ddwtf-nav a {
  position: relative;
}

.ddwtf-nav a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 0%;
  height: 1px;
  background: var(--dd-navy);
  transition: width 0.25s ease;
}

.ddwtf-nav a:hover::after {
  width: 100%;
}

.ddwtf-divider::before {
  height: 1px;
  background: linear-gradient(
    to right,
    rgba(164,113,72,0.30),
    rgba(164,113,72,0.22),
    rgba(164,113,72,0.30)
  );
}

.ddwtf-divider span {
  filter: drop-shadow(0px 1px 1px rgba(0,0,0,0.15));
}

/* ===== Scroll Cue Text ===== */
.ddwtf-scrollcue {
  text-align: center;
  font-size: 0.85rem;
  color: rgba(44, 62, 80, 0.55); /* soft navy */
  margin-top: 12px; /* small space under the paper */
  font-family: "Space Mono", monospace;
  letter-spacing: 0.5px;
  opacity: 0.85;
}

/* ===== Scroll Arrow ===== */
.ddwtf-scrollarrow {
  text-align: center;
  font-size: 1.1rem;
  margin-top: -4px; /* keeps it close but not cramped */
  color: rgba(44, 62, 80, 0.55);
  animation: ddwtf-fadebounce 2.8s ease-in-out infinite;
  pointer-events: none;
}

@keyframes ddwtf-fadebounce {
  0% { opacity: 0; transform: translateY(-3px); }
  30% { opacity: 0.7; transform: translateY(0); }
  60% { opacity: 0.7; transform: translateY(1px); }
  100% { opacity: 0; transform: translateY(-3px); }
}
/* FORCE LIFT START HERE SECTION */
.ddwtf-start-here {
  margin-top: -30px !important;
  padding-top: 0 !important;
  position: relative;
  z-index: 50;
}
.ddwtf-start-here img {
  max-width: 270px !important;
  height: auto !important;
}
/* Narrow right column so the layout looks intentional */
.ddwtf-start-here .wp-block-column:last-child {
  flex-basis: 28% !important;
}

.ddwtf-start-here .wp-block-column:last-child {
  padding-left: 15px !important;
}

.ddwtf-start-here .wp-block-column:first-child {
  flex-basis: 72% !important;
}
/* Lower the illustration inside Start Here */
.ddwtf-start-here .wp-block-column:last-child {
  margin-top: 20px !important;
}

.ddwtf-start-here .wp-block-post-date {
  padding-left: 6px !important;
}
.ddwtf-start-here .wp-block-post {
  margin-bottom: 6px !important;
}

/* Pull Recently Filed section closer to Start Here */
.ddwtf-recently-filed {
  margin-top: -60px !important;
  padding-top: 0 !important;
}
/* Reduce top and bottom padding for single post templates */
.ddwtf-post-template {
  padding-top: 20px !important;
  padding-bottom: 40px !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* Reduce padding on inner groups WordPress adds automatically */
.ddwtf-post-template .wp-block-group {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* Kill the giant gap above the post title */
.ddwtf-post-template .wp-block-post-title {
  margin-top: 10px !important;
}

/* Reduce spacing above and below the post content */
.ddwtf-post-template .wp-block-post-content {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* =========================================
   PREVIOUSLY, ON DDWTF
   Page layout polish
========================================= */

/* Page background - soft gradient so it feels intentional */
.page-id-2559 .wp-site-blocks{
  background: linear-gradient(
    to bottom,
    #FAF3E0 0%,
    #FFF8EE 100%
  );
}

/* Pull content up under the banner */
.page-id-2559 .entry-content > .wp-block-group:first-of-type{
  margin-top: -40px;
}

/* -----------------------------------------
   Header block - title, subtitle, divider
----------------------------------------- */

.ddwtf-prev-header{
  max-width: 820px;
  margin: 0 auto 40px auto;
  text-align: center;
  padding: 0 24px;
}

.ddwtf-prev-header h1{
  font-family: "Playfair Display", serif;
  font-size: 60px;
  line-height: 1.1;
  margin-bottom: 8px;
  color: var(--dd-red);
}

.ddwtf-prev-header p{
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Inter", sans-serif;
  font-size: 18px;
  line-height: 1.5;
  margin-top: 0;
  margin-bottom: 12px;
  color: var(--dd-text);
  opacity: 0.85;
}

/* Little line under the subtitle for editorial polish */
.ddwtf-prev-divider{
  width: 100px !important;
  height: 2px !important;
  margin: 0 auto 10px auto !important;
  background: var(--dd-brown) !important;
  opacity: 0.35;
  border: none !important;
}

/* -----------------------------------------
   Post grid - structure, spacing, images
----------------------------------------- */

/* Force query loop into a clean three column grid on desktop */
.page-id-2559 .wp-block-post-template{
  display: grid !important;
  grid-template-columns: repeat(3, 1fr);
  gap: 48px 32px;
  max-width: var(--dd-content);
  margin: 0 auto 80px auto;
  padding: 0 var(--dd-sidepad-desktop);
  box-sizing: border-box;
}

/* Remove default list styling inside the query loop */
.page-id-2559 .wp-block-post-template > li{
  list-style: none;
}

/* Card layout - subtle hover so it feels expensive not Canva */
.page-id-2559 .wp-block-post{
  background: transparent;
  transition: transform 160ms ease-out, box-shadow 160ms ease-out;
}

.page-id-2559 .wp-block-post:hover{
  transform: translateY(-4px);
  box-shadow: 0 10px 24px rgba(0,0,0,0.08);
}

/* Featured images - consistent sizes and rounded corners */
.page-id-2559 .wp-block-post-featured-image img{
  display: block;
  width: 100%;
  height: 260px;
  object-fit: cover;
  border-radius: 10px;
}

/* -----------------------------------------
   Typography inside the cards
----------------------------------------- */

.page-id-2559 .wp-block-post-title{
  font-family: "Playfair Display", serif;
  font-size: 20px;
  line-height: 1.3;
  margin-top: 14px;
  margin-bottom: 6px;
  color: var(--dd-text);
}

/* Make sure links on titles keep the same vibe */
.page-id-2559 .wp-block-post-title a{
  text-decoration: none;
  color: inherit;
}

.page-id-2559 .wp-block-post-title a:hover{
  text-decoration: underline;
}

/* Excerpt styling */
.page-id-2559 .ddwtf-excerpt{
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Inter", sans-serif;
  font-size: 15px;
  line-height: 1.45;
  margin-top: 0;
  margin-bottom: 10px;
  color: var(--dd-text);
  opacity: 0.85;
}

/* Date styling */
.page-id-2559 .wp-block-post-date{
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Inter", sans-serif;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  opacity: 0.6;
  margin-top: 6px;
}

/* -----------------------------------------
   Responsive tweaks
----------------------------------------- */

/* Medium screens - two columns */
@media (max-width: 1024px){
  .page-id-2559 .wp-block-post-template{
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 24px;
    padding: 0 var(--dd-sidepad-tablet);
  }

  .ddwtf-prev-header h1{
    font-size: 46px;
  }
}

/* Small screens - one column */
@media (max-width: 700px){
  .page-id-2559 .wp-block-post-template{
    grid-template-columns: 1fr;
    gap: 32px;
    padding: 0 20px;
  }

  .ddwtf-prev-header{
    margin-bottom: 30px;
  }

  .ddwtf-prev-header h1{
    font-size: 38px;
  }

  .ddwtf-prev-header p{
    font-size: 16px;
  }

  .page-id-2559 .wp-block-post-featured-image img{
    height: 230px;
  }
}

/* Force Playfair Display on all post titles on the Previously page */
.page-id-2559 .wp-block-post-title,
.page-id-2559 .wp-block-post-title a{
  font-family: "Playfair Display", serif !important;
  font-weight: 700 !important;
  font-style: normal !important;
}
/* -------- Balance title vs excerpt on Previously page -------- */

/* Title: strong headline, but not screaming */
.page-id-2559 .wp-block-post-title,
.page-id-2559 .wp-block-post-title a{
  font-family: "Playfair Display", serif !important;
  font-weight: 700 !important;
  font-style: normal !important;
  font-size: 20px;
  line-height: 1.3;
  margin-top: 16px;
  margin-bottom: 4px;
}

/* Excerpt: softer, shorter, not typewriter, max 4 lines */
.page-id-2559 .ddwtf-excerpt{
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Inter", sans-serif !important;
  font-size: 15px;
  line-height: 1.5;
  margin-top: 0;
  margin-bottom: 8px;
  color: var(--dd-text);
  opacity: 0.82;

  /* keep the block visually balanced */
  max-width: 38ch;

  /* clamp to 4 lines */
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
/* ================================
   FORCE TEXT WRAP AROUND IMAGES
   In post content (.ddwtf-post-content)
===================================*/

/* Left aligned images */
.ddwtf-post-content img.alignleft,
.ddwtf-post-content figure.alignleft,
.ddwtf-post-content .wp-caption.alignleft{
  float: left !important;
  display: inline-block !important;
  margin: 0 1.5em 1em 0 !important;  /* space to the right + bottom */
  max-width: 45% !important;         /* stop them eating the whole line */
}

/* Right aligned images */
.ddwtf-post-content img.alignright,
.ddwtf-post-content figure.alignright,
.ddwtf-post-content .wp-caption.alignright{
  float: right !important;
  display: inline-block !important;
  margin: 0 0 1em 1.5em !important;  /* space to the left + bottom */
  max-width: 45% !important;
}

/* Make sure normal paragraphs can flow around floats */
.ddwtf-post-content p{
  overflow: visible !important;
}

/* Mobile sanity: drop floats so layout doesn't break */
@media (max-width: 768px){
  .ddwtf-post-content img.alignleft,
  .ddwtf-post-content figure.alignleft,
  .ddwtf-post-content .wp-caption.alignleft,
  .ddwtf-post-content img.alignright,
  .ddwtf-post-content figure.alignright,
  .ddwtf-post-content .wp-caption.alignright{
    float: none !important;
    display: block !important;
    max-width: 100% !important;
    margin: 1.5em auto !important;
  }
}
/* =============================================
   DDWTF POST PARAGRAPH SPACING — HARD OVERRIDE
   Fixes giant gaps from Gutenberg/content block
===============================================*/

/* Baseline paragraph spacing */
.ddwtf-post-content p{
  margin-top: 0.75em !important;
  margin-bottom: 0.75em !important;
  line-height: 1.75 !important;
}

/* Remove insane extra spacing WP sometimes injects */
.ddwtf-post-content p + p{
  margin-top: 0.5em !important;
}

/* Ensure italic or strong inside paragraphs don’t create random spacing */
.ddwtf-post-content p em,
.ddwtf-post-content p strong,
.ddwtf-post-content p span{
  line-height: inherit !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* WordPress sometimes wraps paragraphs in wp-block-group or divs */
.ddwtf-post-content .wp-block-group p,
.ddwtf-post-content .wp-block-group > p{
  margin-top: 0.75em !important;
  margin-bottom: 0.75em !important;
}

/* Fix for when images interrupt paragraph flow */
.ddwtf-post-content p:has(img){
  margin-bottom: 0.5em !important;
}

/* When an image is followed by text, reduce awkward jump */
.ddwtf-post-content img + p{
  margin-top: 0.25em !important;
}

/* Prevent rogue margins injected by the theme or inline styles */
.ddwtf-post-content [style*="margin"]{
  margin: 0 !important;
}
/* =====================================================
   DDWTF — KILL THE RANDOM TOP GAP ON POST TEMPLATES
=====================================================*/

/* Remove top spacing on the post content wrapper */
.single-post .entry-content,
.single .entry-content,
.ddwtf-post-content{
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Remove phantom spacing from WP-generated groups */
.single-post .entry-content > .wp-block-group:first-child,
.single-post .wp-block-group:first-of-type{
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Some themes add padding to the main container */
.single-post main,
.single main{
  padding-top: 0 !important;
  margin-top: 0 !important;
}

/* WordPress sometimes adds a mystery before title */
.single-post .entry-content > p:first-child{
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Your custom title block wrapper */
.ddwtf-post-title,
.ddwtf-post-subtitle{
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* The BIG gun: remove any element before the title that has height */
.single-post .entry-content > *:first-child{
  margin-top: 0 !important;
  padding-top: 0 !important;
}
/* Add a clean, consistent 10px breathing space at the top of every post */
.single-post .entry-content,
.ddwtf-post-content{
  margin-top: 10px !important;
}
.single-post .ddwtf-post-title{
  margin-top: 10px !important;
}
/* =========================================
   DDWTF POST META UNDER TITLE
   Date + glossary line
=========================================*/

/* Title spacing so meta hugs it nicely */
.ddwtf-post-title{
  margin-bottom: 6px !important;
}

/* Meta wrapper */
.ddwtf-post-meta{
  margin-top: 0 !important;          /* no random gap from theme */
  margin-bottom: 28px !important;    /* space before intro paragraph */
  font-family: "Space Mono", monospace;
  font-size: 15px;
  line-height: 1.4;
  color: var(--dd-navy);
}

/* Kill rogue margins inside */
.ddwtf-post-meta p{
  margin: 0 !important;
  padding: 0 !important;
}

/* Tiny gap between date and glossary line */
.ddwtf-post-meta p + p{
  margin-top: 4px !important;
}
/* Desktop default */
.ddwtf-intro-mobile {
  display: none;
}

@media (max-width: 768px) {
  /* On mobile: hide desktop intro */
  .ddwtf-intro-desktop {
    display: none !important;
  }

  /* Show mobile envelope + modal */
  .ddwtf-intro-mobile {
    display: block;
  }
}

/* On desktop: hide mobile features no matter what */
@media (min-width: 769px) {
  .ddwtf-intro-mobile {
    display: none !important;
  }
}
/* =======================================
   MOBILE ONLY: hero title + intro spacing
=========================================*/
@media (max-width: 768px){

  /* 1. Move the title block DOWN from the header image */
  body .ddwtf-hero-wrap{
    margin-top: 90px !important;   /* tweak 40–80px to taste */
    padding-top: 0 !important;
    position: relative !important;
    z-index: 10 !important;
  }

  /* Make sure the title itself isn't adding extra gap */
  body .ddwtf-hero-wrap h1,
  body .ddwtf-hero-wrap .wp-block-post-title{
    margin-top: 0 !important;
    margin-bottom: 10px !important;
  }

  /* 2. Kill the massive beige canyon before the intro */
  body .ddwtf-intro-mobile{
    margin-top: 0px !important;   /* this is the gap between dots & intro */
    padding-top: 0 !important;
  }

  /* In case some clown spacer is hiding between hero + intro */
  body .ddwtf-hero-wrap + .wp-block-spacer,
  body .ddwtf-hero-wrap + .wp-block-group .wp-block-spacer,
  body .ddwtf-intro-mobile .wp-block-spacer{
    display: none !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* 3. Gentle global tidy for early paragraphs on mobile */
  body .ddwtf-intro-mobile p{
    margin-top: 0.4rem !important;
    margin-bottom: 0.8rem !important;
  }
}
/* =====================================================
   MOBILE MENU BACKGROUND — BULLETPROOF
   Covers: nav container, expanded panel, and UL items
   Applies ONLY when the hamburger is open
===================================================== */

@media (max-width: 768px){

  /* Main menu container — when expanded */
  .wp-block-navigation__responsive-container.is-menu-open,
  .wp-block-navigation__responsive-container.has-modal-open{
    background: var(--dd-cream) !important;
    backdrop-filter: none !important; /* kill transparency */
    -webkit-backdrop-filter: none !important;
    padding: 20px !important;
    z-index: 9999 !important;
  }

  /* The inner list of links — force solid background */
  .wp-block-navigation__responsive-container.is-menu-open ul,
  .wp-block-navigation__responsive-container.has-modal-open ul{
    background: var(--dd-cream) !important;
    padding: 10px 0 !important;
  }

  /* Fix for themes that generate their own overlay behind */
  .wp-block-navigation__responsive-container-overlay{
    background: var(--dd-cream) !important;
    opacity: 1 !important;
  }

  /* And because WordPress loves drama:  
     make sure each link isn’t sitting on transparent nothingness */
  .wp-block-navigation__container li a{
    background: var(--dd-cream) !important;
  }
}

/* ==========================================
   PSYCHOLOGY, WTF? - section layout and list
========================================== */

/* 1. Title area */

.ddwtf-psychwtf-title{
  max-width:1100px;
  margin:2.2rem auto 2.2rem;
  padding:0 1.5rem;
}

.ddwtf-psychwtf-title h1{
  font-family:"Playfair Display","Times New Roman",serif;
  font-size:2.6rem;
  letter-spacing:0.04em;
  color:var(--dd-red);
  text-align:left;
  margin:0 0 .7rem;
}

.ddwtf-psychwtf-title .ddwtf-psychwtf-divider,
.ddwtf-psychwtf-title hr{
  width:8rem;
  max-width:30%;
  border:0;
  height:2px;
  background:var(--dd-red);
  margin:0;
}

/* 2. Outer content layout */

.ddwtf-psychwtf-layout{
  max-width:1100px;
  margin:0 auto 5rem;
  padding:0 1.5rem;
}

/* use the existing Columns block but tidy it */

.ddwtf-psychwtf-layout .wp-block-columns{
  align-items:flex-start;
  column-gap:3.5rem;
}

/* on mobile, stack columns cleanly */

@media (max-width:899px){
  .ddwtf-psychwtf-layout .wp-block-columns{
    display:block;
  }
  .ddwtf-psychwtf-layout .wp-block-column{
    margin-bottom:2.5rem;
  }
}

/* 3. Left column - intro copy */

.ddwtf-psychwtf-left p{
  font-family:"Space Mono","Courier New",monospace;
  font-size:.9rem;
  line-height:1.8;
  letter-spacing:0.03em;
  color:#3b2b27;
  margin:0 0 1rem;
}

.ddwtf-psychwtf-left p:first-of-type{
  font-weight:600;
}

.ddwtf-psychwtf-left img{
  margin-top:2.2rem;
  max-width:100%;
  height:auto;
  display:block;
}

/* 4. Right column - post list */

.ddwtf-psychwtf-right{
  font-family:"Space Mono","Courier New",monospace;
  font-size:.85rem;
  color:var(--dd-navy);
}

/* each post row */

.ddwtf-psychwtf-post{
  border-top:1px solid rgba(192,57,43,0.35);
  padding:1.4rem 0 1.3rem;
}

/* remove border on first item */

.ddwtf-psychwtf-post:first-of-type{
  border-top:none;
}

/* desktop alignment - title left, date right */

@media (min-width:700px){
  .ddwtf-psychwtf-post{
    display:flex;
    justify-content:space-between;
    gap:1.5rem;
  }
}

/* title block */

.ddwtf-psychwtf-post-main a,
.ddwtf-psychwtf-post-main{
  text-decoration:none;
  color:var(--dd-navy);
  font-weight:600;
  line-height:1.5;
}

.ddwtf-psychwtf-post-main a:hover{
  color:var(--dd-red);
}

/* tiny blurb under title if you add one */

.ddwtf-psychwtf-post-main p{
  margin:.3rem 0 0;
  font-weight:400;
  font-size:.8rem;
}

/* date styling */

.ddwtf-psychwtf-post-date{
  white-space:nowrap;
  text-transform:uppercase;
  letter-spacing:0.14em;
  font-size:.7rem;
  opacity:.7;
  text-align:right;
}

/* on mobile stack date under title */

@media (max-width:699px){
  .ddwtf-psychwtf-post{
    display:block;
  }
  .ddwtf-psychwtf-post-date{
    margin-top:.4rem;
    text-align:left;
  }
}
/* override theme container width for Psychology page */
.ddwtf-psychwtf-layout,
.ddwtf-psychwtf-title{
  max-width:1300px !important;
  width:100%;
  margin-left:auto;
  margin-right:auto;
}

/* widen inner Columns block to match new container width */
.ddwtf-psychwtf-layout .wp-block-columns{
  max-width:1300px !important;
  width:100% !important;
  margin-left:auto !important;
  margin-right:auto !important;
  column-gap:3rem !important;
}

/* ensure columns do NOT shrink content */
.ddwtf-psychwtf-layout .wp-block-column{
  flex-basis:0 !important;
}

/* optional: pull columns closer for chic editorial balance */
.ddwtf-psychwtf-right{
  padding-left:1rem;
}
/* 1. Nudge columns a touch closer together */
.ddwtf-psychwtf-layout .wp-block-columns{
  column-gap:2.6rem !important;
}

/* 2. Tighten gap between title underline and content very slightly */
.ddwtf-psychwtf-title{
  margin-bottom:0.8rem !important;
}

/* 3. Line up the list visually with the intro text */
.ddwtf-psychwtf-right{
  padding-top:0.2rem;
}

/* =======================================
   DDWTF Psychology: Final Micro-Polish
   ======================================= */

/* 1. Subtle tighten under the heading */
.ddwtf-psychwtf-title{
  margin-bottom:0.6rem !important;
}

/* 2. Balance columns perfectly */
.ddwtf-psychwtf-layout .wp-block-columns{
  column-gap:2.4rem !important;
}

/* 3. Align right-column list slightly higher */
.ddwtf-psychwtf-right{
  padding-top:0.15rem !important;
}

/* 4. Fine-tune red rule under heading */
.ddwtf-psychwtf-divider{
  width:6.2rem !important;  
}

/* 5. Bring right-column red lines 1px closer to the text (subtle, expensive) */
.ddwtf-psychwtf-post{
  padding-top:1.3rem !important;
  padding-bottom:1.1rem !important;
}

/* 6. Align date block with text baseline more cleanly */
.ddwtf-psychwtf-post-date{
  padding-top:0.05rem; 
}
/* Make left column slightly wider than right */
.ddwtf-psychwtf-layout .wp-block-column:nth-child(1){
  flex-grow:1.2 !important;
}

.ddwtf-psychwtf-layout .wp-block-column:nth-child(2){
  flex-grow:1 !important;
}
/* Consistent red-line styling */
.ddwtf-psychwtf-title hr,
.ddwtf-psychwtf-divider,
.ddwtf-psychwtf-post{
  border-color:rgba(192,57,43,0.55) !important;
}

.ddwtf-psychwtf-post{
  border-top-width:1.5px !important;
}
/* Date baseline alignment correction */
.ddwtf-psychwtf-post-date{
  transform:translateY(1px);
}
.ddwtf-psychwtf-post-main{
  letter-spacing:0.01em;
}

.ddwtf-psychwtf-post:hover{
  transform:translateX(3px);
  transition:0.15s ease;
}

/* make the left column visually line up with title */
.ddwtf-psychwtf-layout .wp-block-columns{
  grid-template-columns: 1.2fr 1fr !important;
}
/* align title perfectly with the columns */
.ddwtf-psychwtf-title{
  padding-left: calc(1.5rem + 4px) !important;
}
/* ============================================
   PULL PAGE UP UNDER HEADER — HARD RESET
============================================ */

/* Kill all top spacing the theme injects */
.wp-site-blocks,
body.page-id-141 .wp-site-blocks,
body.page-id-141 body main,
body.page-id-141 body main > *:first-child,
body.page-id-141 body .is-layout-constrained > *:first-child{
  margin-top:0 !important;
  padding-top:0 !important;
}
/* Your Psychology WTF wrapper */
.ddwtf-psychwtf-layout{
  margin-top:0 !important;
  padding-top:0 !important;
}

/* Header offset compensation (the banner overlaps) */
.site-header,
header,
.wp-block-template-part{
  margin-bottom:0 !important;
  padding-bottom:0 !important;
}
/* Wrap the Psychology portrait inside the intro text */

.ddwtf-psychwtf-left figure.ddwtf-psychwtf-portrait{
  float:right;
  max-width:230px;          /* size of the little portrait */
  width:40% !important;     /* keeps it from going full-width */
  margin:0 0 1.5rem 1.5rem; /* gap from text */
  display:block !important;
}

.ddwtf-psychwtf-left figure.ddwtf-psychwtf-portrait img{
  width:100% !important;
  height:auto !important;
}

/* On mobile, stop wrapping and center it */
@media(max-width:899px){
  .ddwtf-psychwtf-left figure.ddwtf-psychwtf-portrait{
    float:none;
    margin:1rem auto 1.5rem;
    width:220px !important;
    max-width:80% !important;
  }
}
.ddwtf-psychwtf-left figure.ddwtf-psychwtf-portrait{
  margin-top:0.3rem !important;
}
.ddwtf-psychwtf-left{
  border-bottom:1px solid var(--dd-red);
  padding-bottom:2rem;
  margin-bottom:2rem;
}
.ddwtf-psychwtf-left figure.ddwtf-psychwtf-portrait img{
  opacity:0.90;
}
.ddwtf-psychwtf-left figure.ddwtf-psychwtf-portrait{
  margin-top:0.6rem !important;
}
.ddwtf-psychwtf-left figure.ddwtf-psychwtf-portrait{
  max-width:220px !important;
}
.ddwtf-psychwtf-left p{
  line-height:1.55 !important;
}
.ddwtf-psychwtf-left{
  border-bottom:1px solid rgba(192,57,43,0.85); /* dd-red with slight fade */
}
.ddwtf-psychwtf-left{
  padding-bottom:2.3rem !important;
}
.ddwtf-psychwtf-left p:last-of-type{
  margin-bottom:1.4rem !important;
}
.ddwtf-psychwtf-title h1{
  letter-spacing:0.045em !important;
}

/* ================================================
   EX FILES – POLISH PASS
   (safe to paste under existing rules)
================================================ */

/* 1. Outer layout: slightly tighter top, comfy bottom */
.ddwtf-exfiles-layout{
  max-width:1100px;
  margin:1.8rem auto 5.5rem;
  padding:0 1.5rem;
}

/* 2. Title: keep it centre-stage, shrink the gap below */
.ddwtf-exfiles-title{
  text-align:center;
  margin-bottom:1.8rem;
}

.ddwtf-exfiles-title h1{
  font-size:2.7rem;
}

.ddwtf-exfiles-title hr{
  margin:0.2rem auto 0;  /* sit right under the title */
}

/* 3. Hero block: pull it closer to the title and centre it on the page */

.ddwtf-exfiles-hero{
  max-width:900px;
  margin:2.2rem auto 4.2rem;
  column-gap:3rem;
  align-items:center;
}

/* image behaves like a neat tile */
.ddwtf-exfiles-hero-left img{
  display:block;
  width:100%;
  height:auto;
  border-radius:4px;
}

/* text column: nicer line length */
.ddwtf-exfiles-hero-right p{
  font-size:0.96rem;
  line-height:1.6;
}

/* 4. Archive heading: give it breathing room from hero */

.ddwtf-exfiles-archive{
  margin-top:0.5rem;
  margin-bottom:2.4rem;
}

.ddwtf-exfiles-archive h2{
  margin:0 0 0.3rem;
}

/* 5. Archive grid: a bit more space and hierarchy */

.ddwtf-exfiles-archive-grid{
  gap:2.6rem;
  margin-bottom:4rem;
}

.ddwtf-exfiles-card h3{
  margin-bottom:0.35rem;
}

/* 6. Bottom explainer columns: line them up cleanly */

.ddwtf-exfiles-howto{
  margin-top:3.2rem;
}

.ddwtf-exfiles-howto-cols{
  gap:2.6rem;
}

.ddwtf-exfiles-howto h3{
  margin-bottom:0.5rem;
}
/* EX FILES - final boujee tweaks */

/* 1. Hero sits closer to the title and feels bigger */
.ddwtf-exfiles-hero{
  max-width:940px;          /* slightly wider hero block */
  margin-top:1.4rem;        /* pull up under the title */
  margin-bottom:3.6rem;     /* a bit less gap before Archive */
}

/* make the illustration feel like the main character */
.ddwtf-exfiles-hero-left img{
  width:105%;
  max-width:105%;
}

/* 2. Archive heading gets a cleaner buffer below hero */
.ddwtf-exfiles-archive{
  margin-top:0.4rem;
  margin-bottom:2.4rem;
}
/* =========================================
   EX FILES – final micro polish
========================================= */

/* 1. Title spacing and underline finesse */

.ddwtf-exfiles-title{
  margin-top:2.3rem !important;   /* space under banner */
  margin-bottom:1.5rem !important;
  text-align:center;
}

.ddwtf-exfiles-title h1{
  letter-spacing:0.06em;
}

/* short, confident underline under the title */
.ddwtf-exfiles-title hr{
  width:7rem;
  height:2px;
  margin:0.55rem auto 0;
}

/* 2. Hero panel relationship to title and archive */

.ddwtf-exfiles-hero-wrap{
  margin-top:1.9rem;    /* tiny gap below underline */
  margin-bottom:3.1rem; /* space before "The Archive:" */
}

/* keep the right column from stretching forever */
.ddwtf-exfiles-hero-right{
  max-width:420px;
}

/* 3. Archive heading spacing */

.ddwtf-exfiles-archive{
  margin-top:0.4rem;
  margin-bottom:2.5rem;
}

/* 4. Mobile niceness so it does not feel cramped */

@media(max-width:900px){
  .ddwtf-exfiles-hero-wrap{
    padding:1.6rem 1.5rem;
    margin-top:1.6rem;
    margin-bottom:2.6rem;
  }

  .ddwtf-exfiles-hero{
    display:block;
  }

  .ddwtf-exfiles-hero-left img{
    max-width:100%;
    margin:0 0 1.4rem;
  }

  .ddwtf-exfiles-hero-right{
    max-width:none;
  }
}
.ddwtf-exfiles-hero-wrap::before{
  top:-7px !important;
}
.ddwtf-exfiles-hero-wrap{
  padding-top:1.8rem !important;
}
.ddwtf-exfiles-hero-wrap::after{
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:6px;
  background:linear-gradient(
    to bottom,
    rgba(255,255,255,0.4),
    rgba(255,255,255,0)
  );
  border-radius:5px 5px 0 0;
  pointer-events:none;
}

/* =========================================
   EX FILES HERO PANEL – CLEAN FINAL VERSION
========================================= */

.ddwtf-exfiles-hero-wrap{
  position:relative;
  background:#F3E3CB;                      /* warm folder colour */
  padding:2rem 2.3rem;
  border-radius:5px;
  border:1px solid rgba(44,62,80,0.06);
  box-shadow:
    0 10px 22px rgba(0,0,0,0.10),
    0 3px 6px rgba(0,0,0,0.05);

  max-width:1000px;
  margin:1.9rem auto 3.1rem;

  /* subtle grain only, no big corner gradients */
  background-image:linear-gradient(
      rgba(0,0,0,0.015) 1px,
      transparent 1px
    ),
    linear-gradient(90deg, rgba(0,0,0,0.015) 1px, transparent 1px);
  background-size:3px 3px, 3px 3px;
}

/* REDACTED tab */

/* Move REDACTED tab to top-right */
.ddwtf-exfiles-hero-wrap::before{
  content:"REDACTED";
  position:absolute;
  top:-7px;
  right:28px;
  width:96px;
  height:24px;
  display:flex;
  align-items:center;
  justify-content:center;

  background:#EED8BB;
  border:1px solid rgba(44,62,80,0.08);
  border-bottom:none;
  border-radius:4px 4px 0 0;

  font-family:"Space Mono", monospace;
  font-size:0.6rem;
  letter-spacing:0.06em;
  text-transform:uppercase;
  font-weight:700;
  color:var(--dd-red);

  box-shadow:
    0 1px 2px rgba(0,0,0,0.08),
    0 4px 6px rgba(0,0,0,0.05);

  z-index:3;
}

/* gentle top crease highlight only */
.ddwtf-exfiles-hero-wrap::after{
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:6px;
  background:linear-gradient(
    to bottom,
    rgba(255,255,255,0.4),
    rgba(255,255,255,0)
  );
  border-radius:5px 5px 0 0;
  pointer-events:none;
}

/* EX FILES - explainer block upgrade */

.ddwtf-exfiles-brief{
  max-width:1000px;
  margin:3rem auto 3.2rem;
  padding-top:1.8rem;
  border-top:1px solid rgba(192,57,43,0.55);
}

.ddwtf-exfiles-brief .wp-block-column{
  font-family:"Space Mono","Courier New",monospace;
  font-size:0.9rem;
  line-height:1.8;
}

/* headings inside that explainer block */
.ddwtf-exfiles-brief h3{
  font-family:"Playfair Display","Times New Roman",serif;
  font-size:1.2rem;
  letter-spacing:0.04em;
  margin:0 0 0.4rem;
  color:var(--dd-red);
}

.ddwtf-exfiles-brief ul{
  margin-top:0.4rem;
  margin-bottom:0.8rem;
}
.ddwtf-exfiles-brief li{
  margin-bottom:0.25rem;
}

/* EX FILES - form layout and typography */

.ddwtf-exfiles-form{
  max-width:900px;
  margin:3rem auto 4rem;
}

/* Heading above the form */
.ddwtf-exfiles-form h2{
  font-family:"Playfair Display","Times New Roman",serif;
  font-size:2rem;
  letter-spacing:0.05em;
  margin:0 0 0.5rem;
  color:var(--dd-red);
}

/* Short underline to match main title vibe */
.ddwtf-exfiles-form hr{
  width:6rem;
  height:2px;
  border:0;
  background:rgba(192,57,43,0.55);
  margin:0 0 1.5rem;
}

/* Optional helper copy under the heading */
.ddwtf-exfiles-form p{
  font-family:"Space Mono","Courier New",monospace;
  font-size:0.85rem;
  line-height:1.6;
  margin:0 0 0.9rem;
  color:rgba(44,62,80,0.85);
}

/* Form fields - consistent, quiet, forensic */

.ddwtf-exfiles-form input[type="text"],
.ddwtf-exfiles-form input[type="email"],
.ddwtf-exfiles-form input[type="url"],
.ddwtf-exfiles-form textarea{
  width:100%;
  box-sizing:border-box;
  border:1px solid rgba(44,62,80,0.28);
  background:#FFF8EE;
  border-radius:3px;
  padding:0.7rem 0.9rem;
  font-family:"Space Mono","Courier New",monospace;
  font-size:0.85rem;
  line-height:1.5;
  color:var(--dd-navy);
  transition:border-color 0.18s ease, box-shadow 0.18s ease, background-color 0.18s ease;
}

/* Focus state - feels intentional, not default browser blue */
.ddwtf-exfiles-form input[type="text"]:focus,
.ddwtf-exfiles-form input[type="email"]:focus,
.ddwtf-exfiles-form input[type="url"]:focus,
.ddwtf-exfiles-form textarea:focus{
  outline:none;
  border-color:var(--dd-red);
  box-shadow:0 0 0 1px rgba(192,57,43,0.25);
  background:#FFFDF7;
}

/* Slightly shorter huge textarea so it does not look like a tax form */
.ddwtf-exfiles-form textarea{
  min-height:160px;
}

/* Labels above fields (if your form plugin prints them) */
.ddwtf-exfiles-form label{
  display:block;
  margin:0 0 0.2rem;
  font-family:"Space Mono","Courier New",monospace;
  font-size:0.78rem;
  letter-spacing:0.09em;
  text-transform:uppercase;
  color:rgba(44,62,80,0.75);
}

/* Submit button - FBI but pretty */

.ddwtf-exfiles-form button,
.ddwtf-exfiles-form input[type="submit"]{
  display:inline-block;
  margin-top:1rem;
  padding:0.6rem 1.8rem;
  border-radius:999px;
  border:none;
  background:var(--dd-red);
  color:#fff;
  font-family:"Space Mono","Courier New",monospace;
  font-size:0.78rem;
  letter-spacing:0.14em;
  text-transform:uppercase;
  cursor:pointer;
  box-shadow:0 4px 10px rgba(0,0,0,0.18);
  transition:background-color 0.16s ease, transform 0.16s ease, box-shadow 0.16s ease;
}

.ddwtf-exfiles-form button:hover,
.ddwtf-exfiles-form input[type="submit"]:hover{
  background:#A52C22;
  transform:translateY(-1px);
  box-shadow:0 6px 16px rgba(0,0,0,0.22);
}

.ddwtf-exfiles-form button:active,
.ddwtf-exfiles-form input[type="submit"]:active{
  transform:translateY(0);
  box-shadow:0 3px 8px rgba(0,0,0,0.18);
}

/* Ex Files cat footer spacing */

.ddwtf-exfiles-cat{
  margin-top:3.5rem;
  margin-bottom:1.5rem;
  text-align:center;
}

.ddwtf-exfiles-cat img{
  height:auto;
  max-width:120px;
}
/* =========================================
   EX FILES – ULTRA MICRO POLISH PACK
   (drop this at the very end)
========================================= */

/* 1. Align Ex Files title + hero to same column as content */
.ddwtf-exfiles-title,
.ddwtf-exfiles-hero-wrap,
.ddwtf-exfiles-brief,
.ddwtf-exfiles-form{
  max-width:1000px;
  margin-left:auto;
  margin-right:auto;
}

/* 2. Make sure hero columns never butt up against the edges */
.ddwtf-exfiles-hero-wrap{
  padding-left:2.1rem;
  padding-right:2.1rem;
}

/* 3. Archive cards - give them a tiny hover cue */
.ddwtf-exfiles-archive-grid .ddwtf-exfiles-card{
  transition:
    transform 0.16s ease-out,
    box-shadow 0.16s ease-out;
}

.ddwtf-exfiles-archive-grid .ddwtf-exfiles-card:hover{
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(0,0,0,0.10);
}

/* 4. Tighten relationship between explainer and form */
.ddwtf-exfiles-brief{
  margin-bottom:2.4rem;
}

/* 5. Make the submit button feel perfectly centred on mobile */
@media (max-width:700px){
  .ddwtf-exfiles-form input[type="submit"],
  .ddwtf-exfiles-form button{
    width:auto;
    display:block;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
  }
}

/* 6. Cat footer – give him a hair more breathing room from footer nav */
.ddwtf-exfiles-cat{
  margin-top:3.8rem;
  margin-bottom:2.2rem;
}

/* =========================================
   EX FILES – SIMPLE TOP OFFSET ONLY
=========================================*/

/* Make sure the layout is positioned in normal flow */
body.page-id-141 .ddwtf-exfiles-layout{
  position:relative;
  margin-top:-114px !important;   /* pull section up under header */
  padding-top:0 !important;
}
/* DDWTF mobile polish - single posts */
/* Targets phones and small tablets */
@media (max-width: 768px) {

  /* Overall post container */
  body.single-post {
    background-color: #FAF3E0; /* soft cream */
  }

  .single-post .entry-header,
  .single-post .entry-content {
    max-width: 720px;
    margin: 0 auto;
    padding: 1.5rem 1.5rem 2.75rem;
  }

  /* Title and meta */
  .single-post .entry-title {
    font-size: clamp(1.9rem, 6vw, 2.4rem);
    line-height: 1.2;
    letter-spacing: 0.03em;
    text-transform: none;
    margin-bottom: 0.75rem;
  }

  .single-post .entry-meta {
    font-size: 0.85rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    opacity: 0.7;
    margin-bottom: 1.5rem;
  }

  /* Body text */
  .single-post .entry-content p {
    font-size: 1.02rem;
    line-height: 1.7;
    margin: 0 0 1.1rem;
  }

  /* Slightly bigger intro paragraph */
  .single-post .entry-content p:first-of-type {
    font-size: 1.08rem;
    line-height: 1.8;
  }

  /* Headings hierarchy */
  .single-post .entry-content h2,
  .single-post .entry-content h3,
  .single-post .entry-content h4 {
    font-weight: 600;
    line-height: 1.3;
    margin: 2rem 0 0.75rem;
  }

  .single-post .entry-content h2 {
    font-size: 1.5rem;
    letter-spacing: 0.02em;
  }

  .single-post .entry-content h3 {
    font-size: 1.28rem;
  }

  .single-post .entry-content h4 {
    font-size: 1.12rem;
    text-transform: none;
  }

  /* Lists look neat not feral */
  .single-post .entry-content ul,
  .single-post .entry-content ol {
    padding-left: 1.3rem;
    margin: 0 0 1.1rem;
  }

  .single-post .entry-content li {
    margin-bottom: 0.4rem;
    line-height: 1.6;
  }

  /* Links: tidy and readable */
  .single-post .entry-content a {
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 0.15em;
    font-weight: 500;
  }

  .single-post .entry-content a:hover {
    opacity: 0.85;
  }

  /* Images: responsive, centred, pretty */
  .single-post .entry-content img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 1.5rem auto;
    border-radius: 0.75rem;
  }

  /* WordPress figure blocks */
  .single-post .entry-content figure {
    margin: 1.5rem 0;
  }

  .single-post .entry-content figcaption {
    font-size: 0.82rem;
    text-align: center;
    opacity: 0.7;
    margin-top: 0.4rem;
  }

  /* Blockquotes: Pinterest ready */
  .single-post .entry-content blockquote {
    border-left: 3px solid #C0392B;
    padding-left: 1rem;
    margin: 1.5rem 0;
    font-style: italic;
    font-size: 1rem;
    line-height: 1.8;
  }

  .single-post .entry-content blockquote p:last-child {
    margin-bottom: 0;
  }

  /* Buttons and CTAs (WordPress button block) */
  .single-post .wp-block-button__link {
    display: inline-block;
    padding: 0.7rem 1.5rem;
    font-size: 0.95rem;
    border-radius: 999px;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-weight: 600;
  }

  /* Code blocks or preformatted text */
  .single-post .entry-content pre,
  .single-post .entry-content code {
    font-family: Menlo, Monaco, Consolas, monospace;
    font-size: 0.9rem;
    background: rgba(0, 0, 0, 0.04);
    padding: 0.4rem 0.6rem;
    border-radius: 0.4rem;
    overflow-x: auto;
  }

  /* Extra breathing space above and below post */
  .single-post .site-main {
    padding-top: 1rem;
    padding-bottom: 2rem;
  }

  /* Kill weird side paddings from some themes */
  .single-post .site-main,
  .single-post .content-area {
    margin: 0 auto;
  }
}
.single-post .entry-content p {
  font-size: 1.02rem;
  line-height: 1.7;
  margin: 0 0 1.4rem; /* bumped up from 1.1rem */
}