/* layout 22 — calm editor tools grid */
:root {
  --wps-brand: #4d7c0f;
  --wps-accent: #84cc16;
  --wps-bg: #f7fee7;
  --wps-bg2: #ecfccb;
  --wps-radius: 12px;
  --wps-section-pad: 72px;
}
body.wps-l22 { background: #f7fee7; }
body.wps-l22 .kso-section { padding-top: var(--wps-section-pad); padding-bottom: calc(var(--wps-section-pad) - 8px); }
body.wps-l22 .kso-btn--primary { background: #4d7c0f !important; border-radius: 10px !important; }
body.wps-l22 .accent { color: #65a30d !important; }
body.wps-l22 .kso-eyebrow { border-color: #4d7c0f33 !important; color: #3f6212 !important; }
body.wps-l22 .kso-hero__inner { flex-direction: column !important; align-items: stretch !important; max-width: 920px; margin: 0 auto; }
body.wps-l22 .kso-hero__chips { display: grid !important; grid-template-columns: repeat(4, 1fr) !important; gap: 12px !important; }
body.wps-l22 .kso-bento__grid { grid-template-columns: repeat(2, 1fr) !important; gap: 16px !important; }
body.wps-l22 .kso-tile--feature { grid-column: span 2 !important; }
body.wps-l22 .kso-faq__grid { grid-template-columns: 1fr 1fr !important; gap: 12px !important; }
body.wps-l22 .kso-tile { border-radius: var(--wps-radius) !important; box-shadow: none !important; border: 1px solid #d9f99d; }