/* Caressia small block spacing: keep text at least 5 characters away from borders. */
:root {
  --caressia-small-block-x: max(28px, 5ch);
  --caressia-small-block-y: max(24px, 2.25em);
  --caressia-small-block-y-compact: max(20px, 1.75em);
}

body .cn-native .cn-card,
body .cn-native .cn-note,
body .cn-native .cn-panel,
body .cn-native .cn-quiet-list,
body .cn-native .cn-index-card,
body .cn-native .cn-route,
body .cn-native .cn-matrix-item,
body .cn-native .cn-process-step,
body .cn-native .cn-step,
body .cn-native .cn-steps li,
body .cn-home-category-card,
body .cn-home-path-line,
body .cn-home-service-list > *,
body .cnp-direction-card,
body .cnp-note,
body .cnp-card-body,
body .cnp-card-fit,
body .cnp-logic-list,
body .cnp-highlight-grid > *,
body .cnd-note,
body .cnd-process-card,
body .cnd-direction-card,
body .cnd-panel-grid > *,
body .cnd-card-grid > *,
body .cnd-pathway-grid > *,
body .cnd-checklist,
body .cnd-mini-list,
body .cnd-request-panel,
body .cnd-capability-grid > *,
body .cno-note,
body .cno-route-card,
body .cno-offer-card,
body .cno-step,
body .cno-route-grid > *,
body .cnf-card,
body .cnf-step,
body .cnf-hero-facts article,
body .cnr-step-stack article,
body .cnr-brief,
body .cnr-brief-grid > div,
body .cnr-note-grid > div,
body .cnr-layer-list article,
body .cnr-scope-grid article,
body .cnr-requirement-grid article,
body .cnr-qc-list article,
body .cnr-strategy-grid article,
body .cnr-product-grid article,
body .cnr-timeline article,
body .cnr-table > div,
body .cnr-statement-panel,
body .cnr-brand-partner-note,
body .cnq-quick-path article,
body .cnq-brief-list > div,
body .cnq-link-grid a,
body .cnq-contact-list > div,
body .cnq-form-panel,
body .cx-document-box {
  padding-inline: var(--caressia-small-block-x) !important;
  padding-block: var(--caressia-small-block-y) !important;
}

body .cnp-category-card > .cnp-card-body,
body .cnd-entry-card > div,
body .cno-entry-card > div,
body .cnf-entry-card > div,
body .cnr-guide-card > div {
  padding-inline: var(--caressia-small-block-x) !important;
  padding-block: var(--caressia-small-block-y) !important;
}

body .cnf-checklist li,
body .cn-native .cn-quiet-list li,
body .cn-native .cn-steps li,
body .cnd-checklist li {
  padding-inline-start: calc(var(--caressia-small-block-x) + 18px) !important;
  padding-inline-end: var(--caressia-small-block-x) !important;
  padding-block: var(--caressia-small-block-y-compact) !important;
}

body .cnf-checklist li::before,
body .cn-native .cn-steps li::before {
  left: calc(var(--caressia-small-block-x) - 13px) !important;
}

body .cnr-table > div {
  column-gap: max(20px, 4ch) !important;
}

@media (max-width: 680px) {
  :root {
    --caressia-small-block-x: max(22px, 5ch);
    --caressia-small-block-y: max(22px, 1.9em);
    --caressia-small-block-y-compact: max(18px, 1.55em);
  }
}