/* Keep this subpage on the approved landing-page type and spacing scale. */
.trf-commitments-page{overflow-wrap:anywhere}
.commitments-section-copy{max-width:900px}
.commitments-section{padding-bottom:var(--trf-section-space)}
.commitments-section-copy:empty{display:none}
.commitments-section-copy p,.commitment-grid p{font-size:var(--trf-body-size);line-height:1.8}
.commitments-section-copy p+p{margin-top:22px}
.commitment-grid{
 display:grid;
 grid-template-columns:repeat(2,minmax(0,1fr));
 gap:24px;
 margin:36px 0 0;
 padding:0;
 list-style:none;
}
.commitments-section-copy:empty+.commitment-grid{margin-top:0}
.commitment-grid>li{
 min-width:0;
 padding:32px;
 border:1px solid var(--trf-line);
 border-radius:8px;
 background:var(--trf-light);
}
.commitment-card-heading{display:flex;align-items:center;gap:20px;min-height:64px;margin-bottom:22px}
.trf-home main .commitment-title{min-width:0;margin:0;font-size:var(--trf-card-title-size);line-height:1.35;color:var(--trf-ink)}
.commitment-icon{display:block;flex:0 0 64px;width:64px;height:64px;object-fit:contain}
.commitment-video{background:var(--trf-light)}
.commitment-video-frame{
 display:block;
 max-width:900px;
 margin-inline:auto;
 overflow:hidden;
 border:1px solid var(--trf-line);
 border-radius:8px;
 background:var(--trf-white);
 color:var(--trf-ink);
 text-decoration:none;
}
.commitment-video-media{display:grid;place-items:center;position:relative;isolation:isolate;aspect-ratio:16/9;overflow:hidden;background:var(--trf-tint)}
.commitment-video-poster{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain}
.commitment-video-poster[hidden]{display:none}
.commitment-play{z-index:1;display:grid;place-items:center;flex-shrink:0;width:72px;height:72px;border-radius:50%;background:var(--trf-green);color:var(--trf-white);box-shadow:0 3px 18px #0003;transition:background .2s}
.commitment-play img{width:28px;height:28px;filter:brightness(0) invert(1)}
.commitment-video-caption{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;font-size:var(--trf-body-size);font-weight:600;line-height:1.6}
.commitment-video-caption>span{min-width:0}
.commitment-video-caption .icon{flex-shrink:0;width:20px;height:20px;color:var(--trf-green)}
.commitment-video-frame:focus-visible{outline:3px solid var(--trf-green);outline-offset:5px}
.commitment-video-frame:hover .commitment-play,.commitment-video-frame:focus-visible .commitment-play{background:var(--trf-deep)}
@media(max-width:1023px){
 .commitment-grid>li{padding:28px}
 .commitment-card-heading{gap:16px}
}
@media(max-width:760px){
 .commitment-grid{grid-template-columns:minmax(0,1fr);gap:18px;margin-top:28px}
 .commitment-grid>li{padding:24px}
 .commitment-card-heading{min-height:56px;margin-bottom:18px}
 .commitment-icon{flex-basis:56px;width:56px;height:56px}
 .commitment-play{width:56px;height:56px}
 .commitment-play img{width:24px;height:24px}
 .commitment-video-caption{padding:16px 20px}
}
@media(max-width:390px){
 .commitment-grid>li{padding:20px}
 .commitment-card-heading{gap:12px}
 .commitment-icon{flex-basis:48px;width:48px;height:48px}
}
@media(prefers-reduced-motion:reduce){.commitment-play{transition:none}}
@media print{
 .commitment-grid>li{break-inside:avoid}
 .commitment-video-frame{break-inside:avoid}
}