.wfd-main{
  width:min(1180px,calc(100% - 28px));
  margin:0 auto;
  padding:18px 0 58px;
  color:#2c393e
}
.wfd-breadcrumb{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:7px;
  margin:0 2px 15px;
  color:#849096;
  font-size:11px
}
.wfd-breadcrumb a{color:#65757c;text-decoration:none}
.wfd-breadcrumb b{color:#46565d}
.wfd-hero{
  display:grid;
  grid-template-columns:minmax(0,1fr) 240px;
  gap:16px;
  padding:26px;
  border:1px solid rgba(48,65,71,.11);
  border-radius:22px;
  background:linear-gradient(145deg,#f7f9f9,#edf1f2);
  box-shadow:0 12px 34px rgba(36,50,56,.05)
}
.wfd-eyebrow{
  display:flex;
  align-items:center;
  gap:7px;
  color:#74838a;
  font-size:10px;
  font-weight:800;
  letter-spacing:.095em
}
.wfd-eyebrow i{
  width:7px;height:7px;border-radius:50%;background:#768a91
}
.wfd-hero h1{
  margin:8px 0 9px;
  color:#243238;
  font-size:34px;
  line-height:1.08
}
.wfd-hero h1 span{
  display:block;
  margin-top:5px;
  color:#526269;
  font-size:.67em;
  font-weight:650
}
.wfd-hero p{
  max-width:690px;
  margin:0;
  color:#65757c;
  font-size:14px;
  line-height:1.55
}
.wfd-hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:17px
}
.wfd-hero-actions a{
  display:inline-flex;
  align-items:center;
  min-height:38px;
  box-sizing:border-box;
  padding:0 12px;
  border:1px solid #d1d9dc;
  border-radius:11px;
  background:rgba(255,255,255,.8);
  color:#46575e;
  font-size:12px;
  font-weight:700;
  text-decoration:none
}
.wfd-hero-actions a.primary{
  border-color:#4c5e65;
  background:#45575e;
  color:#fff
}
.wfd-score{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  min-height:175px;
  padding:16px;
  border:1px solid rgba(48,65,71,.1);
  border-radius:18px;
  background:rgba(255,255,255,.72);
  text-align:center
}
.wfd-score>span{
  color:#7a888e;
  font-size:9px;
  font-weight:800;
  letter-spacing:.09em
}
.wfd-score>strong{
  margin:3px 0 -2px;
  color:#33454c;
  font-size:52px;
  line-height:1
}
.wfd-score>small{
  color:#5f7077;
  font-size:12px;
  font-weight:750
}
.wfd-score>em{
  margin-top:10px;
  color:#89959a;
  font-size:10px;
  font-style:normal;
  line-height:1.4
}
.wfd-kpis{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  margin:14px 0
}
.wfd-kpis article{
  padding:14px 15px;
  border:1px solid rgba(48,65,71,.1);
  border-radius:15px;
  background:#fff;
  box-shadow:0 7px 22px rgba(36,50,56,.035)
}
.wfd-kpis small,.wfd-card small{color:#859298;font-size:10px}
.wfd-kpis strong{
  display:block;
  margin:3px 0 2px;
  color:#314148;
  font-size:21px
}
.wfd-kpis em{
  display:block;
  color:#8a969b;
  font-size:10px;
  font-style:normal
}
.wfd-card{
  margin-top:13px;
  border:1px solid rgba(48,65,71,.1);
  border-radius:19px;
  background:#fff;
  box-shadow:0 8px 26px rgba(36,50,56,.04)
}
.wfd-section-head,.wfd-peak>header{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  padding:17px 19px;
  border-bottom:1px solid #edf0f1
}
.wfd-section-head span,.wfd-peak>header span{
  color:#829096;
  font-size:10px;
  font-weight:800;
  letter-spacing:.085em
}
.wfd-section-head h2,.wfd-peak h2{
  margin:4px 0 0;
  color:#2f3e44;
  font-size:20px
}
.wfd-section-head>p,.wfd-peak header p{
  max-width:420px;
  margin:2px 0 0;
  color:#7a888e;
  font-size:11px;
  line-height:1.5
}
.wfd-peak>header>strong{
  padding:7px 10px;
  border-radius:10px;
  background:#eef2f3;
  color:#405159;
  font-size:12px
}
.wfd-peak-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr))
}
.wfd-peak-grid>div{
  padding:14px 18px;
  border-right:1px solid #edf0f1
}
.wfd-peak-grid>div:last-child{border-right:0}
.wfd-peak-grid small{display:block;margin-bottom:4px}
.wfd-peak-grid b{color:#35464d;font-size:13px}
.wfd-peak-grid a{color:#4a626c;text-decoration:none}
.wfd-map{
  position:relative;
  height:470px;
  overflow:hidden;
  background:#eef2f2
}
.wfd-map-loading{
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#7d898e;
  font-size:12px
}
.wfd-map-legend{
  display:flex;
  flex-wrap:wrap;
  gap:13px;
  padding:11px 17px 13px;
  border-top:1px solid #edf0f1;
  color:#64757c;
  font-size:11px
}
.wfd-map-legend span{display:flex;align-items:center;gap:5px}
.wfd-map-legend i{
  display:inline-block;width:9px;height:9px;border-radius:50%
}
.wfd-map-legend .q100{background:#8c3141}
.wfd-map-legend .q50{background:#b76548}
.wfd-map-legend .q10{background:#ac863c}
.wfd-map-legend .q5{background:#55788a}
.wfd-map-legend .q1{background:#7a898f}
.wfd-phase-list{padding:6px 17px 17px}
.wfd-phase{
  display:grid;
  grid-template-columns:38px minmax(0,1fr);
  gap:10px;
  padding:12px 0;
  border-bottom:1px solid #edf0f1
}
.wfd-phase:last-child{border-bottom:0}
.wfd-phase-index{display:flex;justify-content:center;padding-top:2px}
.wfd-phase-index span{
  display:flex;
  align-items:center;
  justify-content:center;
  width:28px;height:28px;
  border-radius:50%;
  background:#edf1f2;
  color:#5e6f76;
  font-size:11px;
  font-weight:800
}
.wfd-phase.is-core .wfd-phase-index span{
  background:#43565e;color:#fff
}
.wfd-phase-main header{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:15px
}
.wfd-phase-main header small{
  display:block;margin-bottom:3px;font-weight:800;letter-spacing:.055em
}
.wfd-phase-main header strong{color:#35454c;font-size:13px}
.wfd-phase-main header>b{color:#65757c;font-size:11px}
.wfd-phase-stats{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-top:9px
}
.wfd-phase-stats span{
  min-width:70px;
  padding:7px 9px;
  border-radius:9px;
  background:#f5f7f7
}
.wfd-phase-stats small{display:block;margin-bottom:2px}
.wfd-phase-stats b{color:#42535a;font-size:11px}
.wfd-profile-list{padding:5px 17px 17px}
.wfd-profile{
  display:grid;
  grid-template-columns:minmax(170px,1.4fr) 115px 230px auto;
  gap:14px;
  align-items:center;
  padding:11px 2px;
  border-bottom:1px solid #eef1f2
}
.wfd-profile:last-child{border-bottom:0}
.wfd-profile-main strong{display:block;color:#34444b;font-size:13px}
.wfd-profile-main span{
  display:block;margin-top:1px;color:#6e7e85;font-size:11px
}
.wfd-profile-main small{display:block;margin-top:3px}
.wfd-profile-qn strong{display:block;color:#3f5158;font-size:12px}
.wfd-profile-qn small{display:block;margin-top:3px}
.wfd-profile-values{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:6px
}
.wfd-profile-values span{
  padding:6px 8px;
  border-radius:8px;
  background:#f5f7f7
}
.wfd-profile-values small{display:block;margin-bottom:2px}
.wfd-profile-values b{color:#45565d;font-size:11px}
.wfd-profile-links{display:flex;gap:6px}
.wfd-profile-links a{
  padding:6px 8px;
  border:1px solid #dbe1e3;
  border-radius:8px;
  color:#566970;
  font-size:10px;
  font-weight:750;
  text-decoration:none
}
.wfd-method-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr))
}
.wfd-method-grid p{
  margin:0;
  padding:15px 18px;
  border-right:1px solid #eef1f2;
  border-bottom:1px solid #eef1f2;
  color:#697980;
  font-size:12px;
  line-height:1.55
}
.wfd-method-grid p:nth-child(2n){border-right:0}
.wfd-method-grid p:nth-last-child(-n+2){border-bottom:0}
.wfd-method-grid strong{color:#3e5057}
.wfd-empty{
  padding:30px;
  border:1px solid #dce2e4;
  border-radius:18px;
  background:#fff
}
.wfd-empty h1{margin:0 0 8px;color:#35454c}
.wfd-empty p{color:#738188}
.wfd-empty a{color:#4e626a}
.maplibregl-popup-content{
  max-width:260px;
  border-radius:12px;
  color:#35464d;
  font-family:inherit;
  font-size:11px
}

@media(max-width:900px){
  .wfd-hero{grid-template-columns:1fr}
  .wfd-score{
    min-height:0;
    align-items:flex-start;
    text-align:left
  }
  .wfd-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .wfd-profile{grid-template-columns:minmax(0,1fr) 100px}
  .wfd-profile-values,.wfd-profile-links{grid-column:1/-1}
}

@media(max-width:680px){
  .wfd-main{
    width:min(100% - 18px,1180px);
    padding-top:10px
  }
  .wfd-hero{padding:18px;border-radius:17px}
  .wfd-hero h1{font-size:27px}
  .wfd-kpis{gap:7px}
  .wfd-kpis article{padding:11px 12px}
  .wfd-kpis strong{font-size:18px}
  .wfd-section-head,.wfd-peak>header{
    flex-direction:column;
    padding:14px
  }
  .wfd-peak-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .wfd-peak-grid>div:nth-child(2){border-right:0}
  .wfd-peak-grid>div:nth-child(-n+2){
    border-bottom:1px solid #edf0f1
  }
  .wfd-map{height:390px}
  .wfd-phase-list,.wfd-profile-list{
    padding-left:12px;
    padding-right:12px
  }
  .wfd-phase-main header{flex-direction:column;gap:4px}
  .wfd-profile{
    grid-template-columns:minmax(0,1fr) 88px;
    gap:8px
  }
  .wfd-method-grid{grid-template-columns:1fr}
  .wfd-method-grid p{border-right:0}
  .wfd-method-grid p:nth-last-child(-n+2){
    border-bottom:1px solid #eef1f2
  }
  .wfd-method-grid p:last-child{border-bottom:0}
}