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

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