/* Phone and small-tablet refinements: comfortable tap targets, readable small print,
   and 16px form fields so iOS does not zoom in when a field is tapped. */
@media(max-width:800px){
  input:not([type=checkbox]):not([type=radio]),select,textarea{font-size:16px}
  input[type=checkbox]{width:20px;height:20px;flex-shrink:0;margin-top:1px}
  .consent,.capture-demo .permission-row,label:has(> input[type=checkbox]){align-items:flex-start;gap:12px}
  .capture-demo>small,.sample-next small,.prepared-label,.message-disclosure,.contact-help,.permission-example small,.form-note,.footer-bottom span,.sample-table-row small{font-size:.78rem;line-height:1.55}
  .sample-table-row select{font-size:16px;padding:6px 8px;min-height:36px;border-radius:18px}
  .sample-table-head,.sample-table-row{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) minmax(112px,auto)}
  .sample-filter button{min-height:44px}
  .demo-reset{min-height:40px}
  .faqs details{padding:10px 0}
  .faqs details:first-child{padding-top:0}
  .faqs summary{padding-top:10px;padding-bottom:10px}
  .faqs summary:after{top:7px}
  .hero .motion-toggle{min-height:40px;padding:9px 16px}
  .hero .text-link{padding:10px 0}
}
@media(max-width:360px){
  .sample-table-head,.sample-table-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .sample-table-head span:last-child{display:none}
  .sample-table-row select{grid-column:1/-1;justify-self:start;width:auto;min-width:140px;margin-top:6px}
}