@font-face { font-family: Manrope; src: url(fonts/manrope-latin-wght-normal.woff2) format("woff2"); font-weight: 200 800; font-display: swap; }
@font-face { font-family: Manrope; src: url(fonts/manrope-cyrillic-wght-normal.woff2) format("woff2"); font-weight: 200 800; font-display: swap; unicode-range: U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116; }
@font-face { font-family: "JetBrains Mono"; src: url(fonts/jetbrains-mono-latin-wght-normal.woff2) format("woff2"); font-weight: 100 800; font-display: swap; }
:root { --md-text-font: Manrope; --md-code-font: "JetBrains Mono"; --md-primary-fg-color: oklch(0.36 0.04 255); --md-accent-fg-color: oklch(0.48 0.12 162); }
[data-md-color-scheme="default"] { --md-default-bg-color: oklch(0.985 0.003 255); --md-default-fg-color: oklch(0.2 0.02 255); }
[data-md-color-scheme="slate"] { --md-default-bg-color: oklch(0.16 0.014 255); --md-default-fg-color: oklch(0.94 0.008 255); --md-accent-fg-color: oklch(0.77 0.14 162); --md-typeset-a-color: oklch(0.77 0.14 162); }
.md-header { background: var(--md-default-bg-color); color: var(--md-default-fg-color); box-shadow: none; border-bottom: 1px solid #8883; }
.md-tabs { display: none; }
.product-switch { background: var(--md-default-bg-color); border-bottom: 1px solid #8883; }
.product-switch__inner { max-width: 61rem; margin: auto; padding: .7rem .8rem; display: flex; align-items: center; gap: .35rem; flex-wrap: wrap; }
.brand, .brand-docs { font-size: 1rem; font-weight: 800; letter-spacing: -.04em; }
.brand-docs { opacity: .6; }
.product-switch__links { margin-left: 2rem; display: flex; gap: .4rem; }
.product-switch__links a { padding: .4rem .7rem; border-radius: .4rem; font-size: .7rem; font-weight: 700; }
.product-switch__links a[aria-current] { background: oklch(0.72 0.13 162 / .17); color: var(--md-accent-fg-color); }
.product-switch a:focus-visible { outline: 2px solid var(--md-accent-fg-color); outline-offset: 3px; }
.md-typeset h1 { font-weight: 800; letter-spacing: -.04em; color: var(--md-default-fg-color); }
.md-typeset .md-button { padding: .35em .85em; font-size: .7rem; font-weight: 600; line-height: 1.5; border-width: 1px; border-radius: .3rem; }
@media(max-width: 480px) { .product-switch__links { margin-left: 0; width: 100%; } }

[data-md-color-scheme="default"], [data-md-color-scheme="slate"] { --md-primary-fg-color: oklch(0.36 0.04 255); --md-accent-fg-color: oklch(0.48 0.12 162); --md-typeset-a-color: oklch(0.36 0.04 255); }
[data-md-color-scheme="slate"] { --md-typeset-a-color: oklch(0.77 0.14 162); --md-accent-fg-color: oklch(0.77 0.14 162); }
.product-switch__links { margin-left: 0; }

.dzen-brand { display: flex; align-items: center; gap: .3rem; font-weight: 800; letter-spacing: -.03em; }
.dzen-brand a:focus-visible { outline: 2px solid var(--md-accent-fg-color); outline-offset: 4px; }

.dzen-footer { border-top: 1px solid #8883; padding: 1.2rem .8rem; background: var(--md-default-bg-color); }
.dzen-footer nav { max-width: 61rem; margin: auto; display: flex; flex-wrap: wrap; gap: .7rem 1.5rem; font-size: .7rem; }
.dzen-footer a:hover { text-decoration: underline; }

.cost-calculator { padding: 1rem; border: 1px solid #8884; border-radius: .5rem; }
.cost-calculator__form { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .85rem; }
.cost-calculator label { display: flex; flex-direction: column; gap: .3rem; font-size: .7rem; font-weight: 600; }
.cost-calculator input, .cost-calculator select { width: 100%; min-width: 0; padding: .5rem; border: 1px solid #8886; border-radius: .25rem; background: var(--md-default-bg-color); color: var(--md-default-fg-color); font: inherit; }
.cost-calculator input:focus-visible, .cost-calculator select:focus-visible { outline: 2px solid var(--md-accent-fg-color); outline-offset: 2px; }
.cost-calculator small { font-size: .6rem; font-weight: 400; line-height: 1.5; opacity: .8; }
.cost-calculator button { justify-self: start; }
.cost-calculator__caption { font-size: .7rem; font-weight: 700; }
.cost-calculator__metrics { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .75rem; }
.cost-calculator__metrics > div { padding: .7rem; background: #8881; border-radius: .3rem; }
.cost-calculator__metrics dt { font-size: .65rem; font-weight: 400; }
.cost-calculator__metrics dd { margin: .25rem 0 0; font-size: 1rem; font-weight: 700; overflow-wrap: anywhere; }
.cost-calculator__table-wrap { overflow-x: auto; }
.cost-calculator__table-wrap table { width: 100%; font-size: .65rem; }
.cost-calculator__table-wrap caption { text-align: left; margin-bottom: .5rem; }
.cost-calculator__error { color: var(--md-typeset-a-color); }
@media(max-width: 600px) { .cost-calculator__form, .cost-calculator__metrics { grid-template-columns: 1fr; } }