/* ✅ TechniqueHow - Mobile Smaller Overrides */
@media (max-width: 800px) {
  /* form controls */
  .th-snap-wrap #th-snap-username { font-size: 12px !important; padding: 8px 10px !important; }
  .th-snap-wrap #th-snap-btn { font-size: 12px !important; padding: 8px 12px !important; }

  /* list items and labels */
  .th-snap-wrap .th-list .th-list-item { padding: 6px 6px !important; gap: 6px !important; }
  .th-snap-wrap .th-list .th-label { width: 110px !important; font-size: 11px !important; line-height: 1.1 !important; }
  .th-snap-wrap .th-list .th-value { font-size: 11px !important; line-height: 1.15 !important; }

  /* icons */
  .th-snap-wrap .th-copy, .th-snap-wrap .th-social a { font-size: 11px !important; }
  .th-snap-wrap .th-copy svg, .th-snap-wrap .th-social svg { width: 14px !important; height: 14px !important; }

  /* avatar smaller */
  .th-snap-wrap .th-avatar { width: 76px !important; height: 76px !important; border-width: 3px !important; }

  /* result container */
  .th-snap-wrap .th-list { padding: 8px !important; border-radius: 8px !important; }
  .th-snap-wrap { padding: 12px !important; }
}

@media (max-width: 420px) {
  .th-snap-wrap .th-list .th-label { width: 90px !important; font-size: 10px !important; }
  .th-snap-wrap .th-list .th-value { font-size: 10px !important; }
  .th-snap-wrap #th-snap-username { font-size: 11px !important; }
  .th-snap-wrap #th-snap-btn { font-size: 11px !important; padding: 7px 10px !important; }
  .th-snap-wrap .th-avatar { width: 64px !important; height: 64px !important; }
  .th-snap-wrap .th-list .th-list-item { padding: 5px 4px !important; }
}