.roadside-page{max-width:1200px;margin:auto;padding:24px 16px 48px}.roadside-page header{max-width:800px;margin-bottom:24px}.roadside-search,.roadside-actions{display:flex;flex-wrap:wrap;gap:16px;align-items:end;margin:20px 0}.roadside-search label{flex:1;min-width:200px}.roadside-page label{display:grid;gap:6px;margin-bottom:12px}.roadside-page input,.roadside-page select,.roadside-page textarea{width:100%;box-sizing:border-box;padding:12px}.roadside-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:18px}.roadside-card{padding:20px;min-width:0;overflow-wrap:anywhere}.roadside-card ul{padding-left:20px}.roadside-actions a{display:inline-block;padding:12px;border:1px solid currentColor;border-radius:8px}.roadside-photos{display:flex;flex-wrap:wrap;gap:8px}.roadside-photos img{width:140px;height:110px;object-fit:contain}.roadside-provider{margin-top:32px;padding:24px}.roadside-provider form{max-width:720px}.roadside-service{display:flex;flex-wrap:wrap;gap:12px;border-bottom:1px solid #8885;padding:12px 0}.roadside-service label:first-child{display:flex;align-items:center;flex:1;min-width:200px}.roadside-service input[type=checkbox]{width:22px;height:22px}.roadside-service input[type=number]{max-width:150px}.roadside-provider fieldset{margin:16px 0}.roadside-notice{padding:16px;border-left:4px solid #d68b20;background:#d68b2010}@media(max-width:850px){.roadside-search{display:grid}.roadside-provider{padding:16px}.topbar nav [data-view=roadside]{display:inline-flex!important}.roadside-home-link{display:block;margin:12px auto;min-height:44px}}

.roadside-mobile-link{display:none}.roadside-page button,#owner-roadside-content button{min-height:44px;padding:10px 14px;border-radius:10px}.roadside-home-link{min-height:44px;padding:8px 14px;border:1px solid var(--gold,#e8b44e);border-radius:999px;background:var(--panel,#fff);color:var(--text,#182025);font-weight:700;margin-top:12px}@media(max-width:850px){.topbar .roadside-mobile-link{display:block;font-size:12px;min-height:44px;max-width:150px;padding:8px;border:1px solid var(--line,#ccc);border-radius:10px;color:var(--text,#182025);background:var(--panel,#fff)}}
/* Let the expanded desktop navigation wrap on tablets rather than overflow. */
@media(min-width:851px) and (max-width:1200px){.topbar{height:auto;min-height:74px;gap:8px;padding-top:8px;padding-bottom:8px}.topbar .brand{flex-shrink:0}.topbar nav{flex:1;min-width:0;flex-wrap:wrap;justify-content:flex-end;gap:2px 4px}}