/* M4S Website V2.2a. All rules are scoped to the module. No global resets. */
.m4s-v22a{--ink:#181b20;--muted:#57606b;--rule:#deddd8;--orange:#d95315;--orange2:#ef7b32;--paper:#fffefa;--soft:#f7f6f3;--warm:#fff5ec;max-width:1232px;margin:0 auto;padding:66px 52px 96px;box-sizing:border-box;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased;background:var(--paper)}
.m4s-v22a *{box-sizing:border-box}
.m4s-v22a .eyebrow{font-size:11px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:#66707b;display:flex;align-items:center;gap:14px}
.m4s-v22a .eyebrow::before{content:"";height:2px;width:44px;background:var(--orange);display:inline-block;flex-shrink:0}
.m4s-v22a #v22a-normal-heading{font-size:clamp(35px,4.3vw,64px);line-height:1.07;letter-spacing:-.04em;margin:27px 0 10px;font-weight:760}
.m4s-v22a .lede{font-size:clamp(17px,1.7vw,22px);line-height:1.5;color:#555b63;margin:0 0 40px;font-weight:410}
.m4s-v22a .comparison{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.m4s-v22a .column-head{display:grid;grid-template-columns:1fr 80px 1fr;align-items:stretch;column-gap:0;margin:0 0 4px}
.m4s-v22a .hdr{padding:20px 25px;font-size:15.2px;letter-spacing:.085em;font-weight:800;text-transform:uppercase}
.m4s-v22a .hdr.left{background:#f4f4f1;color:#373c44;border-top-left-radius:8px;border-bottom-left-radius:8px}
.m4s-v22a .hdr.right{background:var(--warm);color:#a84614;border-top-right-radius:8px;border-bottom-right-radius:8px;border-left:3px solid var(--orange)}
.m4s-v22a .connector{display:flex;align-items:center;justify-content:center;color:var(--orange)}
.m4s-v22a .connector svg{width:64px;height:30px}
.m4s-v22a .pair{display:grid;grid-template-columns:1fr 80px 1fr;gap:0;min-height:123px;border-bottom:1px solid var(--rule)}
.m4s-v22a .pair:last-child{border-bottom:0}
.m4s-v22a .cell{padding:25px 24px 24px 26px;display:flex;align-items:center;gap:19px;min-width:0}
.m4s-v22a .cell.right{background:linear-gradient(110deg,#fff9f4 0%,#fffefa 90%)}
.m4s-v22a .cell .mark{flex:0 0 36px;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:800}
.m4s-v22a .cell.left .mark{background:#f0f0ec;color:#687079}
.m4s-v22a .cell.right .mark{background:#ffeddd;color:#c14c17}
.m4s-v22a .cell p{font-size:clamp(15.5px,1.29vw,18px);line-height:1.46;letter-spacing:-.011em;margin:0}
.m4s-v22a .cell.right p{font-weight:610;color:#22262a}
.m4s-v22a .gap{background:transparent}
.m4s-v22a .ai{margin-top:51px;padding:29px 0 35px;border-top:2px solid #e8e6e0;border-bottom:1px solid var(--rule)}
.m4s-v22a .ai .eyebrow{font-size:10px;color:#8b624c}
.m4s-v22a .ai h3{font-size:clamp(27px,3vw,43px);line-height:1.17;letter-spacing:-.033em;font-weight:730;max-width:1060px;margin:18px 0 13px}
.m4s-v22a .ai h3 span{color:#b84c16}
.m4s-v22a .ai p{font-size:17.5px;line-height:1.6;color:#5c636b;max-width:1030px;margin:0}
.m4s-v22a .research{padding-top:52px}
.m4s-v22a .research h3{font-size:clamp(29px,3vw,43px);letter-spacing:-.035em;line-height:1.15;margin:18px 0 11px}
.m4s-v22a .research>.intro{margin:0 0 26px;color:#5e636b;font-size:17px;line-height:1.55}
.m4s-v22a .evidence-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.m4s-v22a .evidence-card{border:1px solid #e2ded8;background:#fff;border-radius:12px;padding:30px 32px 25px;min-height:292px}
.m4s-v22a .study{font-size:11px;letter-spacing:.15em;font-weight:800;text-transform:uppercase;color:#606771;margin-bottom:15px}
.m4s-v22a .bignum{font-size:clamp(39px,4.2vw,61px);letter-spacing:-.04em;line-height:1.1;color:#d55718;font-weight:790;margin-bottom:10px}
.m4s-v22a .evidence-card .summary{font-size:16px;line-height:1.52;margin:0 0 14px;max-width:460px}
.m4s-v22a .evidence-card a{font-size:12.5px;color:#a94716;text-decoration:underline;text-underline-offset:3px;font-weight:650}
.m4s-v22a .bars{margin:18px 0 15px}
.m4s-v22a .bar-row{display:grid;grid-template-columns:112px 1fr 46px;gap:11px;align-items:center;margin:9px 0;font-size:12.5px;font-weight:650}
.m4s-v22a .track{height:15px;background:#e9e8e4;border-radius:6px;overflow:hidden}
.m4s-v22a .fill{height:100%;border-radius:6px;background:#e76b2a}
.m4s-v22a .fill.low{background:#8a9299}
.m4s-v22a .bar-row .pct{font-size:17px;text-align:right;font-weight:780;font-variant-numeric:tabular-nums}
.m4s-v22a .note{margin:20px 0 0;font-size:12.5px;line-height:1.6;color:#69717a;max-width:1060px}
@media (max-width:800px){
.m4s-v22a .column-head{grid-template-columns:1fr 44px 1fr}
.m4s-v22a .hdr{padding:16px 13px;font-size:11px;line-height:1.35}
.m4s-v22a .pair{grid-template-columns:1fr 44px 1fr}
.m4s-v22a .cell{padding:21px 12px;display:block}
.m4s-v22a .cell .mark{margin-bottom:11px}
.m4s-v22a .cell p{font-size:14.5px}
.m4s-v22a .evidence-grid{grid-template-columns:1fr}
.m4s-v22a .ai p{font-size:16px}
.m4s-v22a .ai{margin-top:34px}
}
@media (max-width:600px){
.m4s-v22a #v22a-normal-heading{font-size:40px}
.m4s-v22a .lede{font-size:17px;margin-bottom:29px}
.m4s-v22a .column-head{grid-template-columns:1fr 34px 1fr}
.m4s-v22a .hdr{font-size:10px;padding:12px 10px}
.m4s-v22a .connector svg{width:27px}
.m4s-v22a .pair{grid-template-columns:1fr;gap:0;border-bottom:1px solid #d2d1cd;min-height:0;position:relative}
.m4s-v22a .cell{padding:16px 17px;display:flex;align-items:flex-start;gap:13px}
.m4s-v22a .cell .mark{width:27px;height:27px;flex-basis:27px;font-size:10px;margin:1px 0 0}
.m4s-v22a .cell p{font-size:15px;line-height:1.42}
.m4s-v22a .cell.left{background:#f7f7f4}
.m4s-v22a .cell.right{background:#fff7f0;border-left:3px solid var(--orange)}
.m4s-v22a .cell.right p{font-weight:640}
.m4s-v22a .gap{display:none}
.m4s-v22a .ai{padding-top:23px;margin-top:34px}
.m4s-v22a .ai h3{font-size:30px}
.m4s-v22a .evidence-card{padding:22px 21px;min-height:0}
.m4s-v22a .bar-row{grid-template-columns:99px 1fr 41px;gap:7px}
.m4s-v22a .research{padding-top:36px}
}
@media print{
.m4s-v22a a{color:inherit}
}
.m4s-v22a .evidence-grid{gap:20px;align-items:stretch}
.m4s-v22a .evidence-card{padding:31px 33px 25px;display:flex;flex-direction:column;min-height:352px}
.m4s-v22a .evidence-card .study{font-size:12px;letter-spacing:.115em;margin-bottom:16px}
.m4s-v22a .metric-label{font-size:17px;line-height:1.35;font-weight:680;min-height:46px;color:#2c3238;max-width:410px}
.m4s-v22a .bignum{font-size:clamp(44px,4.3vw,66px);line-height:1.02;margin:4px 0 14px;font-weight:790}
.m4s-v22a .bignum .unit{display:block;font-size:clamp(20px,2.1vw,25px);line-height:1.18;letter-spacing:-.018em;font-weight:730;margin-top:4px}
.m4s-v22a .delta-chart{padding:0 2px 0;margin:0 0 12px}
.m4s-v22a .delta-label{color:#394049;font-weight:650;font-size:14px;margin-bottom:10px}
.m4s-v22a .delta-bar{height:21px;position:relative;background:#efece8;border-radius:5px;overflow:visible}
.m4s-v22a .delta-fill{height:100%;width:96%;background:linear-gradient(90deg,#f49e67 0%,#d95315 100%);border-radius:5px}
.m4s-v22a .delta-head{position:absolute;left:96%;top:-5px;height:31px;width:3px;background:#b64009;border-radius:2px}
.m4s-v22a .delta-axis{display:flex;justify-content:space-between;gap:10px;font-size:13px;margin-top:8px;color:#56606a;font-variant-numeric:tabular-nums}
.m4s-v22a .delta-axis strong{font-size:14px;color:#ae4511}
.m4s-v22a .evidence-card .summary{font-size:15.5px;line-height:1.47;margin:9px 0 13px}
.m4s-v22a .evidence-footer{margin-top:auto;display:flex;flex-direction:column;gap:9px}
.m4s-v22a .evidence-footer a{font-size:14px}
.m4s-v22a .evidence-footer small{font-size:12px;line-height:1.45;color:#707883}
.m4s-v22a .gallup-card .bars{margin:17px 0 16px}
.m4s-v22a .bar-row{grid-template-columns:121px minmax(40px,1fr) 56px;gap:11px;align-items:center;margin:13px 0}
.m4s-v22a .bar-name{font-size:15px;font-weight:710;white-space:nowrap;color:#31363b}
.m4s-v22a .track{height:19px;border-radius:6px}
.m4s-v22a .bar-row .pct{font-size:21px;font-weight:795}
.m4s-v22a .note{font-size:13.5px;color:#626a72;max-width:none;line-height:1.5;margin-top:18px}
@media (max-width:800px){
.m4s-v22a .hdr{font-size:12px}
.m4s-v22a .evidence-card{min-height:0}
.m4s-v22a .bar-name{font-size:15px}
}
@media (max-width:600px){
.m4s-v22a .delta-axis{font-size:11.5px;gap:4px}
.m4s-v22a .delta-axis strong{font-size:12px}
.m4s-v22a .hdr{font-size:10.5px}
.m4s-v22a .connector svg{width:30px}
.m4s-v22a .evidence-card{padding:24px 21px}
.m4s-v22a .evidence-card .study{font-size:11px}
.m4s-v22a .bar-row{grid-template-columns:109px minmax(30px,1fr) 49px;gap:8px}
.m4s-v22a .bar-name{font-size:14.2px}
.m4s-v22a .bar-row .pct{font-size:19px}
.m4s-v22a .metric-label{font-size:16px;min-height:0}
.m4s-v22a .evidence-card .summary{font-size:15px}
.m4s-v22a .note{font-size:12.7px}
}
@media(max-width:800px){.m4s-v22a{padding:38px 22px 66px}}
@media(max-width:600px){.m4s-v22a{padding:36px 18px 55px}}
@media print{.m4s-v22a{padding:30px;background:white}}
.m4s-v22a #v22a-normal-heading{font-size:clamp(35px,4.3vw,64px);line-height:1.07;letter-spacing:-.04em;margin:27px 0 10px;font-weight:760}
@media(max-width:600px){.m4s-v22a #v22a-normal-heading{font-size:40px}}