.map-controls .radius-card{
  border:2px solid #ed7f50;
  background:linear-gradient(145deg,#fff 0%,#fff8f3 100%);
  box-shadow:0 12px 30px rgba(237,127,80,.16);
}
.radius-card .panel-kicker{color:#c95d35}
.radius-card h2{margin-bottom:7px}
.radius-intro{
  margin:0 0 14px;
  color:#66727b;
  font-size:12px;
  line-height:1.45;
}
.radius-buttons{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
}
.radius-buttons button{
  position:relative;
  min-height:50px;
  padding:9px 11px;
  border:1px solid #bdcbd0;
  border-radius:10px;
  background:#fff;
  color:#0d2842;
  font:800 13px "DM Sans",sans-serif;
  cursor:pointer;
}
.radius-buttons button:hover,.radius-buttons button:focus-visible{
  border-color:#176b87;
  background:#eef8f7;
  outline:3px solid rgba(23,107,135,.14);
  outline-offset:1px;
}
.radius-buttons button.is-active{
  border-color:#0d2842;
  background:#0d2842;
  color:#fff;
  box-shadow:0 7px 16px rgba(13,40,66,.18);
}
.radius-buttons button.is-active::after{
  content:"✓";
  position:absolute;
  right:8px;
  top:6px;
  color:#90d9d6;
  font-size:11px;
}
.radius-note{
  margin:11px 0 0;
  padding:9px 10px;
  border-radius:8px;
  background:#fff1e9;
  color:#8b4428;
  font-size:11px;
  font-weight:700;
  line-height:1.4;
}
.radius-note.has-origin{
  background:#d9f2ef;
  color:#0d5264;
}
@media(max-width:430px){
  .radius-buttons button{min-height:48px}
}