:root {
  color-scheme:dark;
  --bg:#0e131c;
  --panel:#161c27;
  --line:#28313f;
  --text:#e8ecf3;
  --muted:#a4b0c2;
  --accent:#75b7ff;
  --focus:#ffce70;
  --sans:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
@media(prefers-color-scheme:light) {
  :root {
    color-scheme:light;
    --bg:#f5f7fb;
    --panel:#fff;
    --line:#d4dce8;
    --text:#16202e;
    --muted:#4f5d70;
    --accent:#075bb7;
    --focus:#744000;
  }
}
* {
  box-sizing:border-box;
}
html {
  scroll-padding-top:6rem;
}
body {
  margin:0;
  background:var(--bg);
  color:var(--text);
  font:1rem/1.75 var(--sans);
}
a {
  color:var(--accent);
  text-underline-offset:.2em;
}
a:hover {
  text-decoration-thickness:2px;
}
a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible {
  outline:3px solid var(--focus);
  outline-offset:4px;
}
button,input,summary {
  font:inherit;
}
button,summary {
  cursor:pointer;
}
img {
  max-width:100%;
}
[hidden] {
  display:none!important;
}
.skip-link {
  position:absolute;
  left:1rem;
  top:-10rem;
  padding:.6rem 1rem;
  background:var(--panel);
  z-index:10;
}
.skip-link:focus {
  top:1rem;
}
.topbar {
  position:sticky;
  top:0;
  z-index:5;
  display:flex;
  justify-content:space-between;
  gap:1rem;
  align-items:center;
  padding:1rem max(1.5rem,calc((100vw - 1260px)/2));
  background:var(--bg);
  border-bottom:1px solid var(--line);
}
.brand {
  display:flex;
  align-items:center;
  color:var(--text);
  font-size:1.2rem;
  font-weight:750;
  text-decoration:none;
}
.brand img {
  margin-right:.6rem;
}
.brand span {
  color:var(--accent);
}
.topbar nav {
  display:flex;
  gap:1.5rem;
}
.topbar nav a {
  text-decoration:none;
}
.topbar [aria-current] {
  color:var(--text);
  font-weight:650;
}
.doc-layout {
  display:grid;
  grid-template-columns:250px minmax(0,1fr);
  gap:3.5rem;
  max-width:1260px;
  margin:auto;
  padding:2.5rem 1.5rem 0;
}
.sidebar {
  position:sticky;
  top:6rem;
  align-self:start;
  height:calc(100vh - 7rem);
  overflow-y:auto;
  padding:0 1rem 1rem 0;
}
.sidebar nav h2,.mobile-nav nav h2 {
  font-size:.73rem;
  letter-spacing:.09em;
  text-transform:uppercase;
  color:var(--muted);
  margin:1.5rem 0 .35rem;
}
.sidebar ul,.mobile-nav nav ul {
  list-style:none;
  padding:0;
  margin:0;
}
.sidebar li,.mobile-nav nav li {
  line-height:1.45;
  margin:.2rem 0;
}
.sidebar a,.mobile-nav nav a {
  display:block;
  padding:.35rem .6rem;
  border-radius:6px;
  color:var(--muted);
  font-size:.91rem;
  text-decoration:none;
}
.sidebar a:hover,.mobile-nav nav a:hover {
  color:var(--text);
  background:var(--panel);
}
.sidebar a[aria-current=page],.mobile-nav nav a[aria-current=page] {
  color:var(--accent);
  background:var(--panel);
  border-left:2px solid var(--accent);
}
.sidebar .all-guides {
  color:var(--text);
  font-weight:650;
}
.mobile-nav {
  display:none;
}
.reading {
  min-width:0;
  max-width:900px;
}
.eyebrow {
  text-transform:uppercase;
  letter-spacing:.13em;
  font-size:.75rem;
  color:var(--accent);
  font-weight:700;
  margin-top:0;
}
h1 {
  font-size:clamp(2rem,3.4vw,3rem);
  line-height:1.12;
  letter-spacing:-.045em;
  margin:.6rem 0 1.2rem;
}
h2 {
  font-size:1.35rem;
  line-height:1.35;
  letter-spacing:-.02em;
  margin:0 0 .85rem;
}
h3 {
  font-size:1rem;
  line-height:1.4;
}
.lead {
  font-size:1.14rem;
  color:var(--muted);
  line-height:1.6;
  max-width:65ch;
}
.release-note,.callout {
  background:var(--panel);
  border:1px solid var(--line);
  border-left:3px solid var(--accent);
  border-radius:8px;
  padding:1rem 1.2rem;
  font-size:.94rem;
}
.release-note {
  margin:1.5rem 0;
}
.guide-search {
  margin:2rem 0 0;
}
.guide-search label {
  display:block;
  font-size:.88rem;
  font-weight:650;
  margin-bottom:.4rem;
}
.search-row {
  display:flex;
  gap:.65rem;
}
.search-row input {
  width:100%;
  min-width:0;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--panel);
  color:var(--text);
  padding:.7rem 1rem;
}
.search-row input::placeholder {
  color:var(--muted);
  opacity:1;
}
.search-row button {
  padding:.7rem 1rem;
  border:1px solid var(--accent);
  border-radius:8px;
  background:var(--accent);
  color:var(--bg);
  font-weight:700;
}
.search-status {
  color:var(--muted);
  font-size:.9rem;
  min-height:1.6em;
  margin:.5rem 0 1.5rem;
}
.category,.start-here {
  margin:2.6rem 0;
}
.guide-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:.9rem;
}
.guide-card {
  display:block;
  padding:1.2rem;
  background:var(--panel);
  border:1px solid var(--line);
  border-radius:10px;
  text-decoration:none;
  overflow-wrap:anywhere;
}
.guide-card:hover {
  border-color:var(--accent);
  text-decoration:none;
}
.guide-card h3 {
  margin:0 0 .5rem;
  color:var(--text);
}
.guide-card p {
  font-size:.93rem;
  color:var(--muted);
  line-height:1.55;
  margin:.4rem 0 1rem;
}
.guide-card span {
  font-size:.75rem;
  color:var(--accent);
}
.task-links {
  display:grid;
  gap:.7rem;
}
.task-links a {
  font-weight:650;
  text-decoration:none;
  padding:.8rem 1rem;
  border-left:2px solid var(--line);
}
.task-links span {
  display:block;
  color:var(--muted);
  font-weight:400;
  font-size:.91rem;
}
.breadcrumbs {
  display:flex;
  flex-wrap:wrap;
  gap:.5rem;
  font-size:.85rem;
  color:var(--muted);
  margin:0 0 1.5rem;
}
.contents {
  background:var(--panel);
  border:1px solid var(--line);
  padding:1.1rem 1.4rem;
  border-radius:10px;
  margin:2rem 0;
}
.contents h2 {
  font-size:.78rem;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--muted);
}
.contents ul {
  margin:0;
  padding-left:1.2rem;
}
.contents a {
  font-size:.94rem;
}
article {
  max-width:72ch;
}
article section {
  margin:2.8rem 0;
}
article p {
  margin:.8rem 0;
}
article li {
  padding-left:.3rem;
  margin:.75rem 0;
}
article li::marker {
  color:var(--accent);
  font-weight:700;
}
code {
  font: .91em ui-monospace,SFMono-Regular,Menlo,monospace;
  overflow-wrap:anywhere;
  background:var(--panel);
  border:1px solid var(--line);
  border-radius:4px;
  padding:.08em .25em;
}
pre {
  overflow-x:auto;
  max-width:100%;
  background:var(--panel);
  border:1px solid var(--line);
  border-radius:8px;
  padding:1rem;
  line-height:1.55;
}
pre code {
  border:0;
  padding:0;
  white-space:pre;
  overflow-wrap:normal;
}
.callout p {
  margin:.4rem 0 0;
}
.related {
  border-top:1px solid var(--line);
  padding-top:1.5rem;
}
.related ul {
  padding-left:1.2rem;
}
footer {
  border-top:1px solid var(--line);
  margin:3rem 0 0;
  padding:1.7rem 0 2.5rem;
  font-size:.82rem;
  color:var(--muted);
}
footer p {
  margin:.35rem 0;
}
#search-results .guide-card {
  margin:.8rem 0;
}
@media(max-width:900px) {
  .doc-layout {
    grid-template-columns:210px minmax(0,1fr);
    gap:1.5rem;
  }
  .guide-grid {
    grid-template-columns:1fr;
  }
}
@media(max-width:700px) {
  .topbar {
    padding:.8rem 1rem;
  }
  .topbar nav {
    gap:1rem;
  }
  .doc-layout {
    display:block;
    padding:1rem;
  }
  .sidebar {
    display:none;
  }
  .mobile-nav {
    display:block;
    margin:0 0 2rem;
    border:1px solid var(--line);
    border-radius:8px;
    background:var(--panel);
    padding:.7rem 1rem;
  }
  .mobile-nav nav {
    padding-bottom:.5rem;
  }
  .guide-grid {
    grid-template-columns:1fr;
  }
  .search-row button {
    padding:.6rem .75rem;
  }
  .search-row input {
    padding:.6rem .7rem;
  }
  h1 {
    font-size:2.1rem;
  }
  .contents {
    padding:1rem;
  }
  .lead {
    font-size:1.04rem;
  }
  article ol,article ul {
    padding-left:1.5rem;
  }
}
@media(prefers-reduced-motion:reduce) {
  html {
    scroll-behavior:auto;
  }
}