/* TEC — Layout. Der Satzspiegel macht die Ränder, die Sektionen sind randlos. */
.wrap{ max-width:var(--max); margin:0 auto; padding:0 24px; }

.section{ padding:80px 0 86px; }
.section.compact{ padding:56px 0 60px; }
.section.tight-top{ padding-top:0; }

.dark{ background:var(--ink); color:var(--on-dark); }
.light{ background:var(--bg); color:var(--text); }
.light-2{ background:var(--bg-2); color:var(--text); }

.center{ text-align:center; }
.divider{ height:1px; background:var(--line-dark); border:0; margin:0; }

/* Spalten */
.cols-2{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:40px; }
.cols-3{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px; }
.cols-4{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:28px; }

/* Zwei ungleiche Spalten: schmale Überschrift links, Inhalt rechts */
.split{ display:flex; gap:72px; }
.split > .side{ flex:0 0 30%; }
.split > .main{ flex:1; min-width:0; }