/* =========================================================
   Airbrush Some Stuff V56 — Headline spacing + content hierarchy
   Fixes condensed hero words running together and restores strong
   contrast / hierarchy inside dark guide sections and light cards.
   ========================================================= */

:root{
  --v56-ink:#111714;
  --v56-dark:#07171f;
  --v56-paper:#f7f4ec;
  --v56-paper-2:#fffdf8;
  --v56-cyan:#00a9d6;
  --v56-cyan-bright:#00cfee;
  --v56-orange:#f36b18;
  --v56-copy:#46565d;
  --v56-muted:#687980;
}

/* ---------------------------------------------------------
   HERO HEADLINES — restore readable word separation
   --------------------------------------------------------- */
body.theme-v38 main h1:not(.v38-home-title){
  letter-spacing:-.025em!important;
  word-spacing:.11em!important;
  line-height:.91!important;
  text-wrap:balance;
  overflow-wrap:normal;
  hyphens:none;
}

/* The editorial accent produced by v38-editorial.js follows a text node.
   Give it a guaranteed visual gap so the final words never collide. */
body.theme-v38 main h1 .v38-serif-accent{
  display:inline-block;
  margin-left:.10em;
  letter-spacing:-.035em!important;
  word-spacing:.06em!important;
}

/* Explicit <em> lines already begin on their own visual line in many heroes. */
body.theme-v38 main h1 em{
  letter-spacing:-.035em!important;
  word-spacing:.08em!important;
}

/* Landing title is intentionally three separate display lines. */
body.theme-v38 .v38-home-title{
  letter-spacing:-.045em!important;
  word-spacing:normal!important;
  line-height:.79!important;
}

/* Long utility / planning heroes need a touch more breathing room. */
body.theme-v38 :is(
  .pc-hero,.group-hero,.fundraiser-hero,.school-hero,.event-guide-hero,
  .design-hero,.file-prep-hero,.production-hero,.pricing-center-hero,
  .deadline-hero,.learn-hero,.commerce-step-hero,.search-page,.legal-page
) h1{
  letter-spacing:-.018em!important;
  word-spacing:.12em!important;
  line-height:.94!important;
}

/* ---------------------------------------------------------
   DARK GUIDE SECTIONS — never allow ink-colored headings
   --------------------------------------------------------- */
body.theme-v38 :is(
  .learn-latest,.process-roadmap,.group-order-checklist,
  .fundraiser-knowledge,.quote-factors,.production-file-table
){
  background:linear-gradient(145deg,#07171f,#0b222c)!important;
  border:1px solid rgba(0,169,214,.18)!important;
  box-shadow:0 24px 56px rgba(17,23,20,.12);
}

body.theme-v38 :is(
  .learn-latest,.process-roadmap,.group-order-checklist,
  .fundraiser-knowledge,.quote-factors,.production-file-table
) > h2,
body.theme-v38 .learn-latest .admin-section-head h2{
  color:var(--v56-paper)!important;
  -webkit-text-fill-color:var(--v56-paper)!important;
  opacity:1!important;
  visibility:visible!important;
  font-family:var(--v38-condensed);
  font-size:clamp(38px,4.6vw,66px)!important;
  line-height:.94!important;
  letter-spacing:-.025em!important;
  word-spacing:.08em!important;
  margin:7px 0 10px!important;
}

body.theme-v38 .learn-latest .admin-section-head{
  align-items:end;
  margin-bottom:24px;
}
body.theme-v38 .learn-latest .admin-section-head .eyebrow{
  color:var(--v56-orange)!important;
  -webkit-text-fill-color:var(--v56-orange)!important;
  font-size:11px!important;
  letter-spacing:.22em!important;
}
body.theme-v38 .learn-latest .text-link{
  color:var(--v56-cyan-bright)!important;
  -webkit-text-fill-color:var(--v56-cyan-bright)!important;
  font-size:16px!important;
  font-weight:900!important;
  text-decoration:none;
  padding-bottom:4px;
  border-bottom:1px solid rgba(0,207,238,.45);
}

/* ---------------------------------------------------------
   KNOWLEDGE ARTICLE CARDS — clear typography hierarchy
   --------------------------------------------------------- */
body.theme-v38 .learn-article-grid{
  gap:16px!important;
}
body.theme-v38 .learn-article-grid a{
  display:flex!important;
  flex-direction:column;
  min-height:290px;
  padding:28px 26px!important;
  border-radius:22px!important;
  background:var(--v56-paper-2)!important;
  border:1px solid rgba(17,23,20,.13)!important;
  box-shadow:0 12px 26px rgba(0,0,0,.08)!important;
  color:var(--v56-ink)!important;
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
body.theme-v38 .learn-article-grid a:hover{
  transform:translateY(-4px);
  border-color:rgba(0,169,214,.42)!important;
  box-shadow:0 18px 32px rgba(0,0,0,.12)!important;
}
body.theme-v38 .learn-article-grid small{
  display:block;
  margin:0 0 16px!important;
  color:var(--v56-orange)!important;
  -webkit-text-fill-color:var(--v56-orange)!important;
  font-size:10px!important;
  line-height:1.2;
  font-weight:950!important;
  letter-spacing:.17em!important;
  text-transform:uppercase;
}
body.theme-v38 .learn-article-grid h3{
  margin:0 0 16px!important;
  color:var(--v56-ink)!important;
  -webkit-text-fill-color:var(--v56-ink)!important;
  font-family:var(--v38-condensed);
  font-size:clamp(25px,2vw,34px)!important;
  line-height:1.02!important;
  letter-spacing:-.025em!important;
  word-spacing:.06em!important;
  font-weight:900!important;
}
body.theme-v38 .learn-article-grid p{
  margin:0 0 22px!important;
  color:var(--v56-copy)!important;
  -webkit-text-fill-color:var(--v56-copy)!important;
  font-size:15px!important;
  line-height:1.66!important;
  font-weight:500;
}
body.theme-v38 .learn-article-grid span{
  margin-top:auto;
  color:var(--v56-cyan)!important;
  -webkit-text-fill-color:var(--v56-cyan)!important;
  font-size:14px!important;
  font-weight:900!important;
  letter-spacing:.01em;
}
body.theme-v38 .learn-article-grid a:hover span{color:var(--v56-orange)!important;-webkit-text-fill-color:var(--v56-orange)!important}

/* Similar light cards inherit safe, visible title/copy colors. */
body.theme-v38 :is(
  .pc-tool-grid a,.opportunity-card,.fundraiser-card,.season-card,
  .content-columns article,.use-case-grid article,.check-grid article,
  .what-next-grid article
) h3{
  color:var(--v56-ink)!important;
  -webkit-text-fill-color:var(--v56-ink)!important;
}
body.theme-v38 :is(
  .pc-tool-grid a,.opportunity-card,.fundraiser-card,.season-card,
  .content-columns article,.use-case-grid article,.check-grid article,
  .what-next-grid article
) p{
  color:var(--v56-copy)!important;
  -webkit-text-fill-color:var(--v56-copy)!important;
}

/* ---------------------------------------------------------
   RESPONSIVE TYPE RHYTHM
   --------------------------------------------------------- */
@media(max-width:900px){
  body.theme-v38 main h1:not(.v38-home-title){
    letter-spacing:-.018em!important;
    word-spacing:.10em!important;
    line-height:.94!important;
  }
  body.theme-v38 .learn-latest .admin-section-head{align-items:flex-start!important}
  body.theme-v38 .learn-article-grid a{min-height:0}
}

@media(max-width:700px){
  body.theme-v38 main h1:not(.v38-home-title){
    letter-spacing:-.012em!important;
    word-spacing:.09em!important;
    line-height:.96!important;
  }
  body.theme-v38 main h1 .v38-serif-accent{margin-left:.06em}
  body.theme-v38 .learn-latest{padding:24px 18px!important}
  body.theme-v38 .learn-latest .admin-section-head h2{font-size:clamp(36px,11vw,52px)!important}
  body.theme-v38 .learn-latest .text-link{font-size:14px!important}
  body.theme-v38 .learn-article-grid a{padding:24px 20px!important}
  body.theme-v38 .learn-article-grid h3{font-size:28px!important}
  body.theme-v38 .learn-article-grid p{font-size:15px!important}
}

@media(prefers-contrast:more){
  body.theme-v38 .learn-latest .admin-section-head h2{color:#fff!important;-webkit-text-fill-color:#fff!important}
  body.theme-v38 .learn-article-grid p{color:#27363c!important;-webkit-text-fill-color:#27363c!important}
}