.block-category-details .category-details {
  display: grid; grid-template-columns: 1fr; gap: 18px; margin-top: 42px; max-width: 980px;
}
.block-category-details .category-card {
  border: 2px solid var(--line); padding: 28px; background: var(--paper);
  scroll-margin-top: 110px;
}
.block-category-details .cat-head {
  display: grid; grid-template-columns: 92px 1fr; gap: 22px; align-items: start; margin-bottom: 18px;
}
.block-category-details .cat-no {
  color: var(--accent);
  font-size: 13px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase;
}
.block-category-details .category-card h3 {
  margin: 0; text-transform: uppercase;
  font-size: clamp(34px, 5vw, 76px); line-height: .86; letter-spacing: -.08em; text-wrap: balance;
}
.block-category-details .sentence {
  font-size: clamp(19px, 1.8vw, 26px); line-height: 1.15; font-weight: 900; letter-spacing: -.045em;
  margin: 0 0 18px; max-width: 760px; text-wrap: balance;
}
.block-category-details .cat-desc,
.block-category-details .cat-desc p {
  font-size: 18px; line-height: 1.35; letter-spacing: -.02em; color: var(--muted);
  margin: 0 0 18px; max-width: 820px;
}
.block-category-details .chips {
  display: flex; gap: 8px; flex-wrap: wrap; margin-top: 16px;
}
.block-category-details .chip {
  border: 1px solid var(--line); padding: 8px 10px;
  text-transform: uppercase; font-size: 11px; font-weight: 900; letter-spacing: .06em;
  background: var(--bg);
}

/* Editor-only: reveal the raw chips source line under the rendered chips
   so authors can edit the comma-separated string inline. Hidden on the
   public site. */
.block-category-details .chips-source { display: none; }
body.cms-edit.cms-authed .block-category-details .chips-source {
  display: block; margin-top: 10px;
  font-size: 12px; color: var(--muted); font-style: italic;
}

/* Wrap each action button so the URL pill lives inside the action's
   own hit box rather than after it. */
.block-category-details .action-slot { display: inline-flex; align-items: center; position: relative; }
.block-category-details .action-slot .cms-list-item-remove,
.block-category-details .action-slot .cms-list-item-move { z-index: 60; }

/* The + Add card button spans the single-column card grid. */
.block-category-details .category-details > .cms-list-item-add {
  grid-column: 1 / -1;
}

@media (max-width: 820px) {
  .block-category-details .cat-head { grid-template-columns: 1fr; gap: 8px; }
}