/* Compact office network; scoped to the homepage component. */
#rapid-office-network.ron-network{padding:26px 0 28px;scroll-margin-top:170px}
.ron-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:16px}
.ron-eyebrow{display:block;color:#e31b3d;text-transform:uppercase;letter-spacing:.13em;font-size:10px;font-weight:750;margin-bottom:5px}
.ron-heading h2{margin:0 0 4px;color:#102e52;font-size:29px;line-height:1.2;letter-spacing:-.04em}
.ron-heading p{margin:0;font-size:13px;color:#657791;line-height:1.5}
.ron-directory{display:flex;align-items:center;gap:5px;font-size:13px;font-weight:700;color:#155dbe;white-space:nowrap;min-height:40px}
.ron-directory .rapid-icon{width:16px;height:16px}
.ron-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}
.ron-toolbar label{display:flex;align-items:center;gap:7px}
.ron-toolbar label>.rapid-icon{width:18px;height:18px;color:#155dbe}
.ron-toolbar select{min-height:38px;border:1px solid #dce5ef;border-radius:9px;background:#fff;font:600 12px var(--rapid-body,Arial,sans-serif);color:#173c61;padding:8px 30px 8px 10px;width:auto;max-width:100%}
.ron-count{font-size:11px;color:#708096}
.ron-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.ron-card{min-width:0;border:1px solid #e0e7f0;border-radius:15px;padding:14px;background:#fff;transition:border-color .15s,box-shadow .15s;display:flex;flex-direction:column}
.ron-card:hover{border-color:#abc6ed;box-shadow:0 5px 14px #122e5110}
.ron-card.is-selected{border-color:#a5c5f5;background:#f2f7ff}
.ron-card[hidden]{display:none!important}
.ron-network:not(.is-expanded) .ron-card:nth-child(n+7 of :not([hidden])){display:none}
.ron-card-main{display:grid;grid-template-columns:42px minmax(0,1fr);gap:11px;align-items:start}
.ron-office-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#edf3fd;color:#1b5dbb;overflow:hidden}
.ron-office-icon>svg{width:24px;height:24px}
.ron-office-icon img{width:100%;height:100%;object-fit:cover}
.ron-city{display:flex;align-items:center;gap:6px;flex-wrap:wrap;color:#6a7a91;font-size:10px;line-height:1.4;margin-bottom:3px}
.ron-selected-label{color:#175bbb;font-weight:700;background:#e2edff;border-radius:20px;padding:1px 6px;font-size:9px}
.ron-office-copy h3{font-size:15px!important;line-height:1.25;margin:0 0 4px!important;letter-spacing:-.02em}
.ron-office-copy h3 a{color:#143654;text-decoration:none}
.ron-office-copy h3 a:hover{color:#155dbe}
.ron-office-copy p{margin:0!important;color:#66788e;font-size:11px;line-height:1.5}
.ron-actions{margin-top:auto;padding-top:12px;display:flex;align-items:center;gap:6px}
.ron-actions a,.ron-actions button{min-height:34px;font-family:inherit;cursor:pointer}
.ron-choose{border:0;border-radius:8px;background:#145bbd;color:#fff;font-size:11px;font-weight:750;padding:7px 10px;white-space:nowrap}
.ron-choose:hover{background:#103e84}
.ron-choose:disabled{background:#e0edff;color:#1859ac;cursor:default}
.ron-directions{display:flex;align-items:center;justify-content:center;gap:3px;color:#1859b5;font-size:11px;font-weight:650;text-decoration:none;margin-left:auto;white-space:nowrap}
.ron-directions .rapid-icon{width:13px;height:13px}
.ron-phone{display:grid;place-items:center;width:34px;min-width:34px;border:1px solid #e1e8f1;border-radius:50%;color:#285784;background:#fff}
.ron-phone .rapid-icon{width:15px;height:15px}
.ron-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:10px}
.ron-hint{font-size:10px;color:#7b899a}
.ron-more{font:700 11px var(--rapid-body,Arial,sans-serif);color:#155dbe;display:flex;align-items:center;gap:4px;border:0;background:transparent;cursor:pointer;padding:7px 0;min-height:34px}
.ron-more .rapid-icon{width:13px;height:13px;transform:rotate(90deg)}
.ron-more[aria-expanded="true"] .rapid-icon{transform:rotate(-90deg)}
.ron-more[hidden]{display:none}
.ron-swipe{display:none}
.ron-network :is(a,button,select):focus-visible{outline:3px solid #f14762;outline-offset:3px}
@media(max-width:950px) and (min-width:601px){.ron-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){
 #rapid-office-network.ron-network{padding:24px 0;scroll-margin-top:20px}
 .ron-heading{align-items:flex-start;gap:10px;margin-bottom:14px}
 .ron-heading h2{font-size:25px}.ron-heading p{font-size:12px;max-width:235px}
 .ron-directory{font-size:11px;min-height:32px;gap:2px;margin-top:19px}
 .ron-directory .rapid-icon{width:12px;height:12px}
 .ron-toolbar select{font-size:13px;min-height:42px}.ron-count{font-size:10px}
 .ron-grid{display:grid;grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:88%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;gap:10px;padding:1px 1px 7px}
 .ron-grid::-webkit-scrollbar{display:none}
 .ron-network:not(.is-expanded) .ron-card:nth-child(n+7 of :not([hidden])){display:flex}
 .ron-card{scroll-snap-align:start;padding:14px}.ron-card-main{grid-template-columns:42px minmax(0,1fr);gap:9px}
 .ron-office-copy h3{font-size:16px!important}.ron-office-copy p{font-size:12px}.ron-city{font-size:11px}
 .ron-actions{gap:8px;padding-top:14px}.ron-actions a,.ron-actions button{min-height:42px}
 .ron-choose{font-size:12px;padding:9px 12px}.ron-directions{font-size:11px}.ron-phone{width:38px;min-width:38px}
 .ron-bottom{padding-top:2px}.ron-hint{display:none}.ron-more{display:none}.ron-swipe{display:block;font-size:11px;color:#6b7c91}
}
@media(prefers-reduced-motion:reduce){.ron-card{transition:none}}