/* Page-only styles. Shared styles live in /assets/site/site.css */
/* shared fixes */
.pbfaq .facts-card{background:var(--navy);align-self:start}
.pbfaq .two-col .timeline,.pbfaq .steps-card .timeline{grid-template-columns:1fr;gap:12px}
.pbfaq .indep{font-size:13px;color:var(--muted);background:#f6f7fa;border-radius:10px;padding:10px 12px;margin:14px 0 0}
/* Desjardins page */
.pbfaq .data-table td:first-child{white-space:nowrap}
.pbfaq .perm-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.pbfaq .perm{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;display:flex;flex-direction:column}
.pbfaq .perm .tag{align-self:flex-start;font-size:11.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;background:#e8eef8;color:#1d3a6b;border-radius:999px;padding:3px 10px}
.pbfaq .perm h3{color:var(--navy);font-size:18px;margin:10px 0 8px;font-weight:700}
.pbfaq .perm ul{padding-left:18px;margin:0 0 10px;font-size:14.5px;flex:1}
.pbfaq .perm p{margin:0;font-size:14px;color:var(--muted);border-top:1px dashed var(--line);padding-top:10px}
.pbfaq .pc{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.pbfaq .pc>div{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px}
.pbfaq .pc h3{margin:0 0 8px;color:var(--navy);font-size:18px}
.pbfaq .pc ul{margin:0;padding-left:18px}
.pbfaq .cta-inline{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.pbfaq #tl-calc .row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.pbfaq .calc select,.pbfaq .calc input[type=number]{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:10px;font:inherit;background:#fff}
.pbfaq .tl{list-style:none;margin:10px 0 14px;padding:0;border-left:3px solid var(--gold-soft)}
.pbfaq .tl li{position:relative;padding:0 0 12px 18px;font-size:14.5px}
.pbfaq .tl li::before{content:"";position:absolute;left:-8px;top:5px;width:13px;height:13px;border-radius:50%;background:var(--gold);border:2px solid #fff}
.pbfaq .tl li.past::before{background:#b8c0cc}
.pbfaq .tl b{color:var(--navy)}
.pbfaq #ci .two-col,.pbfaq #cost .two-col{align-items:start}
@media (max-width:1100px){.pbfaq .perm-grid{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.pbfaq .perm-grid,.pbfaq .pc,.pbfaq #tl-calc .row2{grid-template-columns:1fr}}
