﻿.container{max-width:1440px;margin:0 auto;padding-inline:var(--page-pad)}
.section{padding-block:var(--space-11) 0}
.section--tight{padding-block:var(--space-9) 0}
.section--last{padding-bottom:var(--space-11)}

.grid{display:grid;gap:var(--gutter)}
.grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.grid--6{grid-template-columns:repeat(6,minmax(0,1fr))}
.grid--split{grid-template-columns:1fr 1.15fr;gap:56px;align-items:start}
.grid--split-c{grid-template-columns:1fr 1.05fr;gap:64px;align-items:center}

.stack{display:flex;flex-direction:column}
.row{display:flex;align-items:center}
.row--between{justify-content:space-between}
.row--wrap{flex-wrap:wrap}

.prose-col{max-width:720px;margin-inline:auto}
.prose-wide{max-width:980px;margin-inline:auto}

.sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-7);margin-bottom:var(--space-7)}

@media (max-width:1023px){
  :root{--page-pad:32px}
  .grid--4,.grid--6{grid-template-columns:repeat(2,minmax(0,1fr))}
  .grid--3{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:767px){
  :root{--page-pad:20px}
  .grid--2,.grid--3,.grid--4,.grid--6,.grid--split,.grid--split-c{grid-template-columns:minmax(0,1fr)}
  .grid--split,.grid--split-c{gap:32px}
  .sec-head{flex-direction:column;align-items:flex-start;gap:var(--space-3)}
}
