/* v3.3.0 report/gallery/email-aligned display fix.
   Keeps the working v3.2.9 report graphics, but restructures comparable photos into full-width cards and stops image/text squashing. */
.wtt-airroi-estimator .wtt-report-grid,
.wtt-modal .wtt-report-grid{display:block!important;}
.wtt-report-visual-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
  align-items:start;
}
.wtt-how-to-read-card .wtt-section-head{border-bottom:1px solid rgba(0,194,255,.16);padding-bottom:8px;}
.wtt-how-to-read-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;}
.wtt-how-to-read-grid .wtt-mission-copy{
  margin:0!important;
  padding:13px 14px;
  border:1px solid #d7e6f2;
  border-radius:16px;
  background:#eef7ff;
  color:#365b78!important;
  font-weight:700;
}
.wtt-comparable-gallery-section{grid-column:1 / -1!important;}
.wtt-comp-gallery{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  align-items:stretch;
}
.wtt-comp-photo-card{
  display:flex;
  flex-direction:column;
  min-width:0;
  overflow:hidden;
  border:2px solid transparent;
  border-radius:22px;
  background:
    linear-gradient(180deg,#ffffff,#f6fbff) padding-box,
    linear-gradient(135deg,#021b3a 0%,#083a70 52%,#00c2ff 100%) border-box;
  box-shadow:0 14px 30px rgba(2,27,58,.08);
}
.wtt-comp-photo-card:hover{
  background:
    linear-gradient(180deg,#ffffff,#f6fbff) padding-box,
    linear-gradient(135deg,#00c2ff 0%,#083a70 48%,#021b3a 100%) border-box;
  transform:translateY(-1px);
}
.wtt-comp-image-link{
  display:block;
  width:100%;
  aspect-ratio:16 / 10;
  background:#eaf3fb;
  overflow:hidden;
  text-decoration:none!important;
}
.wtt-comp-image-link img{
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  object-fit:cover!important;
  display:block!important;
}
.wtt-comp-photo-card:hover .wtt-comp-image-link img{transform:scale(1.025);transition:transform .22s ease;}
.wtt-comp-photo-body{padding:15px;display:grid;gap:10px;align-content:start;flex:1;}
.wtt-comp-photo-title-row{display:grid;gap:8px;align-items:start;}
.wtt-comp-photo-title-row h5{
  margin:0!important;
  color:#021b3a!important;
  font-size:1.02rem!important;
  line-height:1.25!important;
}
.wtt-comp-open-link{
  justify-self:start;
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:0 10px;
  border-radius:999px;
  background:linear-gradient(90deg,#021b3a,#083a70,#00c2ff);
  color:#ffffff!important;
  font-weight:900;
  font-size:.78rem;
  text-decoration:none!important;
}
.wtt-comp-open-link:hover{filter:brightness(1.06);transform:translateY(-1px);}
.wtt-comp-photo-body .wtt-comp-type{margin:0;color:#5f7d99;font-size:.86rem;line-height:1.4;font-weight:800;}
.wtt-comp-photo-body .wtt-comp-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;}
.wtt-comp-photo-body .wtt-comp-stats-grid div{min-width:0;}
.wtt-comp-photo-placeholder{height:100%;min-height:220px;display:flex;align-items:center;justify-content:center;color:#5f7d99;font-weight:900;background:#eef7ff;}
/* Hide the old left-image comparable layout if cached markup appears anywhere. */
.wtt-comparables--rich{display:none!important;}
@media (max-width:1180px){
  .wtt-comp-gallery{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:900px){
  .wtt-report-visual-grid,.wtt-how-to-read-grid{grid-template-columns:1fr;}
}
@media (max-width:680px){
  .wtt-comp-gallery{grid-template-columns:1fr;}
  .wtt-comp-image-link{aspect-ratio:16 / 11;}
  .wtt-comp-photo-body{padding:14px;}
}