/* Logistics City Pages — scoped under .lcp-page so nothing leaks into the theme.
   Colour variables reuse the theme's --fp-* tokens where they exist. */

.lcp-page{--lcp-navy:var(--fp-blue,#1e3a8a);--lcp-orange:var(--fp-orange,#f97316);--lcp-ink:#0f172a;--lcp-muted:#64748b;--lcp-line:#e2e8f0;--lcp-bg:#f8fafc;color:var(--lcp-ink);font-size:16px;line-height:1.7}
.lcp-container{max-width:1080px;margin:0 auto;padding:0 20px}

/* Breadcrumb */
.lcp-bc{background:var(--lcp-bg);border-bottom:1px solid var(--lcp-line);font-size:13px}
.lcp-bc ol{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:10px 0}
.lcp-bc li+li:before{content:"/";color:var(--lcp-muted);margin-right:8px}
.lcp-bc a{color:var(--lcp-navy);text-decoration:none}
.lcp-bc a:hover{text-decoration:underline}

/* Hero */
.lcp-hero{background:linear-gradient(180deg,#fff 0%,var(--lcp-bg) 100%);border-bottom:1px solid var(--lcp-line);padding:34px 0 30px}
.lcp-hero-inner{display:grid;grid-template-columns:1.15fr .85fr;gap:28px;align-items:center}
.lcp-pill{display:inline-block;background:rgba(30,58,138,.08);color:var(--lcp-navy);font-size:12px;font-weight:800;letter-spacing:.02em;padding:5px 12px;border-radius:999px;margin-bottom:12px}
.lcp-hero h1{font-size:clamp(24px,3.2vw,36px);line-height:1.25;margin:0 0 12px;letter-spacing:-.02em}
.lcp-hero-sub{color:var(--lcp-muted);font-size:14.5px;margin:0}

/* Figures */
.lcp-fig{margin:26px 0}
.lcp-fig img{width:100%;height:auto;display:block;border-radius:12px;box-shadow:0 10px 28px rgba(15,23,42,.08)}
.lcp-fig figcaption{margin-top:8px;font-size:13px;color:var(--lcp-muted);line-height:1.55}
.lcp-hero-fig{margin:0}

/* Two-column layout — same geometry as the Logistics SEO Pages template
   (1fr / 280px grid, 32px gap, sticky sidebar at 90px) so the two page
   families feel like one site. */
.lcp-body{padding:30px 0 50px}
.lcp-two-col{display:grid;grid-template-columns:1fr 280px;gap:32px;align-items:start}
.lcp-two-col.lcp-one-col{grid-template-columns:1fr}
.lcp-main{min-width:0}

/* Sidebar */
.lcp-sidebar{position:sticky;top:90px;display:flex;flex-direction:column;gap:16px}
.lcp-sidebar-box{background:#fff;border:1px solid var(--lcp-line);border-radius:12px;padding:20px}
.lcp-sidebar-box h3{font-size:14px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--lcp-ink);margin:0 0 12px;padding-bottom:8px;border-bottom:2px solid var(--lcp-line)}
.lcp-sidebar-links{list-style:none;margin:0;padding:0}
.lcp-sidebar-links li{margin-bottom:7px}
.lcp-sidebar-links a{font-size:13px;color:var(--lcp-navy);text-decoration:none;line-height:1.5}
.lcp-sidebar-links a:hover{color:var(--lcp-orange);text-decoration:underline}
.lcp-contact-box{background:linear-gradient(135deg,#1e3a8a,var(--lcp-navy));border:none}
.lcp-contact-box h3{color:#fff;border-color:rgba(255,255,255,.2)}
.lcp-contact-box p{color:rgba(255,255,255,.85);font-size:13px;margin-bottom:14px;line-height:1.6}
.lcp-btn-wa{display:block;text-align:center;background:#25d366;color:#fff!important;padding:10px;border-radius:8px;font-weight:700;font-size:14px;text-decoration:none;margin-bottom:8px}
.lcp-btn-outline{display:block;text-align:center;background:rgba(255,255,255,.12);color:#fff!important;padding:9px;border-radius:8px;font-size:13px;text-decoration:none;border:1px solid rgba(255,255,255,.25)}
.lcp-section{margin:0 0 34px}
.lcp-section h2{font-size:clamp(20px,2.4vw,26px);color:var(--lcp-navy);margin:0 0 14px;padding-bottom:9px;border-bottom:2px solid rgba(30,58,138,.09)}
.lcp-section h3{font-size:18px;margin:22px 0 10px}
.lcp-section p{margin:0 0 14px}
.lcp-note{color:var(--lcp-muted)}

/* Tables */
.lcp-table{width:100%;border-collapse:collapse;margin:16px 0;font-size:15px;display:block;overflow-x:auto}
.lcp-table th,.lcp-table td{border:1px solid var(--lcp-line);padding:10px 13px;text-align:left;vertical-align:top}
.lcp-table th[scope=row]{background:var(--lcp-bg);font-weight:700;width:38%;white-space:normal}
.lcp-compare thead th{background:var(--lcp-navy);color:#fff;font-weight:700}
.lcp-compare tbody tr:nth-child(even){background:#fafbfc}

/* Checklist */
.lcp-checklist{margin:0;padding-left:0;list-style:none}
.lcp-checklist li{position:relative;padding:9px 0 9px 30px;border-bottom:1px solid var(--lcp-line)}
.lcp-checklist li:before{content:"✓";position:absolute;left:4px;top:9px;color:#15803d;font-weight:800}

/* FAQ */
.lcp-faq-item{border-bottom:1px solid var(--lcp-line)}
.lcp-faq-item summary{cursor:pointer;list-style:none;padding:14px 36px 14px 2px;font-weight:700;position:relative}
.lcp-faq-item summary::-webkit-details-marker{display:none}
.lcp-faq-item summary:after{content:"+";position:absolute;right:6px;top:50%;transform:translateY(-50%);color:var(--lcp-orange);font-weight:800}
.lcp-faq-item[open] summary:after{content:"–"}
.lcp-faq-a{padding:0 2px 15px;color:#3f4a5a}
.lcp-faq-a p{margin:0}

/* Link grids */
.lcp-linkgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px 16px;list-style:none;margin:12px 0;padding:0}
.lcp-linkgrid a{color:var(--lcp-navy);text-decoration:none;font-weight:600;font-size:14.5px}
.lcp-linkgrid a:hover{color:var(--lcp-orange);text-decoration:underline}

/* City cards */
.lcp-citygrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px;margin:16px 0}
.lcp-citycard{display:block;padding:15px 16px;border:1px solid var(--lcp-line);border-radius:12px;background:#fff;text-decoration:none;color:inherit;transition:border-color .18s,box-shadow .18s,transform .18s}
.lcp-citycard:hover{border-color:rgba(249,115,22,.5);box-shadow:0 12px 26px rgba(15,23,42,.07);transform:translateY(-2px)}
.lcp-citycard strong{display:block;color:var(--lcp-navy);font-size:16px;margin-bottom:5px}
.lcp-citycard-role{display:block;font-size:13.5px;color:#3f4a5a;line-height:1.5;margin-bottom:6px}
.lcp-citycard-meta{display:block;font-size:12.5px;color:var(--lcp-muted)}

/* References */
.lcp-refs{background:var(--lcp-bg);border:1px solid var(--lcp-line);border-left:4px solid var(--lcp-navy);border-radius:10px;padding:20px 22px}
.lcp-refs h2{border-bottom:none;padding-bottom:0;font-size:20px}
.lcp-refs-intro{font-size:14.5px;color:#3f4a5a}
.lcp-refs-list{margin:10px 0 6px;padding-left:20px}
.lcp-refs-list li{margin:6px 0;font-size:14.5px}
.lcp-refs-updated{color:var(--lcp-muted);margin:8px 0 0}

/* CTA */
.lcp-cta{background:linear-gradient(135deg,rgba(30,58,138,.05),rgba(249,115,22,.06));border:1px solid var(--lcp-line);border-radius:14px;padding:24px}
.lcp-cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:6px}
.lcp-btn{display:inline-block;background:var(--lcp-navy);color:#fff;font-weight:800;font-size:14.5px;padding:11px 22px;border-radius:9px;text-decoration:none}
.lcp-btn:hover{background:#16307a;color:#fff}
.lcp-btn-ghost{background:#fff;color:var(--lcp-navy);border:1px solid var(--lcp-navy)}
.lcp-btn-ghost:hover{background:var(--lcp-navy);color:#fff}

/* Same 900px breakpoint the SEO Pages template uses, so the two layouts
   collapse to one column at the same width. */
@media (max-width:900px){
  .lcp-two-col{grid-template-columns:1fr}
  .lcp-sidebar{position:static}
}

@media (max-width:820px){
  .lcp-hero-inner{grid-template-columns:1fr}
  .lcp-hero-fig{margin-top:6px}
  .lcp-table th[scope=row]{width:44%}
}