:root{--mx-ink: #14213d;--mx-text: #334155;--mx-muted: #64748b;--mx-blue: #1d63c9;--mx-blue-dark: #154a99;--mx-blue-soft: #e8f0fc;--mx-paper: #fbfcfe;--mx-line: #dbe3ee;--mx-grid: rgba(29, 99, 201, .07);--mx-green: #0f7a55;--primary: #1d63c9;--primary-dark: #154a99;--border: #dbe3ee;--surface: #ffffff;--shadow-soft: 0 6px 20px rgba(20, 33, 61, .06);--surface-muted: #f4f7fb;--text-main: #14213d;--text-muted: #64748b;}
.mx-page section{scroll-margin-top: 80px;}
.mx-hero{padding: 64px 0 56px;background-image: linear-gradient(var(--mx-grid) 1px, transparent 1px),linear-gradient(90deg, var(--mx-grid) 1px, transparent 1px);background-size: 24px 24px;border-bottom: 1px solid var(--mx-line);--category-primary: #1d63c9;--category-primary-dark: #154a99;}
.mx-kicker{display: inline-block;font-size: 13px;font-weight: 700;letter-spacing: .04em;text-transform: uppercase;color: var(--mx-blue);margin: 0 0 12px;}
.mx-h1{font-size: clamp(2rem, 4.2vw, 3rem);font-weight: 800;line-height: 1.12;color: var(--mx-ink);margin: 0 0 18px;}
.mx-lead{font-size: 1.06rem;line-height: 1.7;max-width: 620px;margin: 0 0 14px;}
.mx-worked{background: #ffffff;border: 1px solid var(--mx-line);border-left: 4px solid var(--mx-blue);border-radius: 12px;padding: 22px 24px;margin: 0;box-shadow: 0 10px 30px rgba(20, 33, 61, .08);}
.mx-worked-cap{font-size: 12px;font-weight: 700;letter-spacing: .06em;text-transform: uppercase;color: var(--mx-muted);margin-bottom: 8px;}
.mx-worked-q{font-family: 'Cambria Math', 'Times New Roman', serif;font-size: 1.7rem;color: var(--mx-ink);padding-bottom: 12px;border-bottom: 1px dashed var(--mx-line);margin-bottom: 12px;}
.mx-worked-steps{list-style: none;counter-reset: step;padding: 0;margin: 0 0 14px;}
.mx-worked-steps li{counter-increment: step;display: flex;flex-wrap: wrap;align-items: baseline;gap: 4px 10px;padding: 6px 0;font-family: 'Cambria Math', 'Times New Roman', serif;font-size: 1.1rem;color: var(--mx-ink);}
.mx-worked-steps li::before{content: counter(step);font-family: system-ui, sans-serif;font-size: 12px;font-weight: 700;color: var(--mx-blue);background: var(--mx-blue-soft);border-radius: 50%;width: 22px;height: 22px;display: inline-grid;place-items: center;flex: 0 0 22px;}
.mx-worked-steps em{font-family: system-ui, sans-serif;font-size: 13px;font-style: normal;color: var(--mx-green);}
.mx-worked-ans span{font-weight: 700;background: #eaf7f1;padding: 2px 8px;border-radius: 6px;}
.mx-worked-note{font-size: 14px;line-height: 1.6;color: var(--mx-muted);margin: 0;}
.mx-worked-note a,.mx-limit-card a{color: var(--mx-blue-dark);font-weight: 600;}
.mx-head{max-width: 760px;margin-bottom: 28px;}
.mx-head h2{font-size: clamp(1.5rem, 3vw, 2rem);font-weight: 800;color: var(--mx-ink);margin: 0 0 10px;}
.mx-head p{font-size: 1rem;line-height: 1.7;margin: 0;}
.mx-problems{padding: 64px 0;}
.mx-table-wrap{overflow-x: auto;border: 1px solid var(--mx-line);border-radius: 12px;background: #ffffff;}
.mx-table{width: 100%;border-collapse: collapse;min-width: 560px;}
.mx-table th{font-size: 12px;font-weight: 700;letter-spacing: .05em;text-transform: uppercase;color: var(--mx-muted);background: var(--surface-muted);text-align: left;padding: 12px 16px;border-bottom: 1px solid var(--mx-line);}
.mx-table td{padding: 12px 16px;border-bottom: 1px solid var(--mx-line);vertical-align: top;font-size: 15px;}
.mx-table tr:last-child td{border-bottom: 0;}
.mx-table td a{color: var(--mx-blue-dark);font-weight: 600;text-decoration: none;}
.mx-table td a:hover{text-decoration: underline;}
.mx-ask{color: var(--mx-ink);}
.mx-ans{font-family: 'Cambria Math', 'Times New Roman', serif;font-size: 16px;color: var(--mx-green);white-space: nowrap;}
.mx-catalog{padding: 64px 0;border-top: 1px solid var(--mx-line);border-bottom: 1px solid var(--mx-line);}
.mx-layout{display: grid;grid-template-columns: 230px 1fr;gap: 36px;align-items: start;}
.mx-index{position: sticky;top: 148px;}
.mx-filter-label{display: block;font-size: 13px;font-weight: 700;color: var(--mx-ink);margin-bottom: 6px;}
.mx-filter{width: 100%;padding: 9px 12px;font-size: 15px;border: 1px solid var(--mx-line);border-radius: 8px;background: var(--mx-paper);color: var(--mx-ink);}
.mx-filter:focus{outline: 2px solid var(--mx-blue);outline-offset: 1px;border-color: var(--mx-blue);}
.mx-filter-count{font-size: 13px;color: var(--mx-muted);margin: 6px 0 14px;}
.mx-index ul{list-style: none;padding: 0;margin: 0;border-left: 2px solid var(--mx-line);}
.mx-index li a{display: flex;justify-content: space-between;gap: 8px;padding: 6px 12px;font-size: 14px;color: var(--mx-text);text-decoration: none;margin-left: -2px;border-left: 2px solid transparent;}
.mx-index li a:hover,.mx-index li a:focus-visible{color: var(--mx-blue-dark);border-left-color: var(--mx-blue);}
.mx-index li a span{color: var(--mx-muted);font-variant-numeric: tabular-nums;}
.mx-branch{margin-bottom: 40px;}
.mx-branch h3{font-size: 1.25rem;font-weight: 750;color: var(--mx-ink);margin: 0 0 6px;padding-bottom: 8px;border-bottom: 2px solid var(--mx-blue-soft);}
.mx-branch-note{font-size: 15px;line-height: 1.65;color: var(--mx-muted);margin: 8px 0 14px;max-width: 720px;}
.mx-tools{list-style: none;padding: 0;margin: 0;display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 10px;}
.mx-tool[hidden],.mx-branch[hidden]{display: none;}
.mx-tool a{display: flex;gap: 12px;align-items: flex-start;height: 100%;padding: 12px 14px;border: 1px solid var(--mx-line);border-radius: 10px;text-decoration: none;color: inherit;background: #ffffff;transition: border-color .15s, background-color .15s;}
.mx-tool a:hover,.mx-tool a:focus-visible{border-color: var(--mx-blue);background: var(--mx-blue-soft);}
.mx-tool img{flex: 0 0 48px;margin-top: 2px;}
.mx-tool-text{display: flex;flex-direction: column;gap: 3px;min-width: 0;}
.mx-tool-text strong{font-size: 15px;color: var(--mx-ink);}
.mx-tool-text span{font-size: 13.5px;line-height: 1.5;color: var(--mx-muted);display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.mx-empty{padding: 18px;border: 1px dashed var(--mx-line);border-radius: 10px;color: var(--mx-muted);}
.mx-limits{padding: 64px 0;}
.mx-limit-card{background: #ffffff;border: 1px solid var(--mx-line);border-radius: 12px;padding: 22px 24px;height: 100%;}
.mx-limit-card h3{font-size: 1.15rem;font-weight: 750;color: var(--mx-ink);margin: 0 0 10px;}
.mx-limit-card p{font-size: 15px;line-height: 1.65;}
.mx-code{background: #0f172a;color: #e2e8f0;border-radius: 8px;padding: 14px 16px;font-size: 14px;line-height: 1.6;overflow-x: auto;margin: 0 0 14px;}
.mx-limit-list{list-style: none;padding: 0;margin: 0;}
.mx-limit-list li{padding: 12px 0 12px 18px;border-bottom: 1px solid var(--mx-line);font-size: 15px;line-height: 1.6;position: relative;}
.mx-limit-list li::before{content: "";position: absolute;left: 0;top: 23px;width: 8px;height: 2px;background: var(--mx-blue);}
.mx-limit-list strong{color: var(--mx-ink);}
.mx-check{padding: 0 0 64px;}
.mx-check-box{background: var(--mx-ink);color: #dbe4f3;border-radius: 16px;padding: 36px 40px;}
.mx-check-box h2{font-size: clamp(1.4rem, 2.6vw, 1.8rem);font-weight: 800;color: #ffffff;margin: 0 0 20px;}
.mx-check-list{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 18px 36px;padding-left: 20px;margin: 0;}
.mx-check-list li{font-size: 15px;line-height: 1.65;padding-left: 4px;}
.mx-check-list li::marker{color: #8fb6f0;font-weight: 700;}
.mx-check-list strong{color: #ffffff;}
.mx-faq{padding: 0 0 72px;}
@media (max-width: 991.98px){.mx-layout{grid-template-columns: 1fr;gap: 20px;}.mx-index{position: static;}.mx-index ul{display: flex;flex-wrap: nowrap;overflow-x: auto;border-left: 0;gap: 8px;padding-bottom: 4px;}.mx-index li a{white-space: nowrap;border: 1px solid var(--mx-line);border-radius: 999px;margin-left: 0;padding: 6px 12px;}.mx-index li a:hover,.mx-index li a:focus-visible{border-color: var(--mx-blue);}}
@media (max-width: 767.98px){.mx-hero{padding: 40px 0;}.mx-problems,.mx-catalog,.mx-limits{padding: 44px 0;}.mx-tools,.mx-check-list{grid-template-columns: 1fr;}.mx-check-box{padding: 26px 20px;}.mx-worked{padding: 18px;}.mx-ans{white-space: normal;}}