/* Full-width Bricks layout */
.brxe-shortcode:has(> .tr-card),
.brxe-code:has(> .tr-card) {
  width: 100% !important;
  max-width: none !important;
}
.tr-card {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}

/* Mobile app-style presentation */
@media (max-width: 767px) {
  .tr-card {
    min-height: 100dvh;
    padding: max(22px, env(safe-area-inset-top)) max(18px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(18px, env(safe-area-inset-left));
    border: 0;
    border-radius: 0;
    box-shadow: none;
  }
  .tr-card h1 { font-size: clamp(2rem, 11vw, 3rem); }
  .tr-intro { font-size: 1rem; }
  .tr-progress { margin: 24px 0 30px; }
  .tr-step h2 { font-size: 1.55rem; line-height: 1.2; }
  .tr-options,
  .tr-result-grid { grid-template-columns: 1fr; }
  .tr-option { min-height: 62px; display: flex; align-items: center; padding: 16px; }
  .tr-option input { width: 22px; height: 22px; flex: 0 0 22px; }
  .tr-input { min-height: 60px; font-size: 16px; }
  .tr-actions { display: grid; grid-template-columns: 1fr; gap: 10px; margin-top: 26px; }
  .tr-button { width: 100%; min-height: 54px; }
  .tr-result-main { padding: 20px; }
  .tr-result-main strong { font-size: clamp(2rem, 12vw, 3.4rem); }
}