/* =============================================================
   COUNSEL — child of Katy Krama
   Consultancy theme: serif authority, numbered practice areas,
   a palette that stays out of the argument's way.
   ============================================================= */
@import url("https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400..800&family=Inter:wght@400..700&family=Kantumruy+Pro:wght@300..700&family=IBM+Plex+Mono:wght@400;600&display=swap");

:root{
  --stone:#FAF9F6;
  --stone-2:#F0EEE8;
  --white:#FFFFFF;
  --ink:#151A1E;
  --slate:#5F6B72;
  --line:#DEDAD1;

  --madder:#8A6A2F;        /* muted gold — an accent that doesn't shout */
  --madder-ink:#6E5323;
  --brand-blue:#2C4A5E;
  --indigo:#12242F;        /* deep slate-teal for the dark band */
  --navy-lift:#1A3140;

  --display:"Fraunces","Kantumruy Pro",Georgia,serif;
  --body:"Inter","Kantumruy Pro",system-ui,sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,monospace;
}
html[data-lang="km"]{
  --display:"Kantumruy Pro","Fraunces",serif;
  --body:"Kantumruy Pro","Inter",system-ui,sans-serif;
}

/* a serif at display size needs looser tracking, not tighter */
h1{letter-spacing:-.02em;font-weight:600;font-variation-settings:"opsz" 120,"SOFT" 0}
h2.sec-title,.page-title,.prod-name{letter-spacing:-.015em;font-weight:600}
.prose h2,.prose h3,.prose h4{letter-spacing:-.01em;font-weight:600}
.card-title,.job-title{letter-spacing:-.01em;font-weight:600}

/* the weave becomes a fine ruled grid — a ledger, not a textile */
.krama{
  background-image:
    repeating-linear-gradient(90deg, rgba(138,106,47,.10) 0 1px, transparent 1px 48px),
    repeating-linear-gradient(0deg,  rgba(18,36,47,.06) 0 1px, transparent 1px 48px);
}

/* numbered blocks carry more weight in a consultancy layout */
.step-n,.benefit-n{background:transparent;color:var(--madder-ink)}
.step-n{
  font-family:var(--display);font-size:1.5rem;font-weight:600;width:auto;height:auto;
  border-bottom:2px solid var(--madder);padding:0 0 .1rem;
}
.benefit-n{font-family:var(--display);font-size:1.2rem}
.disc-letter{font-family:var(--display);font-weight:600;color:var(--madder-ink);opacity:.85}

.offers{background:var(--indigo)}
.offer{background:var(--indigo)}
.offer:hover{background:var(--navy-lift)}
.offer-tag{background:var(--madder)}
.btn-primary{background:var(--indigo);border-color:var(--indigo)}
.btn-primary:hover{background:var(--madder);border-color:var(--madder)}
.author-mark{background:var(--indigo)}
.prose blockquote{
  border-left-color:var(--madder);font-family:var(--display);font-weight:400;font-style:italic;
}
.toc{border-left-color:var(--madder)}
.prod-feats li::before{background:var(--madder)}
.cat-chip.is-on{background:var(--indigo);border-color:var(--indigo)}
.choice input:checked + span{background:var(--indigo);border-color:var(--indigo)}