/* Approved arrow styling and optional comparison controls. */
body[data-arrow-design] [data-arrow-mark]{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;vertical-align:middle;font-style:normal;line-height:1;width:22px;height:22px}
body[data-arrow-design] .rs-action-icon{display:block;width:20px;height:20px;flex-shrink:0;pointer-events:none}
body[data-arrow-design] .rs-inline-action-marker{margin-left:9px}
body[data-arrow-design] .mobile-contact>[data-arrow-mark]{width:26px;height:26px}
body[data-arrow-design] .mobile-contact .rs-action-icon{width:24px;height:24px}
body[data-arrow-design="a"] [data-arrow-mark]{display:none!important}
body[data-arrow-design="a"] .photo-directions .direction strong{grid-column:1/-1}
body[data-arrow-design="a"] .actions .primary{justify-content:center}
body[data-arrow-design="c"] [data-arrow-mark]{width:26px;height:26px;border:1px solid #78ccf04d;border-radius:50%;background:#0e314566}
body[data-arrow-design="c"] [data-arrow-mark] .rs-action-icon{width:16px;height:16px}
body[data-arrow-design="c"] :is(.primary,.outline,.mobile-contact)>[data-arrow-mark]{border-color:#d5f2ff66;background:#d5f2ff12}
body[data-arrow-design="c"] .photo-directions .direction-arrow{color:#d1eaff;background:#06182799}
body[data-arrow-design="c"] .text-link>[data-arrow-mark]{width:22px;height:22px;background:none;border-color:transparent}
.arrow-preview-tools{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:24px;padding:10px 12px;border:1px solid #315269;border-radius:8px;background:#0a1d2b;color:#b5cddd;font-size:12px}
.arrow-preview-tools>span{margin-right:auto;line-height:1.5}
.arrow-preview-tools nav{display:flex;gap:5px}
.arrow-preview-tools nav a{display:grid;place-items:center;width:38px;height:38px;border:1px solid #315269;border-radius:6px}
.arrow-preview-tools nav a[aria-current="page"]{background:#168fff;border-color:#67d2ff;color:#fff}
.arrow-preview-tools .arrow-preview-all{display:flex;align-items:center;min-height:38px;color:#78d0ff}
@media(max-width:850px){
  body[data-arrow-design="a"] .it-integration-a .integration-choice{grid-template-columns:20px 32px minmax(0,1fr)}
  .arrow-preview-tools{gap:9px;margin-bottom:24px}
  .arrow-preview-tools>span{width:100%;font-size:12px}
  .arrow-preview-tools .arrow-preview-all{margin-left:auto}
}
