/* Meet API docs. Colours follow the Meet app: Core Blue #0B6AF4, Deep Navy #052556, Ink Blue #1E3358, Cloud #F5F8FF. */
:root {
  --bg: #f5f8ff; --card: #ffffff; --fg: #1e3358; --muted: #55678a; --border: #dde5f3; --primary: #0b6af4; --primary-fg: #fff;
  --navy: #052556; --code-bg: #0d1b36; --code-fg: #e6edf9; --inline-bg: #e9f0fd; --warn-bg: #fff6e0; --warn-border: #f0c765;
  --note-bg: #eaf2ff; --link: #0a59cc; --ok: #0e7a55; --radius: 10px;
  --font: 'Inter Variable', Inter, ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --mono: ui-monospace, SFMono-Regular, Menlo, Consolas, 'Liberation Mono', monospace;
  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #081326; --card: #0d1b36; --fg: #e4ebf8; --muted: #9bacca; --border: #1d2f52; --primary: #5b9bff; --primary-fg: #04132c;
    --code-bg: #060f20; --inline-bg: #15264a; --warn-bg: #2b2412; --warn-border: #7a6224; --note-bg: #10234a; --link: #7db0ff; --ok: #4cc9a0; color-scheme: dark;
  }
}
:root[data-theme="dark"] {
  --bg: #081326; --card: #0d1b36; --fg: #e4ebf8; --muted: #9bacca; --border: #1d2f52; --primary: #5b9bff; --primary-fg: #04132c;
  --code-bg: #060f20; --inline-bg: #15264a; --warn-bg: #2b2412; --warn-border: #7a6224; --note-bg: #10234a; --link: #7db0ff; --ok: #4cc9a0; color-scheme: dark;
}
* { box-sizing: border-box; }
html { scroll-padding-top: 76px; -webkit-text-size-adjust: 100%; }
body { margin: 0; background: var(--bg); color: var(--fg); font: 16px/1.65 var(--font); }
a { color: var(--link); text-underline-offset: 2px; }
a:hover { text-decoration-thickness: 2px; }
code, pre { font-family: var(--mono); }
:focus-visible { outline: 2px solid var(--primary); outline-offset: 2px; border-radius: 4px; }

.skip { position: absolute; left: -999px; top: 8px; background: var(--card); padding: 8px 12px; border-radius: 6px; z-index: 100; }
.skip:focus { left: 8px; }

.top { position: sticky; top: 0; z-index: 50; display: flex; align-items: center; gap: 12px; height: 60px; padding: 0 16px; background: var(--card); border-bottom: 1px solid var(--border); }
.brand { display: flex; align-items: center; gap: 10px; color: var(--fg); text-decoration: none; font-weight: 700; white-space: nowrap; }
.brand img { width: 28px; height: 28px; border-radius: 8px; }
.brand small { font-weight: 500; color: var(--muted); }
.top .spacer { flex: 1; }
.search { position: relative; flex: 0 1 340px; min-width: 0; }
.search input { width: 100%; height: 38px; padding: 0 12px; border: 1px solid var(--border); border-radius: 8px; background: var(--bg); color: var(--fg); font: inherit; font-size: 15px; }
.search-results { position: absolute; left: 0; right: 0; top: 44px; background: var(--card); border: 1px solid var(--border); border-radius: var(--radius); box-shadow: 0 18px 44px rgba(5, 37, 86, .18); max-height: 70vh; overflow: auto; display: none; }
.search-results.open { display: block; }
.search-results a { display: block; padding: 10px 14px; text-decoration: none; color: var(--fg); border-bottom: 1px solid var(--border); }
.search-results a:last-child { border-bottom: 0; }
.search-results a:hover, .search-results a[aria-selected="true"] { background: var(--inline-bg); }
.search-results b { display: block; font-size: 15px; }
.search-results span { display: block; font-size: 13px; color: var(--muted); }
.search-results p { margin: 0; padding: 12px 14px; color: var(--muted); }
.toplink { color: var(--muted); text-decoration: none; font-size: 14px; white-space: nowrap; }
.toplink:hover { color: var(--fg); }
.iconbtn { height: 38px; min-width: 38px; border: 1px solid var(--border); border-radius: 8px; background: var(--bg); color: var(--fg); cursor: pointer; font: inherit; font-size: 14px; }

.layout { display: grid; grid-template-columns: 1fr; gap: 0 40px; max-width: 1360px; margin: 0 auto; padding: 0 16px 64px; }
.sidenav, .toc { display: none; }
.mnav, .mtoc { margin: 12px 0; background: var(--card); border: 1px solid var(--border); border-radius: var(--radius); }
.mnav > summary, .mtoc > summary { padding: 12px 14px; cursor: pointer; font-weight: 600; }
.mnav > div, .mtoc > div { padding: 0 14px 12px; max-height: 60vh; overflow: auto; }
.navgroup { margin: 14px 0 0; font-size: 12px; letter-spacing: .06em; text-transform: uppercase; color: var(--muted); font-weight: 700; }
.navlist, .toclist { list-style: none; margin: 4px 0 0; padding: 0; }
.navlist a, .toclist a { display: block; padding: 5px 10px; border-radius: 6px; color: var(--fg); text-decoration: none; font-size: 15px; line-height: 1.4; }
.navlist a:hover, .toclist a:hover { background: var(--inline-bg); }
.navlist a[aria-current="page"] { background: var(--inline-bg); color: var(--primary); font-weight: 600; }
.toclist a { color: var(--muted); font-size: 14px; padding: 3px 10px; }
.toclist .l3 a { padding-left: 24px; }
.badge { display: inline-block; margin-left: 6px; padding: 1px 7px; border-radius: 999px; background: var(--warn-bg); border: 1px solid var(--warn-border); font-size: 11px; font-weight: 700; vertical-align: middle; color: var(--fg); }

article { min-width: 0; padding-top: 8px; }
article h1 { font-size: clamp(1.7rem, 5vw, 2.35rem); line-height: 1.2; margin: 18px 0 8px; letter-spacing: -.02em; overflow-wrap: anywhere; }
article h2 { font-size: 1.5rem; line-height: 1.3; margin: 2.2em 0 .4em; padding-top: .3em; border-top: 1px solid var(--border); letter-spacing: -.01em; }
article h3, article h4 { font-size: 1.15rem; margin: 1.6em 0 .3em; }
article h2 .anchor, article h3 .anchor { margin-left: 6px; color: var(--muted); text-decoration: none; opacity: 0; font-weight: 400; }
article h2:hover .anchor, article h3:hover .anchor, .anchor:focus { opacity: 1; }
.lede { font-size: 1.1rem; color: var(--muted); margin: 0 0 1.2em; }
article p, article li { overflow-wrap: anywhere; }
article :not(pre) > code { background: var(--inline-bg); padding: .1em .35em; border-radius: 5px; font-size: .9em; overflow-wrap: anywhere; }
article blockquote { margin: 1.2em 0; padding: 10px 16px; background: var(--note-bg); border-left: 4px solid var(--primary); border-radius: 0 var(--radius) var(--radius) 0; }
article blockquote p { margin: .3em 0; }
article hr { border: 0; border-top: 1px solid var(--border); margin: 2em 0; }
.preview-note { background: var(--warn-bg); border: 1px solid var(--warn-border); border-radius: var(--radius); padding: 10px 14px; margin: 12px 0; }

.code { margin: 1.1em 0; border-radius: var(--radius); background: var(--code-bg); overflow: hidden; border: 1px solid var(--border); }
.code-bar { display: flex; justify-content: space-between; align-items: center; padding: 4px 8px 4px 14px; font-size: 12px; color: #9fb2d6; font-family: var(--mono); background: rgba(255,255,255,.04); }
.copy { border: 1px solid rgba(255,255,255,.2); background: transparent; color: #cfe0ff; border-radius: 6px; padding: 3px 10px; font: inherit; font-size: 12px; cursor: pointer; min-height: 28px; }
.copy:hover { background: rgba(255,255,255,.1); }
.code pre { margin: 0; padding: 12px 14px; overflow-x: auto; color: var(--code-fg); font-size: 13.5px; line-height: 1.55; tab-size: 2; }
.code pre code { background: none; padding: 0; font-size: inherit; }

.tablewrap { overflow-x: auto; margin: 1em 0; border: 1px solid var(--border); border-radius: var(--radius); background: var(--card); }
table { border-collapse: collapse; width: 100%; font-size: 14.5px; }
th, td { text-align: left; padding: 8px 12px; border-bottom: 1px solid var(--border); vertical-align: top; }
th { font-size: 12px; text-transform: uppercase; letter-spacing: .05em; color: var(--muted); white-space: nowrap; }
tr:last-child td { border-bottom: 0; }
td:first-child { white-space: nowrap; }
td code { overflow-wrap: normal; }
.req { font-size: 11px; color: #b4231a; font-weight: 700; margin-left: 4px; }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) .req { color: #ff8a80; } }
:root[data-theme="dark"] .req { color: #ff8a80; }

.endpoint { font-size: 1.05rem; }
.method { display: inline-block; min-width: 56px; text-align: center; padding: 2px 8px; border-radius: 6px; font: 700 12px var(--mono); color: #fff; background: #0b6af4; }
.method.post { background: #0e7a55; } .method.delete { background: #c0392b; } .method.patch { background: #b8700a; }
.cards { display: grid; grid-template-columns: 1fr; gap: 12px; margin: 1.2em 0; }
.cards a { display: block; padding: 14px 16px; background: var(--card); border: 1px solid var(--border); border-radius: var(--radius); color: var(--fg); text-decoration: none; }
.cards a:hover { border-color: var(--primary); }
.cards b { display: block; color: var(--primary); margin-bottom: 2px; }
.cards span { color: var(--muted); font-size: 14.5px; }
.pager { display: grid; grid-template-columns: 1fr; gap: 10px; margin-top: 3em; }
.pager a { display: block; padding: 12px 14px; border: 1px solid var(--border); border-radius: var(--radius); background: var(--card); text-decoration: none; color: var(--fg); }
.pager small { display: block; color: var(--muted); }
.pager .next { text-align: right; }
footer.site { max-width: 1360px; margin: 0 auto; padding: 24px 16px 40px; color: var(--muted); font-size: 14px; border-top: 1px solid var(--border); }
footer.site a { color: var(--muted); }

@media (min-width: 640px) { .cards { grid-template-columns: 1fr 1fr; } .pager { grid-template-columns: 1fr 1fr; } }
@media (max-width: 520px) { .toplink { display: none; } .brand small, .brand span { display: none; } .top { gap: 8px; } .search { flex: 1 1 auto; } .top .spacer { display: none; } }
@media (min-width: 900px) {
  .layout { grid-template-columns: 250px minmax(0, 1fr); }
  .sidenav { display: block; position: sticky; top: 76px; align-self: start; max-height: calc(100vh - 92px); overflow: auto; padding: 16px 0; }
  .mnav { display: none; }
}
@media (min-width: 1180px) {
  .layout { grid-template-columns: 250px minmax(0, 1fr) 210px; }
  .toc { display: block; position: sticky; top: 76px; align-self: start; max-height: calc(100vh - 92px); overflow: auto; padding: 24px 0; }
  .toc h4 { margin: 0 0 6px; font-size: 12px; text-transform: uppercase; letter-spacing: .06em; color: var(--muted); }
  .mtoc { display: none; }
}
@media print { .top, .sidenav, .toc, .mnav, .mtoc, .pager, .copy { display: none !important; } .layout { display: block; } }
