/* НАЙС.ОС Docs — unified light/dark enterprise theme; no external fonts/CDN. */
:root { --nice-radius: 16px; }

/* The two palettes use neutral surfaces. Teal is a restrained navigation
   accent; links are blue for clear contrast in both schemes. */
[data-md-color-scheme="default"] {
  color-scheme: light;
  --md-primary-fg-color: #172b40;
  --md-primary-fg-color--light: #244157;
  --md-primary-fg-color--dark: #101e2e;
  --md-accent-fg-color: #087d80;
  --md-accent-fg-color--transparent: #087d801c;
  --md-default-bg-color: #fafbfd;
  --md-default-bg-color--light: #ffffff;
  --md-default-bg-color--lighter: #ffffff;
  --md-default-bg-color--lightest: #ffffff;
  --md-default-fg-color: #202c3b;
  --md-default-fg-color--light: #536275;
  --md-default-fg-color--lighter: #69778a;
  --md-default-fg-color--lightest: #8592a2;
  --md-typeset-color: #202c3b;
  --md-typeset-a-color: #09639d;
  --md-code-bg-color: #edf2f7;
  --md-code-fg-color: #253449;
  --md-footer-bg-color: #172b40;
  --md-footer-bg-color--dark: #102032;
  --nice-surface: #f1f5f9;
  --nice-card-bg: #ffffff;
  --nice-border: #dce4ec;
  --nice-heading: #182536;
  --nice-ink: #202c3b;
  --nice-muted: #536275;
  --nice-link-hover: #064e7e;
  --nice-nav-active: #087d80;
  --nice-header-accent: #82ddd1;
}
[data-md-color-scheme="slate"] {
  color-scheme: dark;
  --md-primary-fg-color: #192a3c;
  --md-primary-fg-color--light: #263b52;
  --md-primary-fg-color--dark: #111e2d;
  --md-accent-fg-color: #70d7c9;
  --md-accent-fg-color--transparent: #70d7c924;
  --md-default-bg-color: #121821;
  --md-default-bg-color--light: #19232e;
  --md-default-bg-color--lighter: #202d3a;
  --md-default-bg-color--lightest: #283747;
  --md-default-fg-color: #e8edf4;
  --md-default-fg-color--light: #b5c0cf;
  --md-default-fg-color--lighter: #97a6b8;
  --md-default-fg-color--lightest: #79899c;
  --md-typeset-color: #e8edf4;
  --md-typeset-a-color: #91c6ff;
  --md-code-bg-color: #202b39;
  --md-code-fg-color: #e3ebf5;
  --md-footer-bg-color: #172534;
  --md-footer-bg-color--dark: #101c29;
  --nice-surface: #19232e;
  --nice-card-bg: #1b2733;
  --nice-border: #324153;
  --nice-heading: #f1f5f9;
  --nice-ink: #e8edf4;
  --nice-muted: #b5c0cf;
  --nice-link-hover: #bbdcff;
  --nice-nav-active: #75d6ca;
  --nice-header-accent: #82ddd1;
}
html { scroll-behavior: smooth; }
body, .md-typeset { font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Arial, sans-serif; }
.md-header { background: var(--md-primary-fg-color); box-shadow: none; border-bottom: 1px solid #ffffff18; }
.md-header__title { font-weight: 750; letter-spacing: -.025em; }
.md-tabs { background: var(--md-primary-fg-color); border-bottom: 1px solid #ffffff16; }
.md-tabs__item--active .md-tabs__link,
.md-tabs__link--active { color: var(--nice-header-accent); opacity: 1; }
.md-tabs__link { opacity: .86; }
.md-tabs__link:hover { opacity: 1; color: #ffffff; }
.md-main__inner { margin-top: 1.2rem; }
.md-content__inner { padding-bottom: 3.6rem; }
.md-content__inner > h1 { font-weight: 800; letter-spacing: -.04em; }
.md-typeset h1, .md-typeset h2, .md-typeset h3, .md-typeset h4 { color: var(--nice-heading); }
.md-typeset h2 { font-weight: 730; letter-spacing: -.025em; border-bottom: 1px solid var(--nice-border); padding-bottom: .34rem; }
.md-sidebar--primary .md-nav__title { font-weight: 750; }
.md-nav__link { color: var(--md-default-fg-color--light); }
.md-nav__link:hover { color: var(--md-typeset-a-color); }
.md-nav__link--active, .md-nav__item .md-nav__link--active { color: var(--nice-nav-active); font-weight: 720; }
.md-nav--secondary .md-nav__link--active { color: var(--nice-nav-active); }
.md-typeset a { color: var(--md-typeset-a-color); text-underline-offset: 3px; }
.md-typeset a:hover { color: var(--nice-link-hover); text-decoration: underline; }
.md-typeset pre > code { border-radius: 12px; }
.md-typeset code { border-radius: 5px; }
.md-typeset .highlight, .md-typeset pre { border-radius: 12px; }
.md-typeset .highlight > pre { border: 1px solid var(--nice-border); }
.md-typeset .admonition, .md-typeset details { border-radius: 11px; box-shadow: none; }
.md-typeset table:not([class]) { border-radius: 10px; overflow: hidden; }
.md-typeset table:not([class]) th { background: var(--nice-surface); color: var(--nice-heading); }
.md-search__form { border-radius: 10px; background: #ffffff1d; }
.md-search__form:focus-within { box-shadow: 0 0 0 2px var(--nice-header-accent); }
.md-header .md-search__input::placeholder { color: #d9e4ee; }
.md-footer { background: var(--md-footer-bg-color); }
.md-footer-meta { background: var(--md-footer-bg-color--dark); }
.md-typeset .headerlink { font-weight: 400; }
:focus-visible { outline: 2px solid var(--md-accent-fg-color); outline-offset: 3px; }
::selection { background: var(--md-accent-fg-color--transparent); }

/* Landing page */
.nice-hero {
  position: relative; isolation: isolate; overflow: hidden;
  border: 1px solid #354b60; border-radius: 21px;
  margin: 0 0 1.6rem; padding: clamp(1.45rem, 4vw, 3.15rem);
  background: radial-gradient(circle at 88% 8%, rgba(100,187,184,.12), transparent 34%),
              linear-gradient(122deg, #1b2a3b, #223448 61%, #2b4356);
  color: #eaf6fa;
}
.nice-hero::after {
  content: ""; position: absolute; right: -42px; bottom: -112px; width: 310px; height: 310px;
  border: 1px solid rgba(138,195,202,.23); transform: rotate(-28deg); border-radius: 54px;
  box-shadow: 0 0 0 39px rgba(111,180,188,.035), 0 0 0 93px rgba(111,180,188,.025);
  pointer-events: none; z-index: -1;
}
.nice-hero .eyebrow { display: inline-flex; align-items: center; gap: .6rem; font-size: .63rem; letter-spacing: .11em; text-transform: uppercase; color: #9bdcd7; font-weight: 790; }
.nice-hero .eyebrow::before { content:""; width: 8px; height: 8px; border-radius: 50%; background: #86cec5; }
.nice-hero h1 { color: #fff; font-size: clamp(2rem, 4.5vw, 3.15rem); letter-spacing: -.055em; line-height: 1.1; max-width: 810px; margin: 1.1rem 0 .8rem; font-weight: 790; }
.nice-hero h1 span { color: #a1ded9; }
.nice-hero p { color: #c5d6df; max-width: 650px; font-size: .9rem; margin: 0 0 1.6rem; line-height: 1.75; }
.nice-actions { display: flex; flex-wrap: wrap; gap: .75rem; }
.md-typeset .nice-btn { display: inline-flex; align-items: center; justify-content: center; padding: .7rem 1.02rem; border-radius: 9px; font-size: .76rem; font-weight: 790; text-decoration: none; transition: transform .18s, background .18s; }
.md-typeset .nice-btn:hover { transform: translateY(-2px); }
.md-typeset .nice-btn--primary { background: #9adbd2; color: #122a31; }
.md-typeset .nice-btn--secondary { border: 1px solid #7990a4; color: #f0fcfd; background: rgba(255,255,255,.04); }
.nice-kicker { color: var(--md-default-fg-color--light); font-size: .8rem; margin: -0.3rem 0 1rem; }
.nice-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1rem; margin: 1.2rem 0 2rem; }
.md-typeset .nice-card { background: var(--nice-card-bg); border: 1px solid var(--nice-border); border-radius: var(--nice-radius); padding: 1.3rem; text-decoration: none; display: block; color: var(--md-default-fg-color); box-shadow: 0 8px 22px #071b2b0a; transition: border-color .2s, box-shadow .2s, transform .2s; }
.md-typeset .nice-card:hover { border-color: var(--nice-nav-active); transform: translateY(-3px); box-shadow: 0 15px 28px #071b2b18; }
.nice-card__head { display:flex; align-items:center; justify-content:space-between; gap: .6rem; margin-bottom: .9rem; }
.nice-card__icon { width: 45px; height: 45px; border-radius: 12px; display: inline-flex; align-items:center; justify-content:center; background: #e7f2f2; font-weight: 850; color: #087d80; font-size: 1.05rem; }
[data-md-color-scheme="slate"] .nice-card__icon { background: #25414a; color: #a2ddd6; }
.nice-card__badge { padding: .25rem .5rem; border: 1px solid var(--nice-border); border-radius: 99px; font-size: .6rem; color: var(--nice-muted); font-weight: 700; white-space: nowrap; }
.nice-card h3 { margin: 0 0 .42rem; letter-spacing: -.025em; font-size: 1.11rem; font-weight: 780; }
.nice-card p { color: var(--nice-muted); margin: 0; line-height: 1.6; font-size: .74rem; min-height: 3rem; }
.nice-card__link { margin-top: 1.1rem; color: var(--md-accent-fg-color); font-weight: 800; font-size: .73rem; }
.nice-links { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: .7rem; margin: 1rem 0 1.8rem; }
.md-typeset .nice-link { padding: .95rem; border: 1px solid var(--nice-border); border-radius: 11px; color: var(--md-default-fg-color); text-decoration:none; background: var(--nice-surface); }
.nice-link strong { display: block; font-size:.76rem; }
.nice-link small { display: block; color: var(--nice-muted); margin-top: .25rem; font-size:.65rem; }
.md-typeset .nice-link:hover { border-color: var(--nice-nav-active); }
.nice-strip { border:1px solid var(--nice-border); border-left:4px solid var(--nice-nav-active); padding: 1rem 1.2rem; border-radius: 11px; background:var(--nice-surface); font-size:.78rem; }
.nice-strip strong { display: block; margin-bottom: .3rem; }
.nice-step { display: inline-flex; margin-right: .35rem; background:#e7f2f2; border: 1px solid #c6e1e0; color:#08777a; padding:.2rem .52rem; border-radius: 6px; font-weight: 750; font-size:.65rem; }
[data-md-color-scheme="slate"] .nice-step { background:#26424b; color:#abe3db; border-color:#47656d; }
@media (max-width: 800px) { .nice-grid { grid-template-columns: 1fr; } .nice-links { grid-template-columns: 1fr 1fr; } .nice-hero { border-radius: 14px; } }
@media (max-width: 480px) { .nice-links { grid-template-columns: 1fr; } .nice-hero h1 { font-size: 2rem; } }
@media (prefers-reduced-motion: reduce) { html {scroll-behavior:auto} .md-typeset .nice-btn:hover, .md-typeset .nice-card:hover {transform:none} }

/* R5: five compact primary tabs; subcategories live in left navigation. */
.md-tabs__list { gap: .18rem; flex-wrap: nowrap; }
.md-tabs__item { padding: 0 .25rem; }
.md-tabs__link { font-size: .68rem; white-space: nowrap; }
@media (max-width: 1100px) { .md-tabs__item { padding: 0 .08rem; } }

/* Readable navigation and TOC on dark backgrounds, including the active link. */
[data-md-color-scheme="slate"] .md-nav__link,
[data-md-color-scheme="slate"] .md-nav__title,
[data-md-color-scheme="slate"] .md-sidebar { color: var(--md-default-fg-color--light); }
[data-md-color-scheme="slate"] .md-nav__link--active,
[data-md-color-scheme="slate"] .md-nav__item .md-nav__link--active { color: var(--nice-nav-active); }
.md-typeset .nice-card__link { color: var(--md-typeset-a-color); }
.md-typeset .nice-card:hover .nice-card__link { color: var(--nice-link-hover); }