.dwl-cost-guide-tool,.dwl-size-calculator{font-family:inherit;color:var(--dwl-ui-ink,#102238)}
.dwl-cost-review{display:inline-flex;gap:7px;margin:0 0 20px;padding:10px 14px;border:1px solid #cfe4da;border-radius:999px;background:#edf8f3;color:#165f49;font-size:14px}
.dwl-cost-table-wrap{overflow-x:auto;border:1px solid #dbe3e7;border-radius:18px;background:#fff;box-shadow:0 12px 35px rgba(15,34,55,.07)}
.dwl-cost-table{width:100%;min-width:760px;border-collapse:collapse;font-size:15px}
.dwl-cost-table th,.dwl-cost-table td{padding:15px 16px;border-bottom:1px solid #e4eaed;text-align:left;vertical-align:top}
.dwl-cost-table thead th{background:#102e3d;color:#fff;font-size:13px;text-transform:uppercase;letter-spacing:.04em}
.dwl-cost-table tbody th{color:#102238;font-weight:800}
.dwl-cost-table tbody tr:last-child th,.dwl-cost-table tbody tr:last-child td{border-bottom:0}
.dwl-cost-methodology{margin-top:22px;padding:24px;border:1px solid #dbe3e7;border-radius:18px;background:#f6f8f8}
.dwl-cost-methodology h2{margin:0 0 10px;font-size:22px}.dwl-cost-methodology p{margin:8px 0}
.dwl-size-calculator{padding:26px;border:1px solid #dbe3e7;border-radius:20px;background:#fff;box-shadow:0 12px 35px rgba(15,34,55,.08)}
.dwl-size-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.dwl-size-fields label{display:grid;gap:7px;font-weight:800}.dwl-size-fields input{width:100%;min-height:52px;padding:12px 14px;border:1px solid #c9d5da;border-radius:13px;font:inherit}
.dwl-size-calculator button{margin-top:18px;padding:13px 19px;border:0;border-radius:12px;background:#087a55;color:#fff;font:inherit;font-weight:800;cursor:pointer}
.dwl-size-result{display:grid;gap:3px;margin-top:20px;padding:20px;border-radius:16px;background:#edf8f3}.dwl-size-result span,.dwl-size-result small{color:#526779}.dwl-size-result strong{font-size:34px;line-height:1.1;color:#087a55}
@media(max-width:620px){.dwl-size-fields{grid-template-columns:1fr}.dwl-size-calculator{padding:19px}.dwl-cost-table{font-size:14px}}

/* 0.7.10 resilient guide hub cards */
.dwl-guide-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:22px;
  align-items:stretch;
  margin:28px 0 34px;
}
.dwl-guide-card{
  display:flex;
  min-width:0;
  height:100%;
  flex-direction:column;
  overflow:hidden;
  border:1px solid #d9e4e0;
  border-radius:22px;
  background:#fff;
  color:#102238;
  text-decoration:none;
  box-shadow:0 14px 36px rgba(15,34,55,.08);
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
.dwl-guide-card:hover{
  transform:translateY(-4px);
  border-color:#9fcfbd;
  box-shadow:0 20px 48px rgba(15,34,55,.13);
}
.dwl-guide-card-media{
  display:block;
  width:100%;
  aspect-ratio:16/9;
  overflow:hidden;
  background:#e5eeea;
}
.dwl-guide-card-media img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .25s ease;
}
.dwl-guide-card:hover .dwl-guide-card-media img{transform:scale(1.035)}
.dwl-guide-card-body{
  display:flex;
  flex:1 1 auto;
  min-width:0;
  flex-direction:column;
  padding:24px;
}
.dwl-guide-card-body h2{
  margin:0 0 10px;
  color:#102238;
  font-size:clamp(22px,2vw,27px);
  line-height:1.18;
}
.dwl-guide-card-body p{
  margin:0 0 20px;
  color:#5b6d7b;
  font-size:16px;
  line-height:1.65;
}
.dwl-guide-card-body strong{
  margin-top:auto;
  color:#087a55;
  font-size:15px;
}
@media(max-width:980px){.dwl-guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.dwl-guide-grid{grid-template-columns:1fr;gap:16px}.dwl-guide-card-body{padding:21px}}


/* 0.7.12 coloured guide hub and expanded material guides */
.dwl-guide-grid-coloured{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:24px;
  margin-top:34px;
}
.dwl-guide-grid-coloured .dwl-guide-card{
  position:relative;
  display:block;
  min-height:310px;
  overflow:hidden;
  border:0;
  border-radius:28px;
  color:#fff;
  box-shadow:0 22px 50px rgba(15,50,42,.16);
}
.dwl-guide-grid-coloured .dwl-guide-card:before,
.dwl-guide-grid-coloured .dwl-guide-card:after{
  content:"";
  position:absolute;
  z-index:0;
  border:1px solid rgba(255,255,255,.18);
  border-radius:50%;
  pointer-events:none;
}
.dwl-guide-grid-coloured .dwl-guide-card:before{width:210px;height:210px;right:-82px;top:-74px}
.dwl-guide-grid-coloured .dwl-guide-card:after{width:145px;height:145px;left:-72px;bottom:-82px}
.dwl-guide-grid-coloured .dwl-guide-card:hover{transform:translateY(-5px);box-shadow:0 28px 62px rgba(15,50,42,.22)}
.dwl-guide-grid-coloured .dwl-guide-tone-1{background:linear-gradient(145deg,#075f47,#0a7f59)}
.dwl-guide-grid-coloured .dwl-guide-tone-2{background:linear-gradient(145deg,#174f43,#287a64)}
.dwl-guide-grid-coloured .dwl-guide-tone-3{background:linear-gradient(145deg,#0d6b55,#15936d)}
.dwl-guide-grid-coloured .dwl-guide-tone-4{background:linear-gradient(145deg,#245e4f,#3a886f)}
.dwl-guide-grid-coloured .dwl-guide-tone-5{background:linear-gradient(145deg,#0b5944,#24785e)}
.dwl-guide-grid-coloured .dwl-guide-tone-6{background:linear-gradient(145deg,#176b4f,#33906c)}
.dwl-guide-grid-coloured .dwl-guide-tone-7{background:linear-gradient(145deg,#285b4c,#477f69)}
.dwl-guide-grid-coloured .dwl-guide-tone-8{background:linear-gradient(145deg,#064f3e,#14735a)}
.dwl-guide-grid-coloured .dwl-guide-card-body{
  position:relative;
  z-index:1;
  display:flex;
  min-height:310px;
  flex-direction:column;
  padding:38px 36px 34px;
}
.dwl-guide-card-number{
  display:grid;
  place-items:center;
  width:56px;
  height:46px;
  margin-bottom:42px;
  border:1px solid rgba(255,255,255,.26);
  border-radius:15px;
  background:rgba(255,255,255,.1);
  color:#fff;
  font-size:14px;
  font-weight:850;
  letter-spacing:.08em;
}
.dwl-guide-grid-coloured .dwl-guide-card-body h2{
  margin:0 0 14px;
  color:#fff;
  font-size:clamp(26px,2.2vw,34px);
  line-height:1.08;
  letter-spacing:-.035em;
}
.dwl-guide-grid-coloured .dwl-guide-card-body p{
  margin:0 0 24px;
  color:rgba(255,255,255,.88);
  font-size:16px;
  line-height:1.65;
}
.dwl-guide-grid-coloured .dwl-guide-card-body strong{
  margin-top:auto;
  color:#fff;
  font-size:15px;
}
.dwl-guide-grid-coloured .dwl-guide-card-body strong span{display:inline-block;transition:transform .2s ease}
.dwl-guide-grid-coloured .dwl-guide-card:hover strong span{transform:translateX(4px)}

.dwl-material-guide-hero{
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);
  gap:34px;
  align-items:stretch;
  overflow:hidden;
  margin:30px 0 30px;
  border:1px solid #d8e5df;
  border-radius:28px;
  background:linear-gradient(140deg,#edf8f3,#f9fbfa);
  box-shadow:0 18px 46px rgba(15,34,55,.08);
}
.dwl-material-guide-copy{padding:42px 0 42px 42px}
.dwl-material-guide-copy>span{
  display:inline-block;
  margin-bottom:12px;
  color:#087a55;
  font-size:12px;
  font-weight:850;
  letter-spacing:.11em;
  text-transform:uppercase;
}
.dwl-material-guide-copy h2{margin:0 0 15px!important;font-size:clamp(34px,4vw,54px)!important;line-height:1.02!important;letter-spacing:-.05em!important}
.dwl-material-guide-copy>p{margin:0 0 24px;color:#465e6b;font-size:18px;line-height:1.72}
.dwl-material-highlights{display:grid;gap:11px;margin:0;padding:0;list-style:none}
.dwl-material-highlights li{position:relative;padding-left:29px;color:#173d34;font-weight:750;line-height:1.5}
.dwl-material-highlights li:before{content:"✓";position:absolute;left:0;top:-1px;display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#087a55;color:#fff;font-size:12px}
.dwl-material-guide-image{min-height:440px;background:#dce8e3}
.dwl-material-guide-image img{display:block;width:100%;height:100%;object-fit:cover}
.dwl-material-sections{align-items:start}
.dwl-material-sections .dwl-guide-section{height:100%;padding:30px;border:1px solid #dbe6e1;border-radius:22px;background:#fff;box-shadow:0 12px 34px rgba(15,34,55,.06)}
.dwl-material-sections .dwl-guide-section h2{margin:0 0 14px!important;font-size:25px!important;line-height:1.18!important}
.dwl-material-sections .dwl-guide-section p{margin:0 0 15px;color:#4c6270;font-size:16.5px;line-height:1.75}
.dwl-material-sections .dwl-guide-section p:last-child{margin-bottom:0}
.dwl-material-sections .dwl-guide-section ul{margin:0;padding-left:22px}
.dwl-material-sections .dwl-guide-section li{margin:0 0 9px;color:#344f5e;line-height:1.6}

@media(max-width:1180px){.dwl-guide-grid-coloured{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){
  .dwl-guide-grid-coloured{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dwl-material-guide-hero{grid-template-columns:1fr}
  .dwl-material-guide-copy{padding:34px}
  .dwl-material-guide-image{min-height:340px;order:-1}
}
@media(max-width:620px){
  .dwl-guide-grid-coloured{grid-template-columns:1fr}
  .dwl-guide-grid-coloured .dwl-guide-card,.dwl-guide-grid-coloured .dwl-guide-card-body{min-height:270px}
  .dwl-guide-grid-coloured .dwl-guide-card-body{padding:30px 27px}
  .dwl-guide-card-number{margin-bottom:30px}
  .dwl-material-guide-copy{padding:27px 23px}
  .dwl-material-guide-image{min-height:260px}
  .dwl-material-sections .dwl-guide-section{padding:23px}
}

/* 0.7.15 guide hub: three cards per row, four rows on desktop. */
.dwl-guide-grid-fixed{
  display:flex;
  width:100%;
  margin:34px 0 38px;
  flex-direction:column;
  gap:24px;
}
.dwl-guide-grid-fixed>.dwl-guide-grid-row{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px;
  width:100%;
  align-items:stretch;
}
.dwl-guide-grid-fixed>.dwl-guide-grid-row>.dwl-guide-card{
  position:relative;
  display:flex;
  min-width:0;
  min-height:330px;
  height:100%;
  flex-direction:column;
  overflow:hidden;
}
.dwl-guide-grid-fixed>.dwl-guide-grid-row>.dwl-guide-card>.dwl-guide-card-body{
  display:flex;
  min-width:0;
  min-height:330px;
  height:100%;
  flex:1 1 auto;
  flex-direction:column;
}
.dwl-guide-grid-fixed .dwl-guide-card h2 a{
  color:inherit;
  text-decoration:none;
}
.dwl-guide-grid-fixed .dwl-guide-card h2 a:focus-visible,
.dwl-guide-grid-fixed .dwl-guide-card-link:focus-visible{
  outline:3px solid rgba(255,255,255,.88);
  outline-offset:5px;
  border-radius:5px;
}
.dwl-guide-grid-fixed .dwl-guide-card-link{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-top:auto;
  color:#fff;
  font-size:15px;
  font-weight:800;
  text-decoration:none;
}
.dwl-guide-grid-fixed .dwl-guide-card-link span{transition:transform .2s ease}
.dwl-guide-grid-fixed .dwl-guide-card:hover .dwl-guide-card-link span{transform:translateX(4px)}
@media(max-width:1080px){
  .dwl-guide-grid-fixed>.dwl-guide-grid-row{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:620px){
  .dwl-guide-grid-fixed{gap:18px}
  .dwl-guide-grid-fixed>.dwl-guide-grid-row{grid-template-columns:1fr;gap:18px}
  .dwl-guide-grid-fixed>.dwl-guide-grid-row>.dwl-guide-card,
  .dwl-guide-grid-fixed>.dwl-guide-grid-row>.dwl-guide-card>.dwl-guide-card-body{min-height:275px}
}


/* 0.7.16 hard fix: exactly three guide cards per desktop row. */
.dwl-guide-hub-page .dwl-guide-grid-coloured,
.dwl-guide-hub-page .dwl-guide-grid-fixed{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  grid-auto-flow:row!important;
  gap:24px!important;
  width:100%!important;
  align-items:stretch!important;
}
.dwl-guide-hub-page .dwl-guide-grid-row{display:contents!important}
.dwl-guide-hub-page .dwl-guide-card{width:auto!important;min-width:0!important;height:100%!important}
@media(max-width:980px){
  .dwl-guide-hub-page .dwl-guide-grid-coloured,
  .dwl-guide-hub-page .dwl-guide-grid-fixed{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:620px){
  .dwl-guide-hub-page .dwl-guide-grid-coloured,
  .dwl-guide-hub-page .dwl-guide-grid-fixed{grid-template-columns:1fr!important}
}