/* Small opt-in foundation. Existing branding tokens and legacy blocks stay intact. */
:root {
 --kibelia-base-content-width: 1100px;
 --kibelia-base-section-padding-top: 70px;
 --kibelia-base-section-padding-bottom: 70px;
 --kibelia-base-section-padding-x: 20px;
 --kibelia-base-title-size: var(--kibelia-base-h1-size, 38px);
 --kibelia-base-title-line-height: var(--kibelia-base-h1-line-height, 1.15);
 --kibelia-base-subtitle-size: var(--kibelia-base-body-size, 16px);
 --kibelia-base-text-size: var(--kibelia-base-body-size, 16px);
 --kibelia-base-small-size: 14px;
 --kibelia-base-label-size: 12px;
 --kibelia-base-card-padding: 28px;
 --kibelia-base-card-radius: 14px;
 --kibelia-base-card-border: 1px solid var(--kibelia-base-line);
 --kibelia-base-gap-small: 12px;
 --kibelia-base-gap-medium: 24px;
 --kibelia-base-gap-large: 36px;
}
/* The existing section/card names opt into the new appearance via .kibelia-inner. */
.kibelia-section:has(> .kibelia-inner) {
 width: 100%; padding: var(--kibelia-base-section-padding-top) var(--kibelia-base-section-padding-x) var(--kibelia-base-section-padding-bottom);
}
.kibelia-inner {
 width: 100%; max-width: var(--kibelia-base-content-width); margin-inline: auto;
 color: var(--kibelia-base-base-text); min-width: 0;
}
.kibelia-label { display: inline-block; color: var(--kibelia-base-muted); font-size: var(--kibelia-base-label-size); font-weight: 600; text-transform: uppercase; letter-spacing: .12em; line-height: 1.5; }
.kibelia-title { font-family: var(--kibelia-font-heading, var(--kibelia-base-font)); color: var(--kibelia-heading-color); font-size: var(--kibelia-base-title-size); line-height: var(--kibelia-base-title-line-height); font-weight: 700; margin: 0 0 var(--kibelia-base-gap-medium); }
.kibelia-subtitle { font-size: var(--kibelia-base-subtitle-size); color: var(--kibelia-base-base-text); line-height: var(--kibelia-base-body-line-height, 1.6); margin: 0 0 var(--kibelia-base-gap-medium); }
.kibelia-text { font-size: var(--kibelia-base-text-size); color: var(--kibelia-base-base-text); line-height: var(--kibelia-base-body-line-height, 1.6); }
.kibelia-small { font-size: var(--kibelia-base-small-size); color: var(--kibelia-base-muted); line-height: 1.5; }
.kibelia-inner .kibelia-card { padding: var(--kibelia-base-card-padding); border: var(--kibelia-base-card-border); border-radius: var(--kibelia-base-card-radius); background: var(--kibelia-section-background); box-shadow: none; min-width: 0; }
.kibelia-card-title { font-family: var(--kibelia-font-heading, var(--kibelia-base-font)); font-size: var(--kibelia-base-h3-size, 22px); line-height: var(--kibelia-base-h3-line-height, 1.25); color: var(--kibelia-heading-color); margin: 0 0 var(--kibelia-base-gap-small); font-weight: 600; }
.kibelia-grid-2, .kibelia-grid-3 { display: grid; gap: var(--kibelia-base-gap-medium); }
.kibelia-grid-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.kibelia-grid-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.kibelia-divider { border: 0; border-top: 1px solid var(--kibelia-base-line); margin-block: var(--kibelia-base-gap-medium); }
.kibelia-stack { display: flex; flex-direction: column; gap: var(--kibelia-base-gap-medium); }
.kibelia-stack > * { margin-block: 0; }
.kibelia-text-center { text-align: center; }
.kibelia-text-left { text-align: left; }
@media (max-width: 800px) {
 .kibelia-section:has(> .kibelia-inner) { padding-top: min(var(--kibelia-base-section-padding-top), 40px); padding-bottom: min(var(--kibelia-base-section-padding-bottom), 40px); padding-inline: min(var(--kibelia-base-section-padding-x), 16px); }
 .kibelia-title { font-size: min(var(--kibelia-base-title-size), var(--kibelia-base-h1-size-mobile, 32px)); }
 .kibelia-subtitle { font-size: min(var(--kibelia-base-subtitle-size), var(--kibelia-base-body-size-mobile, 16px)); }
 .kibelia-grid-2, .kibelia-grid-3 { grid-template-columns: minmax(0, 1fr); }
}

.kibelia-inner .kibelia-card--soft { background: var(--kibelia-section-background-soft); }

/* Opt-in cards: existing page markup and legacy classes remain unchanged. */
.kibelia-card { box-sizing: border-box; position: relative; min-width: 0; max-width: 100%; overflow-wrap: anywhere; }
.kibelia-card-grid, .kibelia-card-grid-1, .kibelia-card-grid-2, .kibelia-card-grid-2-1, .kibelia-card-grid-1-2, .kibelia-card-grid-3, .kibelia-card-grid-4 {
 display: grid; grid-template-columns: minmax(0, 1fr);
 gap: var(--kibelia-card-gap, var(--kibelia-base-gap-medium, 24px)); align-items: stretch;
}
.kibelia-card-grid-1 { grid-template-columns: minmax(0, 1fr); }
.kibelia-card-grid-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.kibelia-card-grid-2-1 { grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); }
.kibelia-card-grid-1-2 { grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); }
.kibelia-card-grid-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.kibelia-card-grid-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.kibelia-card-grid > *, .kibelia-card-grid-1 > *, .kibelia-card-grid-2 > *, .kibelia-card-grid-2-1 > *, .kibelia-card-grid-1-2 > *, .kibelia-card-grid-3 > *, .kibelia-card-grid-4 > * { min-width: 0; }
.kibelia-card-flex { display: flex; flex-direction: column; }
.kibelia-card-flex > :is(.button, .kibelia-button, .wp-block-button__link, .wp-block-button, .wp-block-buttons, .kibelia-card-actions, button[type="submit"], input[type="submit"]):last-child {
 margin-top: auto; align-self: flex-start;
}
@media (max-width: 900px) {
 .kibelia-card-grid-3, .kibelia-card-grid-4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 600px) {
 .kibelia-card-grid-2, .kibelia-card-grid-2-1, .kibelia-card-grid-1-2, .kibelia-card-grid-3, .kibelia-card-grid-4 { grid-template-columns: minmax(0, 1fr); }

}

@media (max-width: 700px) {
 .kibelia-card-title { font-size: var(--kibelia-base-h3-size-mobile, 21px); }
 .kibelia-text { font-size: min(var(--kibelia-base-text-size), var(--kibelia-base-body-size-mobile, 16px)); }
}

/* Adjacent card/grid blocks share the grid gap; grid children and card contents are excluded. */
:where(:not(.kibelia-card-grid, .kibelia-card-grid-1, .kibelia-card-grid-2, .kibelia-card-grid-2-1, .kibelia-card-grid-1-2, .kibelia-card-grid-3, .kibelia-card-grid-4, .kibelia-grid-2, .kibelia-grid-3, .kibelia-stack, .is-layout-grid, .is-layout-flex)):not(:where(.kibelia-card, .kibelia-card-block, .kibelia-card-topline, .kibelia-card-block-icon, .kibelia-card-media, .kibelia-card)):not(:where(.kibelia-card, .kibelia-card-block, .kibelia-card-topline, .kibelia-card-block-icon, .kibelia-card-media, .kibelia-card) *) > :is(.kibelia-card-block, .kibelia-card-topline, .kibelia-card-block-icon, .kibelia-card-media, .kibelia-card, .kibelia-card-grid) + :is(.kibelia-card-block, .kibelia-card-topline, .kibelia-card-block-icon, .kibelia-card-media, .kibelia-card, .kibelia-card-grid) {
 margin-top: var(--kibelia-card-gap, var(--kibelia-base-gap-medium, 24px));
}

/* Grid gap supplies all spacing between direct card items, including intro/final cards. */
:is(.kibelia-card-grid, .kibelia-card-grid-1, .kibelia-card-grid-2, .kibelia-card-grid-2-1, .kibelia-card-grid-1-2, .kibelia-card-grid-3, .kibelia-card-grid-4) > :is(.kibelia-card, .kibelia-card-block, .kibelia-card-topline, .kibelia-card-block-icon, .kibelia-card-media, .kibelia-card-grid) {
 margin-block: 0;
}