/* فایل واکنش‌گرای دفترچه تلفن: جدا از فایل اصلی تا با قالب و افزونه‌ها تداخل نکند.
   با Container Query به عرض خود ستون/برگه واکنش نشان می‌دهد. */
@container (min-width:620px){
  .fpb-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@container (min-width:960px){
  .fpb-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@container (max-width:480px){
  .fpb-bar{flex-direction:column;align-items:stretch}
  .fpb-tabs{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch}
  .fpb .fpb-tab{flex:none}
  .fpb .fpb-tel a{padding:4px 0}
  .fpb .fpb-row dt{min-width:4.2em}
}
@supports not (container-type:inline-size){
  @media (min-width:700px){.fpb-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
  @media (min-width:1000px){.fpb-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
}
@media print{
  .fpb-bar,.fpb-actions{display:none}
  .fpb .fpb-card{break-inside:avoid;box-shadow:none}
  .fpb-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}