@media (max-height: 820px) and (min-width: 761px) {
  .app-shell { padding: 12px 0; }
  .brand img { width: 44px; height: 44px; }
  .hero { margin: 12px auto 14px; }
  .hero h1 { margin: 9px 0 6px; font-size: clamp(28px, 3.7vw, 40px); }
  .input-card { padding: 17px 18px; }
  .url-input-wrap input, .primary-button { height: 58px; }
  .result-card { padding: 16px 20px; }
  .result-heading { padding-bottom: 10px; }
  .result-section { padding: 9px 0; }
  .copy-button { height: 46px; }
}

@media (max-width: 760px) {
  body { overflow-y: auto; }
  .app-shell { width: min(100% - 24px, 680px); min-height: 100svh; padding: 18px 0; justify-content: flex-start; }
  .brand img { width: 46px; height: 46px; }
  .hero { margin: 16px auto 18px; }
  .hero h1 { font-size: clamp(31px, 9vw, 44px); }
  .hero p { font-size: 13px; }
  .input-row { grid-template-columns: 1fr; }
  .primary-button { width: 100%; }
  .input-support { align-items: flex-start; flex-direction: column; gap: 7px; }
  .input-hint { display: none; }
  .result-heading { align-items: flex-start; }
}

@media (max-width: 460px) {
  .app-shell { width: calc(100% - 18px); }
  .eyebrow { font-size: 11px; }
  .hero h1 { font-size: clamp(29px, 10.5vw, 38px); }
  .input-card, .result-card { padding: 16px; border-radius: 20px; }
  .url-input-wrap input { height: 58px; padding-left: 47px; font-size: 14px; }
  .primary-button { height: 56px; }
  .result-heading { gap: 10px; }
  .success-badge { align-self: flex-start; }
  .section-label small { display: none; }
  .toast { top: 12px; right: 12px; left: 12px; justify-content: center; }
}

@media (max-height: 820px) and (min-width: 761px) {
  .providers-details { margin-top: 6px; padding-top: 6px; }
  .providers-list { max-height: 92px; }
}

@media (max-width: 760px) {
  .providers-details summary { justify-content: flex-start; }
  .providers-list { justify-content: flex-start; max-height: 170px; }
}