/* ST-VALUES-01. C/cards is the owner-selected default; A/rows and B/columns are retained. */
.st-values{background:var(--mk-soft);padding-block:96px}
.st-values__intro h2{font-size:clamp(38px,3.65vw,52px);line-height:1.08;margin:22px 0 26px;max-width:530px;text-wrap:balance}
.st-values__intro .eyebrow{font-size:15px;color:var(--mk-muted);font-weight:500}
.st-values__description{font-size:21px;line-height:1.5;color:var(--mk-muted);max-width:480px;text-wrap:pretty}
.st-values__item h3{font-size:28px;line-height:1.15;margin-bottom:14px}
.st-values__item p{font-size:17px;line-height:1.6;color:var(--mk-muted);text-wrap:pretty}
/* A: an introduction beside a single, ruled reading column. */
.st-values--rows .st-values__layout{display:grid;grid-template-columns:1fr 1.13fr;gap:clamp(48px,7vw,108px);align-items:start}
.st-values--rows .st-values__intro{padding-top:6px}
.st-values--rows .st-values__list{border-top:1px solid var(--mk-line)}
.st-values--rows .st-values__item{padding:30px 0 32px;border-bottom:1px solid var(--mk-line)}
.st-values--rows .st-values__item p{max-width:550px}
/* B: one centered introduction, followed by three separated columns. */
.st-values--columns .st-values__intro{text-align:center;max-width:760px;margin:0 auto 58px}
.st-values--columns .st-values__intro h2{max-width:none}
.st-values--columns .st-values__description{max-width:620px;margin-inline:auto}
.st-values--columns .st-values__list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--mk-line);padding-top:36px}
.st-values--columns .st-values__item{padding-inline:36px}
.st-values--columns .st-values__item:first-child{padding-left:0}
.st-values--columns .st-values__item:last-child{padding-right:0}
.st-values--columns .st-values__item+.st-values__item{border-left:1px solid var(--mk-line)}
/* C: grouped introduction, then quiet solid cards. No decorative icons. */
.st-values--cards .st-values__intro{max-width:780px;margin-bottom:48px}
.st-values--cards .st-values__intro h2{max-width:780px}
.st-values--cards .st-values__description{max-width:650px}
.st-values--cards .st-values__list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.st-values--cards .st-values__item{background:var(--mk-paper);border-radius:20px;padding:32px}
.st-values--cards .st-values__item h3{max-width:270px;margin-bottom:28px}
@media(min-width:768px) and (max-width:1050px){
 .st-values--rows .st-values__layout{grid-template-columns:.92fr 1fr;gap:40px}
 .st-values--rows .st-values__description{font-size:19px}
 .st-values__item h3{font-size:25px}
 .st-values--columns .st-values__item{padding-inline:24px}
 .st-values--cards .st-values__list{gap:14px}
 .st-values--cards .st-values__item{padding:24px}
 .st-values--columns .st-values__item h3,.st-values--cards .st-values__item h3{min-height:2.3em}
 .st-values--cards .st-values__list--multiple{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
 .st-values--cards .st-values__list--multiple .st-values__item h3{min-height:0}
}
@media(max-width:767px){
 .st-values{padding-block:60px}
 .st-values__intro h2{font-size:38px;margin:18px 0 24px;text-wrap:initial}
 .st-values__description{font-size:20px}
 .st-values__item h3{font-size:26px}
 .st-values--rows .st-values__layout{display:block}
 .st-values--rows .st-values__intro{padding:0;margin-bottom:36px}
 .st-values--rows .st-values__item{padding:26px 0}
 .st-values--columns .st-values__intro{text-align:left;margin-bottom:36px}
 .st-values--columns .st-values__list{display:block;padding-top:0}
 .st-values--columns .st-values__item{padding:26px 0;border-bottom:1px solid var(--mk-line)}
 .st-values--columns .st-values__item+.st-values__item{border-left:0}
 .st-values--cards .st-values__intro{margin-bottom:32px}
 .st-values--cards:has(.st-values__list--multiple) .st-values__intro h2{font-size:clamp(28px,8.5vw,38px)}
 .st-values--cards .st-values__list{grid-template-columns:1fr;gap:16px}
 .st-values--cards .st-values__item{padding:28px}
 .st-values--cards .st-values__item h3{margin-bottom:16px;max-width:none}
}