/* Property Guide — custom styling layered on Bootstrap.
   Tuned for use on an iPhone: large tap targets, legible text. */

body {
  font-size: 1.05rem;
  -webkit-text-size-adjust: 100%;
}

.app-header h1 {
  letter-spacing: 0.5px;
}

.section-heading {
  color: var(--bs-primary);
  font-weight: 600;
  border-bottom: 2px solid var(--bs-border-color);
  padding-bottom: 0.25rem;
}

/* Roomy, easy-to-tap rows */
.step-row {
  padding: 0.85rem 1rem;
}

/* Titles are links that open the video */
.step-link {
  line-height: 1.3;
  color: var(--bs-primary);
  text-decoration: none;
  font-weight: 500;
  display: flex;
  align-items: center;
}

/* Play-triangle affordance before each title */
.step-link::before {
  content: "\25B6";
  font-size: 0.7em;
  margin-right: 0.6rem;
  color: var(--bs-primary);
  flex-shrink: 0;
}

/* Video fills the modal body without letterbox gaps on the sides */
#modalVideo {
  max-height: 80vh;
  background: #000;
}