/* blog.css — the article frame and the guides index of pavmacleaning.ca (2026-10-02).
   Site tokens: navy #081a44, ink #0b173f, cyan #27c5dd / #129fbc, line #d8e7f0, cream #eef7fb.
   Text colours are chosen for WCAG AA on their own backgrounds. */
.pg-hero{padding:72px 0 56px;background:linear-gradient(135deg,#06132f,#0a2a61 72%,#126b91);color:#fff}
.pg-hero .breadcrumbs{font-size:14px;color:rgba(255,255,255,.86)}
.pg-hero .breadcrumbs a{color:#fff;text-decoration:underline;text-underline-offset:3px}
.pg-hero h1{max-width:900px;margin:18px 0 0;font:500 clamp(34px,4.6vw,58px)/1.1 Georgia,serif;letter-spacing:-.02em;color:#fff}
.pg-hero .pg-meta{margin:18px 0 0;font-size:15px;color:rgba(255,255,255,.86)}
.pg-hero .pg-lede{max-width:820px;margin:16px 0 0;font-size:19px;line-height:1.7;color:rgba(255,255,255,.92)}
.pg-wrap{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:56px;align-items:start;padding:56px 0 24px}
.pg-cover{margin:0 0 34px;border-radius:14px;overflow:hidden;border:1px solid #d8e7f0;background:#eef7fb}
.pg-cover img{display:block;width:100%;height:auto}
.pg-article{max-width:780px;color:#1b2740;font-size:18px;line-height:1.78}
.pg-article p{margin:0 0 20px}
.pg-article h2{margin:44px 0 14px;font:500 clamp(28px,3vw,36px)/1.18 Georgia,serif;color:#0b173f;letter-spacing:-.02em}
.pg-article h3{margin:30px 0 10px;font:700 21px/1.3 Arial,Helvetica,sans-serif;color:#0b173f}
.pg-article ul,.pg-article ol{margin:0 0 22px;padding-left:24px}
.pg-article li{margin:0 0 9px}
.pg-article a{color:#0b5f86;font-weight:700;text-underline-offset:3px}
.pg-article strong{color:#0b173f}
.pg-article blockquote{margin:26px 0;padding:18px 22px;border-left:4px solid #27c5dd;background:#eef7fb;border-radius:0 10px 10px 0;font-style:italic;color:#1b2740}
.pg-article table{width:100%;margin:8px 0 26px;border-collapse:collapse;font-size:16px;line-height:1.5}
.pg-article th,.pg-article td{padding:11px 12px;border:1px solid #d8e7f0;text-align:left;vertical-align:top}
.pg-article th{background:#081a44;color:#fff;font-weight:700}
.pg-article tr:nth-child(even) td{background:#f6fafd}
.pg-article figure{margin:28px 0}
.pg-article figure img{display:block;max-width:100%;height:auto;border-radius:12px;border:1px solid #d8e7f0}
.pg-article figcaption{margin-top:8px;font-size:14px;color:#3d4f6c}
.pg-aside{position:sticky;top:110px;padding:26px;border:1px solid #d8e7f0;border-radius:14px;background:#fff;box-shadow:0 12px 32px rgba(8,26,68,.07)}
.pg-aside h2{margin:0 0 10px;font:500 26px/1.2 Georgia,serif;color:#0b173f}
.pg-aside p{margin:0 0 18px;font-size:16px;line-height:1.6;color:#33404d}
.pg-aside .btn{width:100%;margin-top:10px}
.pg-aside .btn.border{color:#081a44 !important;border:1px solid #081a44 !important;background:#fff !important}
.pg-aside .pg-aside-link{display:block;margin-top:16px;font-size:15px;font-weight:700;color:#0b5f86;text-decoration:underline;text-underline-offset:3px}
.pg-faq{max-width:780px;padding:8px 0 40px}
.pg-faq h2{margin:0 0 16px;font:500 clamp(28px,3vw,36px)/1.18 Georgia,serif;color:#0b173f}
.pg-faq details{border:1px solid #d8e7f0;border-radius:12px;background:#fff;margin:0 0 10px}
.pg-faq summary{cursor:pointer;padding:16px 18px;font-weight:700;color:#0b173f;list-style:none}
.pg-faq summary::-webkit-details-marker{display:none}
.pg-faq summary:after{content:"+";float:right;color:#129fbc;font-weight:900}
.pg-faq details[open] summary:after{content:"–"}
.pg-faq details p{margin:0;padding:0 18px 16px;font-size:17px;line-height:1.7;color:#1b2740}
.pg-sources{max-width:780px;padding:0 0 36px;font-size:15px;color:#33404d}
.pg-sources h2{margin:0 0 8px;font:700 17px/1.3 Arial,Helvetica,sans-serif;color:#0b173f}
.pg-sources a{color:#0b5f86}
.pg-related{padding:20px 0 70px}
.pg-related h2{margin:0 0 18px;font:500 clamp(26px,2.6vw,32px)/1.2 Georgia,serif;color:#0b173f}
.pg-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.pg-card{display:flex;flex-direction:column;border:1px solid #d8e7f0;border-radius:14px;overflow:hidden;background:#fff;text-decoration:none;color:#0b173f;transition:box-shadow .2s}
.pg-card:hover{box-shadow:0 14px 34px rgba(8,26,68,.12)}
.pg-card img{display:block;width:100%;height:auto;aspect-ratio:1200/630;object-fit:cover;background:#eef7fb}
.pg-card span{display:block;padding:16px 18px 6px;font:700 18px/1.35 Arial,Helvetica,sans-serif}
.pg-card small{display:block;padding:0 18px 18px;font-size:15px;line-height:1.55;color:#3d4f6c}
.pg-index-intro{max-width:820px;padding:44px 0 6px;font-size:18px;line-height:1.75;color:#1b2740}
.pg-index{padding:24px 0 80px}
@media(max-width:980px){.pg-wrap{grid-template-columns:1fr;gap:32px}.pg-aside{position:static}.pg-cards{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.pg-hero{padding:52px 0 40px}.pg-article{font-size:17px}.pg-cards{grid-template-columns:1fr}.pg-article table{display:block;overflow-x:auto}}