/* Loaded only by the EV charger permit guide (/ev-charger-permits/). */

.pg-checked{margin-top:1.1rem;font-size:.95rem;color:var(--muted)}
.hero-plain .pg-checked{margin-inline:auto}
.pg-covers{margin-top:1rem;color:var(--muted);max-width:56ch}
.pg-small{margin-top:1.25rem;font-size:.92rem;color:var(--muted)}
.pg-contact{margin-top:1.5rem;font-weight:500}
.pg-glance-title{font-size:1.25rem}
.pg-band-tight{padding-top:clamp(1.5rem,3vw,2.5rem)}
.pg-btn-row{justify-content:flex-start}

/* Comparison table: the guide's main reference. */
.pg-table-wrap{border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:#fff}
.pg-table{width:100%;border-collapse:collapse;font-size:.95rem;line-height:1.5}
.pg-table th,.pg-table td{padding:.95rem 1rem;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}
.pg-table thead th{background:var(--bg-soft);font-size:.86rem;font-weight:600;color:var(--muted)}
.pg-table tbody tr:last-child>*{border-bottom:0}
.pg-table thead th:first-child{width:15%}
.pg-table tbody th{font-weight:600}
.pg-table tbody th a{color:var(--teal-dark)}
.pg-table tbody tr:hover>*{background:#FBFEFE}

/* Step-by-step workflow. Numbered because the order matters. */
.pg-steps{list-style:none;margin:0 auto;padding:0;max-width:760px;counter-reset:pg}
.pg-steps>li{position:relative;counter-increment:pg;padding:0 0 1.9rem 3.6rem}
.pg-steps>li::before{
  content:counter(pg);position:absolute;left:0;top:0;width:2.35rem;height:2.35rem;
  display:grid;place-items:center;border-radius:50%;background:var(--teal);color:var(--ink);font-weight:700;
}
.pg-steps>li::after{
  content:"";position:absolute;left:1.15rem;top:2.6rem;bottom:.35rem;width:2px;background:var(--line);
}
.pg-steps>li:last-child{padding-bottom:0}
.pg-steps>li:last-child::after{display:none}
.pg-steps h3{font-size:1.12rem;line-height:1.4;margin:.3rem 0 .4rem}
.pg-steps p{margin:0;color:var(--muted)}
.pg-steps a{color:var(--teal-dark)}
.pg-steps-wide{max-width:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:2.5rem}
.pg-steps-wide>li::after{display:none}

.pg-note{max-width:760px;margin:0 auto 2rem;padding:1rem 1.2rem;border-left:3px solid var(--blue);
  background:#fff;border-radius:0 var(--r) var(--r) 0;color:var(--ink)}

/* Differences and common documents, side by side. */
.pg-two{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:clamp(2rem,5vw,4rem);align-items:start}
.pg-two h2{font-size:clamp(1.5rem,2.6vw,2rem);margin-bottom:1.1rem}
.pg-diff{margin:0}
.pg-diff>div{padding:1rem 0;border-top:1px solid var(--line)}
.pg-diff dt{font-weight:600;margin-bottom:.3rem}
.pg-diff dd{margin:0;color:var(--muted)}
.pg-list{margin:.6rem 0 0;padding-left:1.2rem}
.pg-list li{margin:.45rem 0;color:var(--muted)}

@media(max-width:860px){
  .pg-two{grid-template-columns:minmax(0,1fr)}
  .pg-steps-wide{grid-template-columns:minmax(0,1fr)}
}

/* Phones: each office becomes a stacked card. */
@media(max-width:760px){
  .pg-table-wrap{border:0;background:none;border-radius:0}
  .pg-table thead{display:none}
  .pg-table thead th:first-child{width:auto}
  .pg-table,.pg-table tbody,.pg-table tr,.pg-table th,.pg-table td{display:block;width:100%}
  .pg-table tr{background:#fff;border:1px solid var(--line);border-radius:var(--r);margin-bottom:.9rem;overflow:hidden}
  .pg-table tbody th{font-size:1.05rem;background:var(--bg-soft);border-bottom:1px solid var(--line)}
  .pg-table td{border-bottom:1px solid var(--line);padding:.6rem 1rem}
  .pg-table td::before{content:attr(data-label);display:block;font-size:.8rem;font-weight:600;color:var(--muted);margin-bottom:.15rem}
  .pg-table tbody tr:last-child>*{border-bottom:1px solid var(--line)}
  .pg-table tr>*:last-child{border-bottom:0}
  .pg-table tbody tr:hover>*{background:inherit}
  .pg-table tbody th{background:var(--bg-soft)}
}