/* Podstrony usług (/uslugi/*) — na tokenach z styles.css i klasach z blog.css. */
.us-art{max-width:860px}
.us-lede{color:var(--muted);font-size:1.15rem;max-width:62ch;margin-bottom:28px}
.us-ceny{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:14px;margin-bottom:22px}
.us-cena{display:flex;flex-direction:column;gap:4px;padding:20px 22px;border-radius:20px;background:var(--surface);box-shadow:0 0 0 1px var(--line)}
.us-cena-n{font-size:.88rem;color:var(--dim)}
.us-cena b{font-size:1.55rem;letter-spacing:-.03em;line-height:1.15}
.us-cena small{color:var(--blue-b);font-size:.88rem}
.us-cena p{color:var(--muted);font-size:.92rem;margin-top:6px}
.us-hot{box-shadow:0 0 0 1px var(--blue-b),0 30px 60px -40px rgba(37,99,235,.7)}
.us-akcja{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;margin-bottom:34px;font-size:.92rem}
.us-inne{margin-top:56px}
.us-inne h2{font-size:clamp(1.4rem,2.4vw,1.8rem);margin-bottom:14px}
.us-inne-l{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:12px}
.us-inne-l a{display:flex;flex-direction:column;gap:4px;padding:16px 18px;border-radius:16px;background:var(--surface);box-shadow:0 0 0 1px var(--line);text-decoration:none;transition:box-shadow .3s}
.us-inne-l a:hover{box-shadow:0 0 0 1px var(--blue-b)}
.us-inne-l span{color:var(--muted);font-size:.88rem;line-height:1.45}
.us-page .bl-body h2{scroll-margin-top:100px}
.us-page .foot a{text-decoration:none}
.us-page .foot a:hover{color:var(--text)}