:root { --bg: #05070f; --text: #e6ebf5; --muted: #a9b4c9; --dim: #7c879e; --stroke: rgba(255,255,255,.1); --cyan: #38e1ff; }
* { box-sizing: border-box; }
body { margin: 0; background: var(--bg); color: var(--text); font: 400 1.08rem/1.75 "Inter", system-ui, sans-serif; -webkit-font-smoothing: antialiased; }
a { color: var(--cyan); }
.wrap { max-width: 820px; margin: 0 auto; padding: 0 22px; }
.top { border-bottom: 1px solid var(--stroke); }
.top .wrap { max-width: 1100px; display: flex; justify-content: space-between; align-items: center; min-height: 74px; }
.back { color: var(--muted); text-decoration: none; font-size: .95rem; }
.back:hover { color: var(--text); }
.logo-mark { display: block; height: 26px; aspect-ratio: 669 / 131; background: linear-gradient(110deg, #38e1ff, #4f8cff 45%, #8b5cf6); -webkit-mask: url(/assets/azurv-logo.png) center / contain no-repeat; mask: url(/assets/azurv-logo.png) center / contain no-repeat; }
.doc { padding: 60px 22px 80px; }
h1 { font: 700 clamp(2rem, 5vw, 2.8rem)/1.1 "Sora", sans-serif; letter-spacing: -.03em; margin: 0 0 8px; }
h2 { font: 600 1.3rem/1.3 "Sora", sans-serif; letter-spacing: -.01em; margin: 42px 0 10px; scroll-margin-top: 20px; }
.meta { color: var(--dim); margin: 0 0 30px; }
p, li { color: #c9d1e0; }
ul { padding-left: 1.2em; }
li { margin-bottom: 8px; }
strong { color: var(--text); }
.toc { display: flex; flex-wrap: wrap; gap: 8px; margin: 26px 0 10px; }
.toc a { font-size: .9rem; text-decoration: none; padding: 7px 12px; border-radius: 999px; border: 1px solid var(--stroke); color: var(--muted); }
.toc a:hover { color: var(--text); border-color: rgba(255,255,255,.25); }
.callout { padding: 16px 18px; border-radius: 12px; border: 1px solid rgba(56,225,255,.3); background: rgba(56,225,255,.06); }
footer { border-top: 1px solid var(--stroke); padding: 26px 0; color: var(--dim); font-size: .92rem; }
footer .wrap { max-width: 1100px; display: flex; justify-content: space-between; flex-wrap: wrap; gap: 10px; }
footer a { color: var(--muted); }