/* ============================================================
   The Guidebook — Ambassador Group's operating system, published
   Additions on top of ds/manual.css + ds/hire-in-4k-manual.css.
   Adds: value lead-in, aligned/unaligned compare labels,
   EAR ladder, unique-ability zones, the proverbs grid.
   ============================================================ */

/* ---------- VALUE / SECTION LEAD-IN ---------- */
.manual .prose .value-lead{
  font-family: var(--font-display); font-weight: 300;
  font-size: clamp(19px, 2vw, 23px); line-height: 1.45;
  color: var(--color-ink); letter-spacing: -0.005em;
  margin: 0 0 20px;
  padding-left: 18px;
  border-left: 2px solid var(--color-gold-antique);
}

/* compare cards: aligned (moss) vs unaligned (oxblood) — labels */
.compare .col.aligned{ background: var(--color-moss-light); color: var(--color-sand-warm); }
.compare .col.aligned h6{ color: var(--color-sand-warm); }
.compare .col.aligned p{ color: rgba(237,235,228,.85) !important; }
.compare .col .c-eb.pos{ color: var(--color-gold-antique); }
.compare .col .c-eb.neg{ color: var(--color-oxblood); }

/* aligned/unaligned use a tidy mini-list instead of a paragraph */
.compare .col ul.mini{
  list-style: none; margin: 0 !important; padding: 0 !important; border: 0 !important;
}
.compare .col ul.mini li{
  position: relative; padding: 8px 0 8px 20px !important;
  border: 0 !important; border-bottom: 1px solid rgba(170,143,87,.18) !important;
  font-family: var(--font-body); font-size: 14.5px !important; line-height: 1.5 !important;
  color: var(--fg-2);
}
.compare .col.aligned ul.mini li{
  color: rgba(237,235,228,.86); border-bottom-color: rgba(237,235,228,.16) !important;
}
.compare .col ul.mini li:last-child{ border-bottom: 0 !important; }
.compare .col ul.mini li::before{
  content: ""; position: absolute; left: 2px; top: 15px;
  width: 6px; height: 6px; border-radius: 999px; background: var(--color-gold-antique);
}
.compare .col.aligned ul.mini li::before{ background: var(--color-gold-antique); }
.compare .col.warn ul.mini li::before{
  border-radius: 0; width: 7px; height: 1.5px; top: 18px; background: var(--color-oxblood);
}

/* ---------- EAR LADDER ---------- */
.ear{
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px;
  background: rgba(170,143,87,.4); border: 1px solid rgba(170,143,87,.4);
  margin: 28px 0;
}
.ear .rung{ background: #fff; padding: 24px 24px; }
.ear .rung:nth-child(2){ background: rgba(170,143,87,.06); }
.ear .rung:nth-child(3){ background: var(--color-moss-dark); color: var(--color-sand-warm); }
.ear .rung .k{
  font-family: var(--font-display); font-style: italic; font-weight: 300;
  font-size: 34px; line-height: 1; color: var(--color-gold-antique); margin-bottom: 12px;
}
.ear .rung h6{
  font-family: var(--font-body); font-size: 11px; letter-spacing: .18em;
  text-transform: uppercase; font-weight: 700; color: var(--color-ink); margin: 0 0 8px;
}
.ear .rung:nth-child(3) h6{ color: var(--color-sand-warm); }
.ear .rung p{ margin: 0 !important; font-size: 14.5px !important; line-height: 1.55 !important; color: var(--fg-2) !important; }
.ear .rung:nth-child(3) p{ color: rgba(237,235,228,.82) !important; }

/* ---------- UNIQUE-ABILITY ZONES ---------- */
.zones{
  display: grid; grid-template-columns: repeat(4, 1fr); gap: 1px;
  background: rgba(170,143,87,.4); border: 1px solid rgba(170,143,87,.4);
  margin: 26px 0;
}
.zones .z{ background: #fff; padding: 20px 18px; }
.zones .z.peak{ background: var(--color-moss-dark); color: var(--color-sand-warm); }
.zones .z .zt{
  font-family: var(--font-display); font-weight: 300; font-size: 19px; line-height: 1.05;
  color: var(--color-ink); margin: 0 0 6px; letter-spacing: -0.01em;
}
.zones .z.peak .zt{ color: var(--color-gold-antique); }
.zones .z p{ margin: 0 !important; font-size: 13px !important; line-height: 1.45 !important; color: var(--fg-2) !important; }
.zones .z.peak p{ color: rgba(237,235,228,.82) !important; }

/* ---------- THE PROVERBS ---------- */
.proverbs{
  display: grid; grid-template-columns: 1fr 1fr; gap: 1px;
  background: rgba(170,143,87,.32);
  border: 1px solid rgba(170,143,87,.32);
  margin: 28px 0 8px;
}
.proverbs .pv{
  background: #fff; padding: 20px 22px;
  display: flex; flex-direction: column; gap: 4px;
}
.proverbs .pv:hover{ background: rgba(170,143,87,.05); }
.proverbs .pv .pv-line{
  font-family: var(--font-display); font-weight: 300; font-style: italic;
  font-size: 19px; line-height: 1.2; letter-spacing: -0.005em; color: var(--color-ink);
}
.proverbs .pv .pv-gloss{
  font-family: var(--font-body); font-size: 13.5px; line-height: 1.5; color: var(--fg-2);
}

/* ---------- WARNING NOTE (front matter) ---------- */
.gb-warning{
  margin: 26px 0; padding: 22px 26px;
  background: #FBF6F2; border: 1px solid rgba(107,45,45,.32);
  border-left: 3px solid var(--color-oxblood);
}
.gb-warning p{ margin: 0 !important; font-size: 16px !important; line-height: 1.6 !important; color: var(--fg) !important; }
.gb-warning strong{ color: var(--color-oxblood); }

@media (max-width: 760px){
  .ear{ grid-template-columns: 1fr; }
  .zones{ grid-template-columns: 1fr 1fr; }
  .proverbs{ grid-template-columns: 1fr; }
}