
.page-hero{padding:62px 0 58px;background:linear-gradient(180deg,#fff,#f7f9fd);border-bottom:1px solid var(--line)}
.breadcrumbs{margin-bottom:24px}
.breadcrumbs ol{display:flex;flex-wrap:wrap;gap:6px 12px;margin:0;padding:0;list-style:none;color:#8794a7;font-size:9.5px}
.breadcrumbs li:not(:last-child)::after{content:"/";margin-left:12px;color:#b2bdcb}
.breadcrumbs a:hover{color:var(--red)}
.page-hero-grid{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:52px}
.page-hero h1{margin:12px 0 15px;font-size:clamp(38px,4.6vw,58px);line-height:1.05;letter-spacing:-2.4px}
.page-hero p{margin:0;color:var(--muted);font-size:14px}
.page-main{padding:72px 0}
.page-content{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:52px;align-items:start}
.article{min-width:0}
.article h2{margin:42px 0 11px;font-size:28px;line-height:1.18;letter-spacing:-1px}
.article h2:first-child{margin-top:0}
.article h3{margin:28px 0 8px;font-size:18px;letter-spacing:-.4px}
.article p{margin:0 0 15px;color:#596980;font-size:13px}
.article ul,.article ol{margin:0 0 18px;padding-left:21px;color:#596980;font-size:12px}
.article li{margin:6px 0}
.article .lead-answer{margin-bottom:24px;padding:18px;border:1px solid #f0d6dc;border-radius:16px;background:#fff6f8;color:#4d5c72;font-size:13px}
.article .lead-answer strong{color:var(--red)}
.article-table{width:100%;margin:19px 0 27px;border-collapse:separate;border-spacing:0;overflow:hidden;border:1px solid var(--line);border-radius:14px;font-size:10.5px}
.article-table th,.article-table td{padding:11px 12px;text-align:left;border-bottom:1px solid var(--line)}
.article-table th{background:#f7f9fd;color:#394861;font-size:10px}
.article-table td{color:#607087}
.article-table tr:last-child td{border-bottom:0}
.sidebar{position:sticky;top:100px;display:grid;gap:14px}
.side-card{padding:18px;border:1px solid var(--line);border-radius:17px;background:#fff}
.side-card h2{margin:0 0 10px;font-size:13px}
.side-card a{display:block;padding:7px 0;border-top:1px solid #eef2f6;color:#6c7a90;font-size:10px}
.side-card p{margin:0;color:#76849a;font-size:10px}
.tool-page-block{margin:30px 0 42px}
.tool-page-block .downloader-card{box-shadow:var(--shadow-sm)}
.guide-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px}
.guide-card{padding:22px;border:1px solid var(--line);border-radius:18px;background:#fff}
.guide-card span{color:var(--red);font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.1em}
.guide-card h2{margin:9px 0 8px;font-size:18px}
.guide-card p{margin:0;color:var(--muted);font-size:10.5px}
.guide-card a{display:inline-flex;margin-top:17px;color:var(--red);font-size:10px;font-weight:900}
.contact-box{max-width:720px;padding:26px;border:1px solid var(--line);border-radius:20px;background:#fff}
.contact-box a{color:var(--red);font-weight:800}
.legal-note{margin:22px 0;padding:17px;border:1px solid #dde6f1;border-radius:15px;background:#f8fbff}
.legal-note p{margin:0!important;font-size:11px!important}
.error-page{min-height:65vh;display:grid;place-items:center;text-align:center;padding:70px 20px}
.error-page strong{display:block;color:#f1c6cf;font-size:110px;line-height:.9;letter-spacing:-8px}
.error-page h1{margin:16px 0 9px;font-size:34px}
.error-page p{max-width:600px;margin:0 auto 22px;color:var(--muted);font-size:13px}
@media(max-width:1020px){.page-hero-grid{grid-template-columns:1fr}.page-content{grid-template-columns:1fr}.sidebar{position:static}.guide-cards{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.page-hero{padding:45px 0}.page-main{padding:56px 0}.guide-cards{grid-template-columns:1fr}.article-table{display:block;overflow-x:auto}.page-hero h1{font-size:40px}}
