/* Local comparison preview: compact summaries, full-size expanded content. */
.df-comparison #service-grid{gap:7px}
body.df-comparison main #service-grid .df-service>summary{
  padding:10px 12px 12px!important;
  min-height:100px;
  box-sizing:border-box;
}
.df-comparison #service-grid .df-tile-top{min-height:15px;gap:6px}
.df-comparison #service-grid .df-lock{width:13px;height:13px;flex-shrink:0}
.df-comparison #service-grid .df-service h3{
  font-size:clamp(14px,1.2vw,18px);
  line-height:1.2;
  margin:7px 0 10px;
}
.df-comparison #service-grid .df-access{padding-right:22px}
body.df-comparison main #service-grid .df-service>summary::after{
  bottom:12px;right:12px;width:11px;height:11px;
}
@media(max-width:700px){
  .df-comparison #service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
  body.df-comparison main #service-grid .df-service>summary{padding:9px 9px 11px!important;min-height:104px}
  .df-comparison #service-grid .df-service h3{font-size:14px;margin:6px 0 9px}
  .df-comparison #service-grid .df-tile-top>span:first-child{font-size:7px;letter-spacing:.04em}
  .df-comparison #service-grid .df-access{font-size:8px}
  body.df-comparison main #service-grid .df-service>summary::after{right:9px;bottom:11px}
}