/* Layout refinements apply equally to all four palette comparisons.
   The approved headline, Bodoni wordmark and content remain unchanged. */
#alfred-site {
  --am-section-space:48px;
  --am-story-space:64px;
}
#alfred-site .am-body { padding-block:var(--am-section-space); }
#alfred-site .am-use-cases { padding-bottom:var(--am-section-space); }
#alfred-site .am-proof { padding-block:var(--am-section-space); }
#alfred-site .am-about { padding-block:var(--am-story-space) var(--am-section-space); }
#alfred-site .am-support { padding-top:var(--am-section-space); }
#alfred-site .am-review { margin-top:var(--am-section-space); }
#alfred-site .am-values { margin-top:var(--am-section-space); }

/* These are static editorial cards. Remove the checkbox and hover lift so
   their appearance agrees with the existing non-interactive list semantics. */
#alfred-site .am-need-options li { cursor:default; transition:none; }
#alfred-site .am-need-options li:hover {
  transform:none;
  box-shadow:0 3px 0 var(--am-theme-option-shadow,#bca9cd);
}
#alfred-site .am-choice-mark { display:none; }
#alfred-site .am-option-top {
  font-size:10px;
  line-height:1.5;
  letter-spacing:.07em;
}
#alfred-site .am-needs-note p { font-size:12px; }
#alfred-site .am-heritage-top .am-eyebrow {
  font-size:10px;
  line-height:1.5;
  letter-spacing:.09em;
}
#alfred-site .am-heritage-foot {
  gap:16px;
  font-size:10px;
  line-height:1.5;
  letter-spacing:.1em;
}
#alfred-site .am-heritage-foot > span:last-child { flex:none; }
#alfred-site .am-heritage-name > span { font-size:11px; }

@media(max-width:700px) {
  #alfred-site {
    --am-section-space:32px;
    --am-story-space:40px;
  }
  #alfred-site .am-hero-grid { gap:32px; padding-block:32px 40px; }
  #alfred-site .am-fee-stage { max-width:460px; }
  #alfred-site .am-fee-card { min-height:0; padding-block:24px 26px; }
  #alfred-site .am-fee-topline { font-size:10px; letter-spacing:.12em; }
  #alfred-site .am-fee-title { margin-top:16px; }
  #alfred-site .am-fee-number { font-size:clamp(100px,28vw,130px); margin-bottom:8px; }
  #alfred-site .am-fee-bottom { margin-top:22px; padding-top:17px; }
  #alfred-site .am-fee-context {
    font-size:13px;
    max-width:min(210px,calc(100% - 40px));
  }
  #alfred-site .am-fee-card .am-inline-link { margin-top:12px; }
  #alfred-site .am-option-top { font-size:10px; letter-spacing:.035em; }
  #alfred-site .am-need-options li { min-height:181px; }
  #alfred-site .am-option-name { font-size:17px; line-height:1.4; letter-spacing:-.025em; }
  #alfred-site .am-needs-note p { font-size:12px; }
  #alfred-site .am-heritage { margin-top:var(--am-story-space); }
  #alfred-site .am-heritage-top { flex-wrap:wrap; gap:8px 16px; }
}

/* A compact row retains readable metadata at 320–420px without squeezing
   four long labels into narrow columns or increasing the page length. */
@media(max-width:420px) {
  #alfred-site .am-need-options { grid-template-columns:1fr; gap:12px; }
  #alfred-site .am-need-options li {
    display:grid;
    grid-template-columns:48px minmax(0,1fr);
    grid-template-rows:auto auto;
    gap:5px 16px;
    min-height:106px;
    padding:18px 16px;
    align-content:center;
  }
  #alfred-site .am-option-top { grid-column:2; grid-row:1; }
  #alfred-site .am-need-icon {
    grid-column:1;
    grid-row:1 / span 2;
    align-self:center;
    width:48px;
    height:48px;
    margin:0;
  }
  #alfred-site .am-need-icon svg { width:26px; height:26px; }
  #alfred-site .am-option-name { grid-column:2; grid-row:2; margin:0; }
  #alfred-site .am-fee-title { font-size:29px; }
  #alfred-site .am-heritage-foot > span:last-child { padding-right:10px; }
}