/* RRR guarded automatic live UI lane; opt-in classes only. */
/* Let enlarged text reflow, including phone numbers without natural breaks. */
/* Grid gap owns row spacing; use a tighter rhythm on small screens. */
.rrr-auto-phones { display:grid; grid-template-columns:minmax(0, 1fr); gap:1rem; border-color:rgba(90,110,135,.4) !important; background:linear-gradient(140deg,rgba(124,155,187,.10),transparent 65%); }
/* Limit contact copy to a readable measure while allowing narrow-screen reflow. */
.rrr-auto-phones > p { min-width:0; max-width:65ch; overflow-wrap:anywhere; margin:0; line-height:1.5; }
.rrr-auto-phones a[href^="tel:"] { white-space:normal; overflow-wrap:anywhere; font-weight:650; text-underline-offset:.2em; }
/* Reinforce pointer interaction without relying on color or changing layout. */
.rrr-auto-phones a[href^="tel:"]:hover { text-decoration-line:underline; text-decoration-thickness:.12em; }
/* Keep a separate fallback for browsers that do not support :focus-visible. */
.rrr-auto-phones a[href^="tel:"]:focus { outline:2px solid currentColor; outline-offset:4px; border-radius:2px; }
.rrr-auto-phones a[href^="tel:"]:focus-visible { outline:2px solid currentColor; outline-offset:4px; border-radius:2px; }
/* Email focus stays visible at every width, including without :focus-visible support. */
.rrr-auto-phones a[href^="mailto:"]:focus { outline:2px solid currentColor; outline-offset:4px; border-radius:2px; text-decoration-line:underline; text-underline-offset:.2em; }
.rrr-auto-phones a[href^="mailto:"]:focus-visible { outline:2px solid currentColor; outline-offset:4px; border-radius:2px; text-decoration-line:underline; text-underline-offset:.2em; }
@media (max-width: 650px) {
  .rrr-auto-phones { gap:.75rem; padding:1rem !important; }
  .rrr-auto-phones > p { line-height:1.6; }
  /* Keep bare phone text in normal line layout so long numbers can wrap. */
  .rrr-auto-phones a[href^="tel:"] { display:inline-block; box-sizing:border-box; min-width:0; max-width:100%; min-height:44px; padding:.25rem .375rem; }
}
/* Honor the reader's high-contrast palette at every viewport width. */
@media (forced-colors: active) {
  .rrr-auto-phones { border-color:CanvasText !important; background:Canvas; color:CanvasText; }
  .rrr-auto-phones a[href^="tel:"] { color:LinkText; text-decoration:underline; }
  .rrr-auto-phones a[href^="tel:"]:focus { outline-color:Highlight; }
  .rrr-auto-phones a[href^="tel:"]:focus-visible { outline-color:Highlight; }
}
/* Keep printed contacts legible without screen decoration or touch-target spacing. */
@media print {
  .rrr-auto-phones { display:block; background:white !important; color:black !important; border-color:black !important; }
  .rrr-auto-phones > p { break-inside:avoid; page-break-inside:avoid; }
  .rrr-auto-phones a[href^="tel:"] { display:inline; min-height:0; padding:0; color:black !important; text-decoration:underline; }
}
