/* V36: use the same editorial content width as the other homepage sections. */
html body #approach.approach>.shell{
  box-sizing:border-box!important;
  width:90%!important;max-width:none!important;
  margin:0 auto!important;padding:0!important;
}
html body #approach.approach{padding-block:clamp(60px,6vw,110px)!important}
html body #approach .v36-approach-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(26px,5vw,100px);margin:clamp(28px,3vw,60px) 0}
html body #approach .v36-approach-intro h2{margin:12px 0;font-size:clamp(34px,4vw,64px)!important}
html body #approach .v36-approach-lead p{font-size:clamp(15px,1.2vw,19px);line-height:1.7;color:#bfc3c7}
html body #approach .v36-approach-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,2.8vw,46px);width:100%}
html body #approach .v36-approach-grid article{min-width:0;border-top:1px solid #3a4147;padding-top:16px}
html body #approach .v36-approach-grid h3{font-size:clamp(20px,2vw,30px)!important}
html body #approach .v36-approach-note{font-size:12px;color:#899098;margin-top:30px}
html body .v36-estimator-form{min-width:0}
html body .v36-estimator-inputs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
html body .v36-estimator-form .v34-calc-field{margin-bottom:16px}
html body .v36-estimator-form input,html body .v36-estimator-form select{width:100%;min-width:0}
html body .v36-estimator-form label{display:block;margin-bottom:7px}
html body .v36-estimator-form .v36-check{display:flex;align-items:center;gap:10px;margin:12px 0}
html body .v36-estimator-form .v36-check input{width:18px;height:18px;flex:0 0 18px}
html body .v36-preview{display:flex;flex-direction:column;gap:4px;padding:20px;margin:16px 0;background:#1b2228;border:1px solid #58626b}
html body .v36-preview>span{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#bdc4ca}
html body .v36-preview strong{font-size:clamp(30px,3vw,48px);line-height:1.2;color:#fff}
html body .v36-preview small{color:#b4bbc1}
html body .v36-rate-note{font-size:13px;line-height:1.6;color:#b9c0c7;border-left:2px solid #707980;padding-left:14px}
html body .v36-item{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;padding:14px 0;border-bottom:1px solid #353c42}
html body .v36-item strong,html body .v36-item small{display:block}
html body .v36-item strong{font-size:13px;color:#f4f5f5}
html body .v36-item small{font-size:12px;color:#b5bbc0;margin-top:6px}
html body .v36-item-actions{display:flex;gap:6px;flex-wrap:wrap}
html body .v36-item-actions button{padding:5px 8px;min-height:28px;font-size:11px;border:1px solid #69737b;background:#171b1f;color:#fff;cursor:pointer}
html body .v36-item-actions button:hover{background:#303840}
html body .v36-summary{min-width:0}
html body .v36-summary .v34-total strong{overflow-wrap:anywhere}
@media(max-width:800px){html body #approach .v36-approach-intro{grid-template-columns:1fr}html body #approach .v36-approach-grid{grid-template-columns:1fr}}
@media(max-width:550px){html body .v36-estimator-inputs{grid-template-columns:1fr}html body .v36-item{flex-direction:column}}
