/* Phone refinements and the existing blog filter hidden state. */
.post[hidden] { display:none !important; }
@media (max-width:700px) {
  :where(.grid2, .grid3, .bookgrid, .flowmap, .process-grid, .section-heading, .sais-foot__top) > * { min-width:0; }
  main, footer { overflow-wrap:anywhere; }
  .chip, .sais-chip, .indpills a { max-width:100%; white-space:normal; }
  .sais-card__head { flex-wrap:wrap; }
  .sais-card__title, .sais-card__head .sais-tag { min-width:0; max-width:100%; }
  .sais-card__head .sais-tag { white-space:normal; }
  .sais-btn, .btn {
    min-height:44px; min-width:44px; max-width:100%; box-sizing:border-box;
    white-space:normal; text-align:center;
  }
  .btn { display:inline-flex; align-items:center; justify-content:center; }
  button.sais-tag { min-height:44px; min-width:44px; justify-content:center; padding:.6rem .8rem; }
  .video-toggle { min-height:44px; align-items:center; }
  .film-captions { min-height:44px; min-width:44px; }
  .walkthrough-number { white-space:nowrap; }
  .catalog-stage .walkthrough-narrative { grid-template-columns:max-content minmax(0,1fr); }
  .walkthrough-details summary { min-height:44px; box-sizing:border-box; }
  .capability-buttons button, .live-project-views button { min-height:44px; min-width:44px; }
  #missed-call-calculator input {
    width:100%; min-width:0; max-width:100%; min-height:44px; box-sizing:border-box;
    padding:10px 12px; font:inherit; font-size:16px; margin:5px 0 16px;
  }
}