/* бесплатные сервисы УзБП (uzbp/services.py): хаб /services/ и страницы инструментов — фрейм во всю ширину, текст для поиска под ним */
.sv{max-width:1200px;margin:0 auto;padding:32px 24px 8px}
.sv .crumbs a{color:var(--muted);text-decoration:none}.sv .crumbs a:hover{color:var(--g2)}
.sv h1{max-width:900px;margin:14px 0 10px;font:600 clamp(28px,3.4vw,42px)/1.15 var(--hf);letter-spacing:-.02em;text-transform:none}
.sv-lead{max-width:860px;margin:0 0 12px;font:400 17px/1.6 var(--bf);color:var(--ink2)}
.sv-free{display:inline-flex;align-items:center;gap:8px;margin:0 0 8px;font:600 13px/1.2 var(--hf);color:var(--gd)}
.sv-free::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--g)}
.sv-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:28px 0 56px;padding:0;list-style:none}
.sv-card{display:flex;flex-direction:column;gap:10px;height:100%;padding:26px 24px;border:1px solid var(--line);border-radius:16px;background:#fff;
  color:var(--ink);text-decoration:none;transition:border-color .2s,box-shadow .2s,transform .2s}
.sv-card:hover{border-color:var(--g);box-shadow:0 12px 32px rgba(5,157,78,.10);transform:translateY(-2px)}
.sv-card b{font:600 20px/1.25 var(--hf)}
.sv-card span{font:400 15px/1.55 var(--bf);color:var(--ink2)}
.sv-card i{margin-top:auto;padding-top:8px;font:600 14px/1 var(--hf);font-style:normal;color:var(--gd)}
.sv-ico{width:46px;height:46px;border-radius:12px;background:var(--soft) center/24px no-repeat}
.sv-ico-invoice{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23059D4E' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3h9l3 3v15H6z'/%3E%3Cpath d='M9 9h6M9 13h6M9 17h4'/%3E%3C/svg%3E")}
.sv-ico-qr{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23059D4E' stroke-width='1.8' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='7' height='7' rx='1'/%3E%3Crect x='14' y='3' width='7' height='7' rx='1'/%3E%3Crect x='3' y='14' width='7' height='7' rx='1'/%3E%3Cpath d='M14 14h3v3h-3zM18 18h3v3h-3zM14 20h2M20 14v2'/%3E%3C/svg%3E")}
.sv-ico-profile{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23059D4E' stroke-width='1.8' stroke-linecap='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21c1.5-4 4.5-6 8-6s6.5 2 8 6'/%3E%3C/svg%3E")}
.sv-frame-wrap{max-width:1280px;margin:0 auto;padding:0 8px}
.sv-frame{display:block;width:100%;border:0;background:transparent}
.sv-text{padding-top:24px;padding-bottom:56px}
.sv-text section{max-width:860px;margin:0 0 32px}
.sv-text h2{margin:0 0 14px;font:600 24px/1.3 var(--hf);color:var(--ink)}
.sv-text ol{margin:0;padding-left:22px;font:400 16px/1.7 var(--bf);color:#1d2a23}
.sv-text li+li{margin-top:8px}
.sv-text details{border-top:1px solid var(--line);padding:14px 0}
.sv-text details:last-child{border-bottom:1px solid var(--line)}
.sv-text summary{cursor:pointer;font:600 17px/1.4 var(--hf);color:var(--ink);list-style:none}
.sv-text summary::-webkit-details-marker{display:none}
.sv-text summary::after{content:"+";float:right;color:var(--g)}
.sv-text details[open] summary::after{content:"−"}
.sv-text details p{margin:10px 0 0;font:400 16px/1.65 var(--bf);color:var(--ink2)}
.sv-more{display:flex;flex-wrap:wrap;gap:10px 18px;font:600 15px/1.4 var(--hf)}
.sv-more a{color:var(--gd);text-decoration:none}.sv-more a:hover{text-decoration:underline}
@media (max-width:900px){.sv-cards{grid-template-columns:1fr}}
@media (max-width:640px){.sv{padding:20px 16px 4px}.sv-frame-wrap{padding:0}.sv-lead{font-size:16px}}