/* Sitemap page; builds on printer-buzz-blogs.css. */
.sm-hero{padding-bottom:80px}

/* Summary strip */
.sm-stats{position:relative;z-index:2;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin-top:-44px;border:1px solid var(--bg-line);border-radius:20px;background:#fff;box-shadow:0 20px 44px -30px #003d434d;overflow:hidden}
.sm-stats li{display:grid;justify-items:center;gap:2px;padding:20px 12px;text-align:center}
.sm-stats li+li{border-left:1px solid var(--bg-line)}
.sm-stats strong{font-family:var(--bg-display);font-size:30px;font-weight:800;line-height:1.1;color:var(--bg-teal)}
.sm-stats span{font-size:14px;font-weight:600;color:var(--bg-muted)}
.sm-status{margin-top:18px!important;font-size:15px;color:var(--bg-muted)}
.sm-status:empty{margin:0!important}

/* Cards */
.sm-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:32px}
.sm-card{padding:24px;border:1px solid var(--bg-line);border-radius:20px;background:#fff;transition:border-color .2s,box-shadow .2s}
.sm-card:hover{border-color:#b9d6cd;box-shadow:0 18px 36px -26px #003d4359}
.sm-page .sm-card h2{display:flex;align-items:center;gap:12px;font-size:19px;margin-bottom:16px}
.sm-card-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--bg-mint);color:var(--bg-teal);flex-shrink:0}
.sm-page .sm-card-icon .pb-icon{width:21px;height:21px}
.sm-list{display:grid;gap:2px}
.sm-list a{position:relative;display:block;padding:7px 8px 7px 22px;border-radius:9px;font-size:15px;font-weight:500;line-height:1.4;color:#1f3a3f;transition:background .15s,color .15s}
.sm-list a::before{content:"";position:absolute;left:8px;top:.95em;width:6px;height:6px;border-radius:50%;background:#a9c7bf;transition:background .15s}
.sm-list a:hover{background:var(--bg-mint);color:var(--bg-teal)}
.sm-list a:hover::before{background:var(--bg-coral)}
.sm-sublist{display:grid;gap:0;margin:2px 0 8px 22px!important;padding-left:10px!important;border-left:2px solid var(--bg-mint)}
.sm-sublist a{font-size:14px;color:var(--bg-muted)}
.sm-list a mark,.sm-card h3 mark{padding:0 2px;border-radius:3px;background:#ffe3dc;color:inherit}

/* Product and article groups */
.sm-section{margin-top:64px}
.sm-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:22px}
.sm-page .sm-section-head h2{font-size:clamp(25px,2.3vw,32px)}
.sm-more{display:inline-flex;align-items:center;gap:7px;color:var(--bg-coral-text)!important;font-size:15px;font-weight:600;white-space:nowrap}
.sm-more:hover{text-decoration:underline;text-underline-offset:3px}
.sm-page .sm-more .pb-icon{width:17px;height:17px}
.sm-columns{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;align-items:start}
.sm-page .sm-card h3{display:flex;align-items:center;gap:10px;font-size:18px;margin-bottom:12px}
.sm-card h3 a:hover{color:var(--bg-teal)}
.sm-card h3 span{padding:2px 9px;border-radius:999px;background:var(--bg-mint);color:var(--bg-teal);font-family:'PB Inter',Inter,Arial,sans-serif;font-size:12.5px;font-weight:700}
.sm-list-compact a{font-size:14px;padding-block:6px}
.sm-details>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;list-style:none;cursor:pointer}
.sm-details>summary::-webkit-details-marker{display:none}
.sm-page .sm-details>summary h3{margin-bottom:0}
.sm-details[open]>summary{margin-bottom:12px}
.sm-page .sm-details>summary>.pb-icon{width:20px;height:20px;color:var(--bg-muted);transition:transform .2s}
.sm-details[open]>summary>.pb-icon{transform:rotate(180deg)}
.sm-details:not([open]):hover{border-color:var(--bg-teal)}
.sm-empty{margin-top:32px}

@media(max-width:1100px){
.sm-grid,.sm-columns{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
.sm-stats{grid-template-columns:repeat(3,minmax(0,1fr))}
.sm-stats li:nth-child(4){border-left:0}
.sm-stats li:nth-child(n+4){border-top:1px solid var(--bg-line)}
.sm-stats strong{font-size:25px}
}
@media(max-width:640px){
.sm-hero{padding-bottom:70px}
.sm-grid,.sm-columns{grid-template-columns:1fr;gap:14px}
.sm-card{padding:20px 18px;border-radius:18px}
.sm-section{margin-top:48px}
.sm-section-head{flex-direction:column;align-items:flex-start;gap:8px}
.sm-stats li{padding:16px 6px}
.sm-stats span{font-size:13px}
}