/* Area parking-fee landing pages (/car-concierge/parking/). Extends site-v2 tokens. */
:root{--pa-cheap:#12805c;--pa-cheap-tint:#e6f4ee;--pa-bar:#145cdb;--pa-bar-soft:#c9dafb;--pa-warm:#a65c1c}
.pa-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.pa-stat{background:#fff;border:1px solid var(--tf-line);border-radius:18px;padding:22px 24px;display:flex;flex-direction:column;gap:6px}
.pa-stat.lead{background:var(--tf-ink);color:#fff;border-color:transparent;padding:28px 30px}
.pa-stat small{font-size:12px;font-weight:700;letter-spacing:.04em;color:var(--tf-muted)}
.pa-stat.lead small{color:#bdd1ff}
.pa-stat b{font-size:clamp(28px,3.4vw,40px);font-weight:800;letter-spacing:-.03em;line-height:1.15;font-variant-numeric:tabular-nums}
.pa-stat.lead b{font-size:clamp(40px,5.4vw,64px)}
.pa-stat b span{font-size:.45em;font-weight:700;margin-left:3px}
.pa-stat p{font-size:13px;line-height:1.75;color:var(--tf-muted)}
.pa-stat.lead p{color:#ccdae1}
.pa-stat.cheap{background:var(--pa-cheap-tint);border-color:#bfe3d3}
.pa-stat.cheap b{color:var(--pa-cheap)}
.pa-hist{display:grid;gap:10px;max-width:760px}
.pa-hist-row{display:grid;grid-template-columns:96px 1fr 64px;align-items:center;gap:12px;font-size:14px}
.pa-hist-row span:first-child{color:var(--tf-muted);font-weight:700}
.pa-hist-track{height:22px;background:#edf3fa;border-radius:6px;overflow:hidden}
.pa-hist-fill{display:block;height:100%;background:var(--pa-bar);border-radius:6px;transform-origin:left}
.pa-hist-row.cheap .pa-hist-fill{background:var(--pa-cheap)}
.pa-hist-row b{text-align:right;font-variant-numeric:tabular-nums}
.pa-two{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:40px;align-items:start}
.pa-tips{display:grid;gap:14px;counter-reset:tip}
.pa-tips li{list-style:none;position:relative;padding:20px 22px 20px 64px;background:#fff;border:1px solid var(--tf-line);border-radius:16px;font-size:15px;line-height:1.9;color:var(--tf-muted)}
.pa-tips li::before{counter-increment:tip;content:counter(tip,decimal-leading-zero);position:absolute;left:22px;top:20px;font-weight:800;color:var(--tf-blue);font-size:15px}
.pa-tips strong{display:block;color:var(--tf-ink);font-size:16px;margin-bottom:2px}
.pa-mix{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--tf-line);border:1px solid var(--tf-line);border-radius:16px;overflow:hidden}
.pa-mix div{background:#fff;padding:16px 18px;display:flex;justify-content:space-between;gap:10px;font-size:14px}
.pa-mix b{font-variant-numeric:tabular-nums}
.pa-num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.pa-up{color:var(--pa-warm);font-weight:700}
.pa-down{color:var(--pa-cheap);font-weight:700}
.pa-links{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}
.pa-links a{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:14px 16px;background:#fff;border:1px solid var(--tf-line);border-radius:12px;font-weight:700;font-size:15px;transition:border-color .2s,transform .2s}
.pa-links a:hover,.pa-links a:focus-visible{border-color:var(--tf-blue);transform:translateY(-2px)}
.pa-links small{font-weight:600;color:var(--tf-muted);font-size:12px;white-space:nowrap}
.pa-app{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:36px;align-items:center;background:#fff;border:1px solid var(--tf-line);border-radius:28px;padding:40px}
.pa-app ul{display:grid;gap:12px;margin-top:18px}
.pa-app li{list-style:none;padding-left:26px;position:relative;font-size:15px;line-height:1.8;color:var(--tf-muted)}
.pa-app li::before{content:'';position:absolute;left:4px;top:.72em;width:9px;height:9px;border-radius:50%;background:var(--tf-blue)}
.pa-app li b{color:var(--tf-ink)}
.pa-source{font-size:12px;line-height:1.9;color:var(--tf-muted);max-width:880px}
.pa-source p+p{margin-top:8px}
@media(max-width:760px){
  .pa-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .pa-stat{padding:17px 16px}
  .pa-stat.lead{grid-column:1/-1;padding:22px}
  .pa-stat b{font-size:26px}
  .pa-stat.lead b{font-size:42px}
  .pa-hist-row{grid-template-columns:78px 1fr 52px;font-size:13px;gap:8px}
  .pa-two{grid-template-columns:1fr;gap:28px}
  .pa-mix{grid-template-columns:1fr}
  .pa-app{grid-template-columns:1fr;padding:26px 22px;gap:18px}
  .pa-tips li{padding:18px 18px 18px 54px}
  .pa-tips li::before{left:18px}
}
@media(prefers-reduced-motion:reduce){.pa-links a{transition:none}.pa-links a:hover{transform:none}}