/* Shared visual layer for high-intent mobility guides. */
.commercial-page { --commerce-ink:#173b35; --commerce-green:#216153; --commerce-paper:#f8f8f4; --commerce-line:#d9dfd9; background:var(--commerce-paper); color:var(--commerce-ink); }
.commercial-page .navbar { background:rgba(248,248,244,.94); border-bottom:1px solid rgba(23,59,53,.12); box-shadow:none; }
.commercial-page .navbar .logo-visit { color:#62736d; }.commercial-page .navbar .logo-ps,.commercial-page .navbar .nav-links a { color:var(--commerce-ink); }.commercial-page .navbar .nav-links a:hover,.commercial-page .navbar .nav-links a.is-active { color:var(--commerce-green); background:#eef1eb; }.commercial-page .navbar .nav-cta { color:var(--commerce-ink); background:transparent; border:1px solid var(--commerce-line); box-shadow:none; }.commercial-page .nav-toggle span { background:var(--commerce-ink); }
.commercial-page .rental-hero,.commercial-page .transfer-hero { min-height:min(730px,calc(100svh - 20px)); margin:92px 20px 0; padding:142px 0 100px; border-radius:24px; overflow:hidden; }.commercial-page .rental-hero::after,.commercial-page .transfer-hero::after { background:linear-gradient(90deg,rgba(8,32,30,.9),rgba(8,32,30,.52) 52%,rgba(8,32,30,.12)); }.commercial-page .rental-hero .container,.commercial-page .transfer-hero .container { max-width:1280px; }.commercial-page .article-page .guide-hero h1 { max-width:820px; font-family:var(--font-display); font-size:clamp(3.8rem,6.2vw,6.5rem); font-weight:500; line-height:.98; letter-spacing:-.04em; }.commercial-page .guide-hero p { max-width:570px; font-size:1rem; line-height:1.75; }.commercial-page .meta-strip span { padding:8px 12px; background:rgba(255,255,255,.1); }
.commercial-page .article-meta { background:transparent; border:0; }.commercial-page .article-meta-inner { max-width:1280px; padding-block:20px; border-bottom:1px solid var(--commerce-line); color:#62736d; }.commercial-page main { background:var(--commerce-paper); }.commercial-page main>.section { padding-block:68px 100px; }.commercial-page .guide-content { max-width:1040px; }.commercial-page .guide-content>h2,.commercial-page .guide-content>p,.commercial-page .guide-content>.label { max-width:720px; margin-inline:auto; }.commercial-page .guide-content>h2 { color:var(--commerce-ink); font-family:var(--font-display); font-size:clamp(2.4rem,4vw,3.8rem); font-weight:500; letter-spacing:-.035em; }.commercial-page .guide-content>p { color:#465b54; font-size:1.02rem; line-height:1.8; }.commercial-page .editorial-disclosure,.commercial-page .notice-box { border-color:var(--commerce-line); background:#eff2ed; box-shadow:none; }.commercial-page .guide-grid,.commercial-page .rental-company-grid,.commercial-page .transfer-route-grid,.commercial-page .vehicle-profile-grid,.commercial-page .route-advice-grid { gap:0; border-top:1px solid var(--commerce-line); border-bottom:1px solid var(--commerce-line); }.commercial-page .guide-card,.commercial-page .rental-company-card,.commercial-page .transfer-route-card,.commercial-page .vehicle-profile-grid article,.commercial-page .route-advice-grid article { border:0; border-right:1px solid var(--commerce-line); border-radius:0; background:transparent; box-shadow:none; }.commercial-page .guide-card:hover,.commercial-page .rental-company-card:hover,.commercial-page .transfer-route-card:hover { transform:none; background:#eef1eb; box-shadow:none; }.commercial-page .guide-card h3,.commercial-page .rental-company-heading h3,.commercial-page .transfer-route-card h3,.commercial-page .vehicle-profile-grid h3,.commercial-page .route-advice-grid h3 { color:var(--commerce-ink); font-family:var(--font-display); font-weight:500; }.commercial-page .rental-checklist,.commercial-page .service-checklist,.commercial-page .transfer-verification { gap:0; border-top:1px solid var(--commerce-line); }.commercial-page .rental-checklist>div,.commercial-page .service-checklist>div,.commercial-page .transfer-verification>div { border-color:var(--commerce-line); background:transparent; }.commercial-page .rental-table-wrap { border-color:var(--commerce-line); box-shadow:none; }.commercial-page .rental-table thead th { background:#eff2ed; color:var(--commerce-ink); }
@media(max-width:768px){.commercial-page .rental-hero,.commercial-page .transfer-hero{min-height:650px;margin:82px 10px 0;padding:112px 0 76px;border-radius:18px}.commercial-page .article-page .guide-hero h1{font-size:clamp(3.2rem,11vw,4.5rem)}.commercial-page main>.section{padding-block:46px 72px}.commercial-page .guide-grid,.commercial-page .rental-company-grid,.commercial-page .transfer-route-grid,.commercial-page .vehicle-profile-grid,.commercial-page .route-advice-grid{grid-template-columns:1fr}.commercial-page .guide-card,.commercial-page .rental-company-card,.commercial-page .transfer-route-card,.commercial-page .vehicle-profile-grid article,.commercial-page .route-advice-grid article{border-right:0;border-bottom:1px solid var(--commerce-line)}.commercial-page .guide-card:last-child,.commercial-page .rental-company-card:last-child,.commercial-page .transfer-route-card:last-child,.commercial-page .vehicle-profile-grid article:last-child,.commercial-page .route-advice-grid article:last-child{border-bottom:0}}