body #commitments.agreement-reference{margin:0 0 32px!important;padding:clamp(28px,4vw,64px)!important;border:1px solid #e9e9e9;border-radius:32px;background:#fff;box-shadow:0 12px 50px #203b5107}
.agreement-reference .ar-eyebrow{font-size:clamp(17px,1.4vw,23px);font-style:italic;line-height:1.5;color:#909090;margin:0 0 30px}
.agreement-reference .ar-heading{display:flex;align-items:flex-start;gap:28px;margin-bottom:42px}.agreement-reference .ar-heading:after{content:'';flex:1;min-width:60px;height:1px;background:#a4dbff;margin-top:28px}
body .agreement-reference h2{font-size:clamp(29px,2.8vw,52px);font-weight:800;line-height:1.2;letter-spacing:-.6px;max-width:1000px;text-transform:uppercase}.agreement-reference h2 span{color:#079ff6}
.agreement-reference .ar-layout{display:grid;grid-template-columns:minmax(0,.73fr) minmax(0,1.27fr);gap:clamp(32px,5vw,80px);align-items:center}
.agreement-reference .ar-document{margin:0;min-width:0;text-align:center}.agreement-reference .ar-document button{border:0;padding:0;background:transparent;cursor:zoom-in;display:block;width:100%}.agreement-reference .ar-document img{display:block;width:100%;height:auto;max-height:540px;object-fit:contain;transform:rotate(-4deg);filter:drop-shadow(0 12px 13px #1e354511)}
.agreement-reference .ar-document figcaption{font-size:13px;line-height:1.6;color:#7a8790;margin:22px 0 0}
.agreement-reference .ar-intro{font-size:clamp(19px,1.6vw,26px);line-height:1.5;color:#393f43;margin:0 0 18px}.agreement-reference .ar-explain{font-size:18px;line-height:1.6;color:#7a7a7a;margin:0 0 28px}
.agreement-reference .ar-points{display:grid;grid-template-columns:1fr 1fr;gap:18px}.agreement-reference .ar-point{display:flex;align-items:flex-start;gap:16px;padding:26px 22px;background:#f7f7f7;border-radius:26px;min-width:0}.agreement-reference .ar-icon{width:45px;height:45px;border:1.5px solid #37b2dd;border-radius:50%;display:grid;place-items:center;flex:none;color:#27a9db}.agreement-reference .ar-icon svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.agreement-reference .ar-point h3{font-size:18px;line-height:1.35;margin:0 0 10px;letter-spacing:0;font-weight:750;color:#303030}.agreement-reference .ar-point p{font-size:17px;line-height:1.55;margin:0;color:#454545}.ar-dialog-art{display:block;width:100%;height:auto;max-width:850px;margin:0 auto}
@media(max-width:1050px){.agreement-reference .ar-layout{gap:30px;grid-template-columns:.65fr 1.35fr}.agreement-reference .ar-point{padding:22px 18px;gap:12px}.agreement-reference .ar-icon{width:36px;height:36px}.agreement-reference .ar-point p{font-size:16px}}
@media(max-width:800px){body #commitments.agreement-reference{padding:30px 22px!important;border-radius:24px;margin-bottom:24px!important}.agreement-reference .ar-heading{margin-bottom:28px}.agreement-reference .ar-heading:after{display:none}.agreement-reference .ar-layout{grid-template-columns:1fr}.agreement-reference .ar-document{max-width:300px;margin:auto}.agreement-reference .ar-document img{max-height:350px}.agreement-reference .ar-points{gap:14px}.agreement-reference .ar-point{display:block}.agreement-reference .ar-icon{margin-bottom:14px}.agreement-reference .ar-intro{font-size:21px}.agreement-reference .ar-explain{font-size:17px}}
@media(max-width:450px){.agreement-reference .ar-points{grid-template-columns:1fr}.agreement-reference .ar-point{display:flex}.agreement-reference .ar-icon{margin-bottom:0}.agreement-reference .ar-point h3{font-size:18px}.agreement-reference .ar-point p{font-size:16px}}
/* Correct reference proportions: headline takes the row; rule stays short. */
#commitments.agreement-reference .ar-heading{align-items:flex-start;gap:28px;margin-bottom:48px}
body #commitments.agreement-reference .ar-heading h2{flex:1 1 auto;min-width:0;max-width:none;font-size:clamp(30px,2.65vw,54px);line-height:1.2;letter-spacing:-.025em}
#commitments.agreement-reference .ar-heading:after{flex:0 0 64px;width:64px;min-width:0;margin-top:22px}
#commitments.agreement-reference .ar-layout{grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);align-items:start;gap:clamp(32px,4.5vw,80px)}
#commitments.agreement-reference .ar-document img{max-height:620px;transform:none}
#commitments.agreement-reference .ar-intro{font-size:clamp(22px,1.55vw,30px);line-height:1.5;margin-bottom:18px}
#commitments.agreement-reference .ar-explain{font-size:clamp(18px,1.2vw,24px);line-height:1.6;margin-bottom:30px;color:#72777b}
#commitments.agreement-reference .ar-point{padding:clamp(24px,1.8vw,36px);gap:18px;border-radius:28px;background:#f7f7f7}
#commitments.agreement-reference .ar-point h3{font-size:clamp(20px,1.25vw,26px);line-height:1.35;margin-bottom:10px}
#commitments.agreement-reference .ar-point p{font-size:clamp(18px,1.12vw,23px);line-height:1.5}
#commitments.agreement-reference .ar-icon{width:52px;height:52px;background:#fff;border:1.5px solid #68c8ee;color:#14a4e2}
#commitments.agreement-reference .ar-icon svg{width:29px;height:29px;stroke-width:1.7}
#commitments.agreement-reference .ar-document figcaption{font-size:14px;line-height:1.5}
@media(max-width:1100px){#commitments.agreement-reference .ar-point{display:block}#commitments.agreement-reference .ar-icon{margin-bottom:14px}#commitments.agreement-reference .ar-layout{grid-template-columns:.65fr 1.35fr;gap:28px}}
@media(max-width:800px){#commitments.agreement-reference .ar-layout{grid-template-columns:1fr;gap:32px}#commitments.agreement-reference .ar-heading{margin-bottom:32px}#commitments.agreement-reference .ar-heading:after{display:none}#commitments.agreement-reference .ar-document{max-width:340px}#commitments.agreement-reference .ar-document img{max-height:430px}#commitments.agreement-reference .ar-point{padding:24px}#commitments.agreement-reference .ar-intro{font-size:22px}#commitments.agreement-reference .ar-explain{font-size:18px}}
@media(max-width:450px){#commitments.agreement-reference .ar-point{display:flex}#commitments.agreement-reference .ar-icon{width:44px;height:44px;margin:0}#commitments.agreement-reference .ar-point h3{font-size:20px}#commitments.agreement-reference .ar-point p{font-size:17px}}

#commitments.agreement-reference .ar-document img{transform:rotate(-4deg)}