/* Общие стили подстраниц лендинга karexo.pro (цены, переезд, агенты, свой сервер, гайды, документы). Главная держит свои стили у себя. */
/* Шрифты те же, что у главной (лежат в fonts/) */
@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/inter-cyrillic-400-normal.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/inter-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/inter-cyrillic-600-normal.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/inter-latin-600-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/jetbrains-mono-cyrillic-600-normal.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/jetbrains-mono-latin-600-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--bg-base:#0B0E14;--bg-surface:#11151E;--bg-inset:#0E1219;--border-subtle:#1E2530;--border-default:#2A3342;--text-hi:#E6EDF3;--text-primary:#C9D1D9;--text-secondary:#8B97A7;--accent:#34E5C4;--accent-soft:rgba(52,229,196,.12);--warn:#E5B34A;--ui:'Inter',system-ui,sans-serif;--mono:'JetBrains Mono',ui-monospace,monospace}
html[data-theme=light]{--bg-base:#F6F8FB;--bg-surface:#FFFFFF;--bg-inset:#EEF2F6;--border-subtle:#E3E8EF;--border-default:#D3DAE3;--text-hi:#0B0E14;--text-primary:#2A3342;--text-secondary:#536072;--accent:#0A8270;--accent-soft:rgba(10,130,112,.09);--warn:#9A6200}
*{box-sizing:border-box}
html{background:var(--bg-base)}
body{margin:0;background:var(--bg-base);color:var(--text-primary);font-family:var(--ui);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}
a{color:var(--accent);text-decoration:none}a:hover{color:var(--text-hi)}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}
.top{border-bottom:1px solid var(--border-subtle)}
.top>div{max-width:820px;margin:0 auto;padding:16px clamp(16px,4vw,32px);display:flex;align-items:center;gap:14px}
.logo{display:flex;align-items:center;gap:10px;font-family:var(--mono);font-weight:600;font-size:16px;color:var(--text-hi)}
.sp{margin-left:auto;display:flex;gap:10px;align-items:center}
.tb{min-width:36px;height:36px;padding:0 10px;display:grid;place-items:center;background:transparent;border:1px solid var(--border-default);border-radius:11px;color:var(--text-secondary);cursor:pointer;font-family:var(--mono);font-size:12px;font-weight:600;letter-spacing:.04em}
.tb:hover{border-color:var(--accent);color:var(--accent)}
main{max-width:820px;margin:0 auto;padding:40px clamp(16px,4vw,32px) 64px}
h1,.h1{font-size:clamp(28px,4vw,38px);line-height:1.2;font-weight:700;margin:0 0 8px;color:var(--text-hi)}
h2{font-size:20px;margin:36px 0 10px;color:var(--text-hi)}
p,li{color:var(--text-primary)}
ul{padding-left:22px}li{margin:6px 0}
.meta{color:var(--text-secondary);font-size:14px;margin:0 0 28px}
.note{background:var(--accent-soft);border:1px solid var(--border-default);border-radius:12px;padding:14px 16px;margin:20px 0}
table{width:100%;border-collapse:collapse;margin:14px 0;font-size:15px}
th,td{text-align:left;vertical-align:top;border-bottom:1px solid var(--border-subtle);padding:10px 12px 10px 0}
th{color:var(--text-secondary);font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:.04em}
.todo{background:rgba(229,179,74,.2);color:var(--warn);border-radius:4px;padding:0 4px}
code{font-family:var(--mono);font-size:.9em;background:var(--bg-inset);border-radius:5px;padding:1px 5px}
footer{border-top:1px solid var(--border-subtle)}
footer>div{max-width:820px;margin:0 auto;padding:24px clamp(16px,4vw,32px) 36px;display:flex;flex-wrap:wrap;gap:12px 24px;font-size:14px;color:var(--text-secondary)}
article[lang=en]{display:none}
html[lang=en] article[lang=en]{display:block}
html[lang=en] article[lang=ru]{display:none}
@media (max-width:560px){th,td{font-size:14px}}