/* diwith — site-wide base rules.
   These 6 rules were byte-identical inside the <style> block of all 12
   pages, so they are declared once here. Page-specific rules live in
   assets/css/pages/<page>.css and always load after this file. */
body{background:var(--surface-page);color:var(--text-primary);margin:0}
.wrap{max-width:1180px;margin:0 auto;padding-inline:24px}
.g3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.lead{font-size:16px;line-height:1.75;color:var(--text-secondary);margin:0}
.lift{transition:transform .2s cubic-bezier(.2,.6,.2,1),box-shadow .2s cubic-bezier(.2,.6,.2,1)}
.only-sm{display:none!important}