/* Business-type pages and guides (navdoot.com/for/…, /guides/…) */
.h1-page { font-size: clamp(1.9rem, 4.4vw, 2.9rem); }
.illus { width: 100%; height: auto; border-radius: 24px; border: 1px solid var(--line); background: var(--card); }
.narrow { max-width: 820px; }
.example { margin-top: 22px; background: var(--brand-soft); border-radius: 14px; padding: 16px 20px; color: var(--muted); }
.related { margin-top: 32px; }
.related ul { padding-left: 20px; }
.hero-small { padding: 56px 0 24px; }
.card-link { text-decoration: none; color: var(--ink); transition: border-color .15s, transform .15s; }
.card-link:hover { border-color: var(--brand); transform: translateY(-2px); color: var(--ink); }
.guide .lead { max-width: none; }
.crumbs { font-size: .88rem; color: var(--soft); margin-bottom: 8px; }
.crumbs a { color: var(--soft); }
.code-block { background: var(--card); border: 1px solid var(--line); border-radius: 12px; padding: 14px 18px; font-family: ui-monospace, Menlo, Consolas, monospace; font-size: .92rem; margin: 12px 0 18px; }
.band-doc { margin-top: 40px; }
.steps .card h3 { padding-right: 38px; }
.foot-cols { display: grid !important; grid-template-columns: 1.4fr 1fr 1fr 1fr; gap: 24px; }
.foot-cols nav { display: flex; flex-direction: column; gap: 6px; }
.foot-h { font-weight: 700; color: var(--ink); margin-bottom: 6px; }
@media (max-width: 900px) { .foot-cols { grid-template-columns: 1fr 1fr; } }
@media (max-width: 640px) { .foot-cols { grid-template-columns: 1fr; } }