/* Scoped styles: does not modify Avada or the existing cost calculator */
.di-compare{--di-navy:#122330;--di-gold:#c79a45;--di-border:#e3e8ee;font-family:inherit!important;background:#fff;color:var(--di-navy);border:1px solid var(--di-border);border-radius:15px;padding:18px;max-width:1300px;margin:15px auto;box-sizing:border-box;container-type:inline-size}
.di-compare *{box-sizing:border-box}.di-compare button,.di-compare input{font-family:inherit!important}.di-compare__top{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:17px}.di-compare__intro{min-width:0;flex:1}.di-compare__eyebrow{font-size:11px;font-weight:750;letter-spacing:1.5px;color:#ab8035}.di-compare__intro h2{font-size:clamp(21px,2.2vw,32px)!important;line-height:1.2!important;margin:5px 0 7px!important;color:var(--di-navy)!important}.di-compare__intro p{color:#5c6c7d;font-size:13px!important;line-height:1.5;margin:0!important}.di-compare__size-box{border:1px solid #eadbc4;border-radius:10px;padding:12px 13px;background:#fdfaf6;flex:0 1 480px}.di-compare__size-box>label{font-weight:750;font-size:13px;display:block;margin-bottom:9px;color:var(--di-navy)}.di-compare__size-row{display:flex;align-items:center;gap:10px}.di-compare__number-wrap{display:flex;align-items:center;flex:0 1 150px;min-width:100px;background:#fff;border:1px solid #d3dce5;border-radius:7px;padding:0 8px}.di-compare__number-wrap input{width:100%;min-width:0;height:36px!important;border:0!important;background:transparent!important;color:#122330!important;font-size:18px!important;font-weight:700!important;box-shadow:none!important;padding:4px 1px!important}.di-compare__number-wrap span{white-space:nowrap;color:#65748b;font-size:11px}.di-compare__quick{display:flex;gap:6px;flex:1}.di-compare__quick button{flex:1;min-width:40px;min-height:35px!important;padding:6px 5px!important;background:#fff!important;color:var(--di-navy)!important;border:1px solid #d3dce5!important;border-radius:7px!important;box-shadow:none!important;font-size:12px!important;font-weight:700!important;cursor:pointer}.di-compare__quick button.is-active{background:var(--di-navy)!important;color:#fff!important;border-color:var(--di-navy)!important}.di-compare__filters{display:flex;gap:7px;background:#f2f4f7;padding:6px;border-radius:9px;margin-bottom:11px}.di-compare__filters button{background:transparent!important;color:#253849!important;border:0!important;border-radius:7px!important;padding:9px 13px!important;font-size:13px!important;font-weight:650!important;min-height:38px!important;box-shadow:none!important;cursor:pointer}.di-compare__filters button.is-active{background:#c79a45!important;color:#fff!important}.di-compare__table-wrap{overflow-x:auto;border:1px solid var(--di-border);border-radius:10px;background:#fff}.di-compare__table{width:100%;border-collapse:collapse!important;border-spacing:0!important;min-width:560px;margin:0!important;table-layout:auto!important;background:white!important}.di-compare__table th,.di-compare__table td{padding:13px 15px!important;border:0!important;border-bottom:1px solid #e9edf2!important;vertical-align:middle!important;background:#fff!important;color:#142733!important;font-size:13px!important;text-align:left!important;line-height:1.4!important}.di-compare__table thead th{background:#122330!important;color:#eac177!important;font-weight:750!important;font-size:13px!important;white-space:nowrap}.di-compare__table thead th small{font-weight:500;font-size:10px;color:#ead5ab}.di-compare__table tbody tr:last-child>*{border-bottom:0!important}.di-compare__table tbody tr:hover>*{background:#fbfaf7!important}.di-compare__table tbody th{min-width:172px;font-weight:700!important}.di-compare__project-link{color:#075bb0!important;text-decoration:underline!important;text-underline-offset:2px;font-weight:750!important}.di-compare__project-link span{text-decoration:none}.di-compare__number,.di-compare__land-price{white-space:nowrap;font-variant-numeric:tabular-nums}.di-compare__land-price{font-weight:800!important;font-size:15px!important;color:#122330!important}.di-compare__type{display:inline-block;padding:5px 8px;border-radius:7px;font-weight:650;font-size:11px;white-space:nowrap}.di-compare__type--residential{background:#eaf6ee;color:#16653b}.di-compare__type--industrial{background:#f0edfa;color:#483585}.di-compare__footer{display:flex;justify-content:space-between;gap:15px;align-items:center;padding-top:13px}.di-compare__footer p{font-size:11px!important;color:#64748b!important;line-height:1.5;margin:0!important;max-width:850px}.di-compare__footer p strong{color:#122330}.di-compare__cta{flex-shrink:0;display:inline-flex;align-items:center;gap:7px;padding:8px 11px!important;background:#fff!important;color:#122330!important;border:1px solid #c79a45!important;border-radius:7px!important;text-decoration:none!important;font-weight:700!important;font-size:11px!important}.di-compare__empty{padding:25px;font-size:13px}.di-compare button:focus-visible,.di-compare a:focus-visible,.di-compare input:focus-visible{outline:2px solid #bd8c3b!important;outline-offset:2px}
@container (max-width:860px){.di-compare__top{flex-direction:column;align-items:stretch}.di-compare__size-box{flex-basis:auto}.di-compare__footer{flex-direction:column;align-items:flex-start}}
@container (max-width:540px){.di-compare{padding:10px}.di-compare__size-row{flex-direction:column;align-items:stretch}.di-compare__number-wrap{flex:1}.di-compare__filters{overflow-x:auto}.di-compare__filters button{white-space:nowrap;font-size:11px!important;padding:8px!important}.di-compare__table th,.di-compare__table td{padding:10px!important;font-size:12px!important}.di-compare__intro h2{font-size:23px!important}}

/* v2.0: tighter quick-size choices */
.di-compare__quick button{min-width:43px!important;padding:7px 9px!important;font-size:11px!important;}
.di-compare__size-row{gap:8px!important;}

/* v2.2: Five-column comparison with editable project locations */
.di-compare .di-compare__table{min-width:690px!important}
.di-compare .di-compare__table .di-compare__location{min-width:110px;max-width:180px;white-space:normal!important;color:#516171!important;font-weight:500!important}
.di-compare .di-compare__table thead th:nth-child(3){min-width:112px}
@media(max-width:740px){.di-compare .di-compare__table{min-width:660px!important}}
