:root { color-scheme: light; font-family: "SUIT Variable", "Apple SD Gothic Neo", system-ui, sans-serif; color: #20313c; background: #eaf4f6; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; background: linear-gradient(180deg,#f7fcfc,#eaf4f6); }
body[data-doc-page] { visibility: hidden; }
body[data-doc-page].doc-language-ready { visibility: visible; animation: doc-language-in .14s ease-out; }
@keyframes doc-language-in { from { opacity: 0; } to { opacity: 1; } }
a { color: #14777f; }
.doc-header { position: relative; padding: 1.2rem clamp(1rem,5vw,4rem); border-bottom: 1px solid #c8dbe0; background: rgba(255,255,255,.88); }
.doc-brand { display: flex; align-items: center; gap: .7rem; color: #203d48; font-weight: 900; text-decoration: none; }
.doc-brand img { width: 2.5rem; height: 2.5rem; padding: .25rem; border: 1px solid #a9d2d5; border-radius: .65rem; background: #fff; }
.doc-nav { display: flex; flex-wrap: wrap; gap: .35rem; margin-top: .8rem; }
.doc-nav a { padding: .4rem .65rem; border-radius: .4rem; color: #617883; font-size: .78rem; font-weight: 750; text-decoration: none; }
.doc-nav a:hover, .doc-nav a[aria-current="page"] { color: #14777f; background: #dff3f3; }
.doc-language { position: absolute; top: 1.2rem; right: clamp(1rem,5vw,4rem); display: flex; align-items: center; gap: .45rem; color: #617883; font-size: .75rem; font-weight: 750; }
.doc-language select { min-height: 2rem; padding: .25rem .55rem; border: 1px solid #b8d1d6; border-radius: .45rem; color: #203d48; background: #fff; font: inherit; cursor: pointer; }
.doc-main { width: min(54rem,calc(100% - 2rem)); margin: 1.5rem auto 3rem; padding: clamp(1.2rem,4vw,2.5rem); border: 1px solid #c8dbe0; border-radius: .8rem; background: #fff; box-shadow: 0 .5rem 1.5rem rgba(45,83,92,.09); }
.doc-main h1 { margin: 0 0 .5rem; color: #203d48; font-size: clamp(1.55rem,5vw,2.2rem); }
.doc-main h2 { margin: 2rem 0 .65rem; color: #176f73; font-size: 1.1rem; }
.doc-main p, .doc-main li { color: #465e68; line-height: 1.75; }
.doc-main li + li { margin-top: .35rem; }
.lead { margin-top: 0; color: #617883 !important; font-size: 1.02rem; }
.notice { padding: .85rem 1rem; border-left: .3rem solid #168a92; border-radius: .35rem; background: #eef8f8; }
.warning { border-left-color: #d08a37; background: #fff8eb; }
.doc-footer { padding: 1.2rem; border-top: 1px solid #c8dbe0; color: #617883; font-size: .75rem; text-align: center; }
code { padding: .1rem .3rem; border-radius: .25rem; background: #edf4f5; }
@media (max-width: 600px) {
  .doc-header { padding-top: 4.2rem; }
  .doc-language { top: .9rem; right: 1rem; }
}