/* Milan's Roofing V22 — cohesive homeowner refinement, appended after legacy CSS */
:root{--mr-ink:#18231d;--mr-cream:#f6f3ec;--mr-accent:#bd602d;--mr-line:#ded9ce}
html{scroll-padding-top:112px}
:is(a,button,input,textarea,select,summary):focus-visible{outline:3px solid #d78452!important;outline-offset:3px}
:is(.btn,.nav-cta,.service-tab,.system-card,.selector-card,.metal-link-primary,.metal-next-links a,.estimate-v21-nav button,a[class*="cta"]){border-radius:12px!important;transition:background .2s,transform .2s,box-shadow .2s,border-color .2s!important}
:is(.btn,.nav-cta,.metal-link-primary,.estimate-v21-nav button){font-weight:800!important;letter-spacing:.05em!important;font-size:12px!important;min-height:46px}
:is(.btn.accent,.nav-cta,.estimate-v21-nav .primary){background:#bd602d!important;border-color:#bd602d!important;color:#fff!important}
:is(.btn.accent,.nav-cta,.estimate-v21-nav .primary):hover{background:#9e4d24!important}
:is(.btn,.nav-cta,a[class*="cta"]):hover{transform:translateY(-2px);box-shadow:0 12px 25px #151d171c}
.service-explorer{background:#f2efe8!important}.service-explorer .service-tab{border-radius:12px!important}
.system-card{overflow:hidden!important;background:#fff!important;box-shadow:0 10px 30px #17201510}
.system-card:hover{transform:translateY(-4px)}
.selector-card{overflow:hidden!important}
/* Bright, spacious estimate wizard */
.estimate-v21-section{background:#f7f5ef!important}
.estimate-v21-shell{background:#fff!important;border-radius:22px!important;border:1px solid #ded9d0!important;box-shadow:0 18px 55px #1b231518!important}
.estimate-v21-aside{background:#e9e5db!important;color:#202922!important;min-height:0!important}
.estimate-v21-aside:after{color:#1c292109!important}
.estimate-v21-aside .eyebrow{color:#9e4d24!important}
.estimate-v21-aside h2{color:#202922!important;font-size:clamp(32px,3.3vw,50px)!important;line-height:1.13!important}
.estimate-v21-aside>div>p{color:#5d665e!important;font-size:14px!important}
.estimate-v21-aside :is(strong,b,dt,dd,span){color:#28332a!important}
.estimate-v21-summary{background:#fff9!important;border-color:#dbd4c7!important;color:#273128!important;border-radius:15px!important}
.estimate-v21-direct a{color:#9d4c25!important}
.estimate-v21-card{background:#fff!important;color:#1d2921!important}
.estimate-v21-card-head{background:#fff!important;border-color:#eae5da!important}
.estimate-v21-progress{background:#faf8f3!important}
.estimate-v21-progress button{border-radius:8px!important;min-width:0!important;color:#586359!important}
.estimate-v21-progress button.active{background:#f3e7d9!important;color:#9e4d24!important}
.estimate-v21-step h3{color:#1b261e!important;font-size:clamp(28px,3vw,44px)!important;line-height:1.15!important}
.estimate-v21-kicker{color:#b05a2e!important;font-size:11px!important}
.estimate-v21-lead{font-size:14px!important;line-height:1.7!important;color:#616a62!important}
.estimate-v21-choice{background:#fbfaf7!important;border:1px solid #dfdbd1!important;border-radius:13px!important;padding:20px!important;min-height:108px!important}
.estimate-v21-choice b{font-size:15px!important}.estimate-v21-choice span{font-size:12px!important;line-height:1.6!important;color:#667067!important}
.estimate-v21-choice.selected{background:#fff2e6!important;border:2px solid #b65a2e!important;box-shadow:0 0 0 3px #b85b2d14!important}
.estimate-v21-chip{border-radius:999px!important;font-size:12px!important;padding:10px 15px!important}
.estimate-v21-step :is(input,textarea,select){background:#fcfbf8!important;border:1px solid #d7d7cf!important;border-radius:10px!important;color:#18231c!important;font-size:16px!important}
.estimate-v21-step :is(input,textarea,select):focus{outline:2px solid #d28a60!important;outline-offset:1px}
.estimate-v21-nav{background:#fff!important;gap:12px!important}.estimate-v21-nav button{padding:12px 18px!important}
.estimate-v21-nav button[data-estimate-back]{background:#fff!important;color:#253028!important}
.estimate-v21-error{font-size:12px!important;color:#9d392c!important}
.estimate-v21-note,.estimate-v21-privacy{border-radius:14px!important}
/* Metal system decision table */
.mr-compare{padding:85px 0;background:#fff;color:#17231a}
.mr-compare .mr-label,.mr-guide .mr-label{font-size:11px;letter-spacing:.13em;font-weight:800;text-transform:uppercase;color:#ac592d}
.mr-compare h2,.mr-guide h2{font:800 clamp(30px,3.6vw,48px)/1.15 Manrope,Arial,sans-serif;letter-spacing:-.045em;margin:12px 0 14px}
.mr-compare p{max-width:780px;color:#616a63;line-height:1.65;font-size:15px}
.mr-table{margin-top:30px;overflow-x:auto;border-radius:15px;border:1px solid #e3ddd3;box-shadow:0 10px 25px #1b25130d}
.mr-table table{border-collapse:collapse;width:100%;min-width:680px;text-align:left}
.mr-table th{background:#223028;color:#fff;font-size:12px;letter-spacing:.06em;text-transform:uppercase}
.mr-table td,.mr-table th{padding:17px 20px;border-bottom:1px solid #e7e2da;vertical-align:top;font-size:14px;line-height:1.5}
.mr-table tr:nth-child(even){background:#faf8f4}.mr-table td:first-child{font-weight:800;color:#1e2922}.mr-table a{color:#a34e25;font-weight:800;text-decoration:underline;text-underline-offset:3px}
.mr-guide{padding:75px 0;background:#203025;color:#fff}.mr-guide h2{max-width:900px;color:#fff}
.mr-guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:30px}
.mr-guide-grid a{background:#f8f7f2;border-radius:16px;padding:26px;display:flex;flex-direction:column;gap:15px;color:#203025;transition:.22s}
.mr-guide-grid a:hover{transform:translateY(-3px);box-shadow:0 14px 33px #0003}
.mr-guide-grid strong{font-size:19px;line-height:1.2}.mr-guide-grid span{font-size:13px;line-height:1.55;color:#637065}.mr-guide-grid em{font-style:normal;margin-top:auto;color:#b45a2c;font-weight:800;font-size:12px}
@media(max-width:980px){.estimate-v21-aside{padding:27px!important}.mr-guide-grid{grid-template-columns:1fr}}
@media(max-width:650px){.estimate-v21-shell{border-radius:14px!important}.estimate-v21-aside h2{font-size:31px!important}.estimate-v21-card{min-width:0}.estimate-v21-choice{min-height:auto!important}.mr-compare{padding:52px 0}.mr-guide{padding:55px 0}.mr-table :is(td,th){padding:13px}.mr-guide-grid a{padding:20px}}
@media(prefers-reduced-motion:reduce){.mr-guide-grid a,.estimate-v21-choice{transition:none!important}}