:root {
  --navy: #17213f;
  --brand: #12a4b8;
  --brand-deep: #087f92;
  --blue: #1688e8;
  --accent: #f5b51b;
  --text: #26324b;
  --muted: #68748b;
  --line: #e4e8f1;
  --surface: #fff;
  --canvas: #f4f6fa;
  --radius: 18px;
  --shadow: 0 12px 35px rgba(30, 42, 76, .09);
  --code-font-size: 13px;
  --code-bg: #11182d;
  --code-text: #e8edf7;
  --code-border: #263252;
  --code-toolbar: #1a2440;
}

* { box-sizing: border-box; }
html { overflow-x: clip; scroll-behavior: smooth; scroll-padding-top: 92px; }
body.doc {
  margin: 0;
  overflow-x: clip;
  color: var(--text);
  background: var(--canvas);
  font: 15px/1.7 Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  -webkit-font-smoothing: antialiased;
}
a { color: var(--brand); text-decoration: none; }

.page-header {
  position: sticky;
  top: 0;
  z-index: 1030;
  min-height: 72px;
  display: flex;
  align-items: center;
  background: rgba(255,255,255,.94);
  border-bottom: 1px solid rgba(218,224,236,.9);
  box-shadow: 0 7px 24px rgba(30,42,76,.06);
  backdrop-filter: blur(14px);
}
.page-header .container,
.main-content-wrapper > .container {
  width: min(1540px, calc(100% - 40px));
  max-width: none;
  margin: 0 auto;
}
.page-header .row { width: 100%; display: flex; align-items: center; }
.page-header .logo a { min-height: 48px; display: inline-flex; align-items: center; padding: 3px 8px; background: #fff; border: 1px solid #edf0f5; border-radius: 11px; }
.page-header .logo img { display: block; width: 172px; max-height: 40px; height: auto; object-fit: contain; }
.ttw-doc-header-meta { margin-left: auto; display: flex; align-items: center; gap: 10px; }
.ttw-doc-version {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 12px;
  color: var(--navy);
  background: #eeecff;
  border: 1px solid #dcd8ff;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 800;
}
.ttw-doc-version::before { width: 7px; height: 7px; content: ""; background: #1e9c67; border-radius: 50%; box-shadow: 0 0 0 4px rgba(30,156,103,.13); }
.ttw-code-settings { display: inline-flex; align-items: center; gap: 6px; padding: 5px; background: #f4f7fa; border: 1px solid var(--line); border-radius: 12px; }
.ttw-code-control { min-width: 32px; height: 31px; display: inline-flex; align-items: center; justify-content: center; gap: 6px; padding: 0 9px; color: var(--navy); background: #fff; border: 1px solid #dce2eb; border-radius: 8px; font: inherit; font-size: 12px; font-weight: 800; cursor: pointer; transition: .16s ease; }
.ttw-code-control:hover:not(:disabled) { color: var(--brand-deep); border-color: #91d4dc; box-shadow: 0 3px 10px rgba(18,164,184,.12); }
.ttw-code-control:disabled { opacity: .38; cursor: default; }
.ttw-code-level { min-width: 31px; color: var(--muted); font-size: 11px; font-weight: 800; text-align: center; }
.ttw-code-theme { min-width: 76px; }
.ttw-code-smaller { margin-left: 3px; }

.main-content-wrapper { padding: 26px 0 60px; }
.doc-container { display: grid !important; grid-template-columns: 300px minmax(0,1fr); gap: 26px; margin: 0 !important; }
.doc-container > .col-xl-3,
.doc-container > .col-xl-9 { width: auto !important; max-width: none !important; padding: 0 !important; }

.doc-container > .col-xl-3 {
  position: sticky;
  top: 98px;
  align-self: start;
  height: calc(100vh - 122px);
}

.doc-sidebar {
  position: relative;
  top: auto;
  z-index: 20;
  height: 100%;
  overflow: hidden;
  padding: 18px 12px 14px;
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
}
.doc-sidebar h3 { margin: 0 6px 14px; padding: 15px 16px; color: #fff; background: linear-gradient(135deg,var(--navy),#26345e); border-radius: 13px; font-size: 16px; font-weight: 800; }
.ttw-doc-search-wrap { position: relative; margin: 0 6px 12px; }
.ttw-doc-search { width: 100%; height: 42px; padding: 0 36px; color: var(--text); background: #f7f8fb; border: 1px solid var(--line); border-radius: 11px; outline: 0; font: inherit; font-size: 13px; }
.ttw-doc-search:focus { background: #fff; border-color: #83ced8; box-shadow: 0 0 0 4px rgba(18,164,184,.11); }
.ttw-doc-search-icon { position: absolute; top: 50%; left: 14px; color: #8490a7; transform: translateY(-50%); pointer-events: none; }
.ttw-doc-search-clear { position: absolute; top: 50%; right: 7px; width: 28px; height: 28px; padding: 0; color: #7a869d; background: transparent; border: 0; border-radius: 8px; transform: translateY(-50%); cursor: pointer; }
.ttw-doc-search-clear:hover { background: #e9ecf3; }

.doc-nav { height: calc(100% - 119px); margin: 0; padding: 0 6px 12px !important; overflow-y: auto; scrollbar-width: thin; scrollbar-color: #c9ceda transparent; }
.doc-nav, .doc-nav ul { list-style: none; }
.doc-nav > .nav-item { position: relative; margin: 4px 0; }
.doc-nav .nav-link { min-height: 44px; display: flex !important; align-items: center; gap: 11px; padding: 9px 37px 9px 12px !important; color: #49566e; border: 1px solid transparent; border-radius: 11px; font-size: 13px; font-weight: 650; line-height: 1.35; transition: .16s ease; }
.doc-nav .nav-link i:first-child { min-width: 18px; margin: 0 !important; color: #7d88a0; text-align: center; }
.doc-nav .nav-link:hover { color: var(--brand-deep); background: #f1fbfc; border-color: #d5f0f3; transform: translateX(2px); }
.doc-nav .nav-link.active { color: #fff; background: linear-gradient(135deg,var(--brand-deep),var(--brand)); box-shadow: 0 7px 18px rgba(18,164,184,.23); }
.doc-nav .nav-link.active i { color: #fff; }
.doc-nav > .nav-item.ttw-has-active-child > .nav-link {
  color: var(--brand-deep);
  background: #eefafb;
  border-color: #caedf1;
}
.doc-nav > .nav-item.ttw-has-active-child > .nav-link i { color: var(--brand-deep); }
.doc-nav .icon { position: absolute; top: 13px; right: 12px; color: #8b96aa; pointer-events: none; }
.doc-nav .dropdown_nav { margin: 4px 0 5px 17px; padding: 4px 0 4px 10px; border-left: 1px solid #e2e5ed; }
.doc-nav .dropdown_nav .nav-link { min-height: 34px; padding: 6px 10px !important; font-size: 12.5px; font-weight: 550; }
.ttw-doc-nav-hidden { display: none !important; }

#main-content, #main-content article, #main-content section { min-width: 0; }
.doc-section { margin: 0 0 22px; padding: 30px 34px; background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius); box-shadow: 0 5px 22px rgba(30,42,76,.055); }
.doc-section section { margin-top: 28px; padding-top: 4px; }
.doc-section h1, .doc-section h2, .doc-section h3, .doc-section h4 { color: var(--navy); font-family: inherit; line-height: 1.25; }
.doc-section h2 { position: relative; margin: 0 0 24px; padding-bottom: 13px; font-size: clamp(24px,2vw,32px); font-weight: 850; letter-spacing: -.025em; }
.doc-section h2::after { position: absolute; bottom: 0; left: 0; width: 48px; height: 4px; content: ""; background: linear-gradient(90deg,var(--brand),var(--accent)); border-radius: 4px; }
.doc-section h3 { margin: 25px 0 12px; font-size: 20px; font-weight: 800; }
.doc-section p { margin: 0 0 14px; color: #445169; }
.doc-section b, .doc-section strong { color: #24304a; }
.steps-panel { margin: 18px 0 25px; padding: 20px 22px; background: linear-gradient(145deg,#f8f8ff,#f5f8fc); border: 1px solid #e4e2fb; border-radius: 15px; }
.ttw-api-summary { position: relative; overflow: hidden; padding: 0; background: linear-gradient(135deg,#f8fbff 0%,#f5fbfc 100%); border-color: #dce6f0; }
.ttw-api-summary::before { position: absolute; top: 0; left: 0; right: 0; height: 4px; content: ""; background: linear-gradient(90deg,var(--brand),#1688e8,var(--accent)); }
.ttw-api-summary-head { min-height: 94px; display: flex; align-items: center; gap: 16px; padding: 20px 22px 18px; }
.ttw-api-summary-icon { width: 52px; height: 52px; flex: 0 0 52px; display: inline-flex; align-items: center; justify-content: center; color: #fff; background: linear-gradient(135deg,var(--brand-deep),var(--brand)); border-radius: 15px; box-shadow: 0 8px 20px rgba(18,164,184,.22); font-size: 20px; }
.ttw-api-summary-title { min-width: 0; }
.ttw-api-summary-title > span { display: block; margin-bottom: 3px; color: var(--brand-deep); font-size: 10px; font-weight: 900; letter-spacing: .12em; }
.doc-section .ttw-api-summary-title h1 { margin: 0; color: var(--navy); font-size: clamp(20px,2vw,27px); font-weight: 850; letter-spacing: -.025em; }
.ttw-api-version { min-width: 145px; display: grid; grid-template-columns: auto auto; align-items: center; gap: 0 8px; margin-left: auto; padding: 10px 13px; color: var(--navy); background: #fff; border: 1px solid #dce5ef; border-radius: 12px; box-shadow: 0 4px 14px rgba(30,42,76,.055); }
.ttw-api-version small { grid-column: 1 / -1; color: var(--muted); font-size: 9px; font-style: normal; font-weight: 850; letter-spacing: .055em; text-transform: uppercase; }
.ttw-api-version strong { color: var(--brand-deep); font-size: 18px; line-height: 1.15; }
.ttw-api-version em { color: var(--muted); font-size: 10px; font-style: normal; font-weight: 700; }
.ttw-api-summary-meta { display: grid; grid-template-columns: .9fr .75fr 1.35fr; border-top: 1px solid #e2e9f1; }
.ttw-api-meta-item { min-width: 0; display: flex; align-items: center; gap: 11px; padding: 13px 17px; color: var(--text); border-right: 1px solid #e2e9f1; }
.ttw-api-meta-item:last-child { border-right: 0; }
.ttw-api-meta-item > i:first-child { width: 31px; height: 31px; flex: 0 0 31px; display: inline-flex; align-items: center; justify-content: center; color: var(--brand-deep); background: #e6f7f9; border-radius: 9px; }
.ttw-api-meta-item span { min-width: 0; display: grid; line-height: 1.3; }
.ttw-api-meta-item small { color: var(--muted); font-size: 9px; font-weight: 800; letter-spacing: .045em; text-transform: uppercase; }
.ttw-api-meta-item strong { overflow: hidden; color: var(--navy); font-size: 12px; font-weight: 800; text-overflow: ellipsis; white-space: nowrap; }
.ttw-api-support { transition: background .16s ease; }
.ttw-api-support:hover { background: #edf9fb; }
.ttw-api-support > i:last-child { margin-left: auto; color: var(--brand); font-size: 11px; }
.ordered-list { margin: 0; padding-left: 24px; }
.ordered-list li { margin: 7px 0; padding-left: 5px; }
.ordered-list li::marker { color: var(--brand); font-weight: 800; }

.doc-section table { width: 100% !important; max-width: 100%; margin: 18px 0 26px; border: 1px solid var(--line) !important; border-collapse: separate !important; border-spacing: 0; border-radius: 13px; overflow: hidden; background: #fff; box-shadow: 0 4px 16px rgba(30,42,76,.045); }
.doc-section table thead th, .doc-section table tr:first-child th { color: #fff !important; background: var(--navy) !important; border-color: #34405f !important; font-size: 12px; font-weight: 800; letter-spacing: .025em; text-transform: uppercase; }
.doc-section table th, .doc-section table td { padding: 11px 13px !important; border: 0 !important; border-right: 1px solid var(--line) !important; border-bottom: 1px solid var(--line) !important; vertical-align: top; text-align: left; }
.doc-section table tr:last-child td { border-bottom: 0 !important; }
.doc-section table th:last-child, .doc-section table td:last-child { border-right: 0 !important; }
.doc-section table tbody tr:nth-child(even) { background: #fafbfc; }
.doc-section table tbody tr:hover { background: #f4f3ff; }

pre, .doc-section pre { position: relative; margin: 18px 0 24px; padding: 48px 20px 22px !important; overflow: auto; color: var(--code-text) !important; background: var(--code-bg) !important; border: 1px solid var(--code-border) !important; border-radius: 14px; box-shadow: 0 10px 26px rgba(17,24,45,.14); font: var(--code-font-size)/1.65 "SFMono-Regular",Consolas,monospace; white-space: pre-wrap; overflow-wrap: anywhere; transition: color .18s ease, background .18s ease, border-color .18s ease, font-size .18s ease; }
pre::before { position: absolute; top: 0; left: 0; right: 0; height: 36px; content: "CODE"; display: flex; align-items: center; padding: 0 13px; color: #aab5cb; background: var(--code-toolbar); border-bottom: 1px solid var(--code-border); font: 800 10px/1 ui-sans-serif,system-ui,sans-serif; letter-spacing: .09em; }
code { padding: 2px 6px; color: #5146c7; background: #efedff; border-radius: 6px; font-family: "SFMono-Regular",Consolas,monospace; font-size: .9em; }
pre code { padding: 0; color: inherit; background: transparent; }
.ttw-copy-button { position: absolute; top: 4px; right: 5px; z-index: 2; min-width: 64px; height: 28px; padding: 0 10px; color: #dbe2f4; background: #273352; border: 1px solid #3b496c; border-radius: 7px; font-size: 10px; font-weight: 800; cursor: pointer; }
.ttw-copy-button.is-copied { color: #d8ffea; background: #19734e; border-color: #25875f; }
body[data-code-theme="day"] { --code-bg: #f7f9fc; --code-text: #22304a; --code-border: #d9e0eb; --code-toolbar: #edf1f6; }
body[data-code-theme="day"] pre { box-shadow: 0 8px 22px rgba(30,42,76,.08); }
body[data-code-theme="day"] pre::before { color: #6b7890; }
body[data-code-theme="day"] .ttw-copy-button { color: #33425e; background: #fff; border-color: #d2dae7; }

/* The Day/Night control themes the complete documentation surface. */
body[data-page-theme="night"] {
  --text: #dce5f4;
  --muted: #9daac0;
  --line: #293750;
  --surface: #111a2d;
  --canvas: #0b1220;
  --shadow: 0 14px 38px rgba(0,0,0,.28);
  color-scheme: dark;
}
body.doc,
.page-header,
.doc-sidebar,
.doc-section,
.ttw-code-settings,
.ttw-code-control,
.ttw-doc-search,
.steps-panel,
.doc-section table,
.ttw-endpoint-card > div,
.ttw-field-grid > div {
  transition: color .2s ease, background-color .2s ease, border-color .2s ease, box-shadow .2s ease;
}
body[data-page-theme="night"] .page-header {
  background: rgba(11,18,32,.94);
  border-bottom-color: rgba(43,57,83,.95);
  box-shadow: 0 8px 28px rgba(0,0,0,.24);
}
body[data-page-theme="night"] .page-header .logo a { border-color: #dce2eb; box-shadow: 0 4px 14px rgba(0,0,0,.18); }
body[data-page-theme="night"] .ttw-doc-version { color: #e8eef9; background: #1a2540; border-color: #33425f; }
body[data-page-theme="night"] .ttw-code-settings { background: #121c30; border-color: #2d3b56; }
body[data-page-theme="night"] .ttw-code-control { color: #e3eaf7; background: #1a263f; border-color: #34435e; }
body[data-page-theme="night"] .ttw-code-control:hover:not(:disabled) { color: #62d3df; border-color: #398a96; box-shadow: 0 3px 12px rgba(18,164,184,.16); }
body[data-page-theme="night"] .doc-sidebar { background: #10192b; border-color: #293750; }
body[data-page-theme="night"] .ttw-doc-search { color: #eef3fb; background: #0b1425; border-color: #2c3952; }
body[data-page-theme="night"] .ttw-doc-search:focus { background: #0e192c; border-color: #398f9b; }
body[data-page-theme="night"] .ttw-doc-search-clear { color: #aeb9ca; }
body[data-page-theme="night"] .ttw-doc-search-clear:hover { background: #24314a; }
body[data-page-theme="night"] .doc-nav { scrollbar-color: #44536e transparent; }
body[data-page-theme="night"] .doc-nav .nav-link { color: #bcc7d9; }
body[data-page-theme="night"] .doc-nav .nav-link i:first-child,
body[data-page-theme="night"] .doc-nav .icon { color: #8997ad; }
body[data-page-theme="night"] .doc-nav .nav-link:hover { color: #7fe1e9; background: #122b37; border-color: #214b57; }
body[data-page-theme="night"] .doc-nav > .nav-item.ttw-has-active-child > .nav-link { color: #79dce5; background: #112b37; border-color: #28505b; }
body[data-page-theme="night"] .doc-nav > .nav-item.ttw-has-active-child > .nav-link i { color: #79dce5; }
body[data-page-theme="night"] .doc-nav .dropdown_nav { border-left-color: #34425c; }
body[data-page-theme="night"] .doc-section { background: #111a2d; border-color: #293750; box-shadow: 0 8px 28px rgba(0,0,0,.2); }
body[data-page-theme="night"] .doc-section h1,
body[data-page-theme="night"] .doc-section h2,
body[data-page-theme="night"] .doc-section h3,
body[data-page-theme="night"] .doc-section h4,
body[data-page-theme="night"] .doc-section h5,
body[data-page-theme="night"] .doc-section h6 { color: #f2f6fc; }
body[data-page-theme="night"] .doc-section p,
body[data-page-theme="night"] .doc-section li { color: #bdc8da; }
body[data-page-theme="night"] .doc-section b,
body[data-page-theme="night"] .doc-section strong { color: #edf3fc; }
body[data-page-theme="night"] .steps-panel { background: linear-gradient(145deg,#171e36,#121d31); border-color: #303b5b; }
body[data-page-theme="night"] .ttw-api-summary { background: linear-gradient(135deg,#131f34,#10232d); border-color: #2a3b55; }
body[data-page-theme="night"] .doc-section .ttw-api-summary-title h1 { color: #f2f6fc; }
body[data-page-theme="night"] .ttw-api-summary-title > span { color: #67d7e1; }
body[data-page-theme="night"] .ttw-api-version { color: #e9eff9; background: #16233a; border-color: #34445f; box-shadow: 0 5px 16px rgba(0,0,0,.18); }
body[data-page-theme="night"] .ttw-api-version strong { color: #71dce5; }
body[data-page-theme="night"] .ttw-api-summary-meta { border-top-color: #2d3d56; }
body[data-page-theme="night"] .ttw-api-meta-item { border-right-color: #2d3d56; }
body[data-page-theme="night"] .ttw-api-meta-item > i:first-child { color: #74dce5; background: #13323d; }
body[data-page-theme="night"] .ttw-api-meta-item strong { color: #e8eef8; }
body[data-page-theme="night"] .ttw-api-support:hover { background: #152d37; }
body[data-page-theme="night"] .doc-section table { background: #10192b; border-color: #30405b !important; box-shadow: 0 6px 20px rgba(0,0,0,.18); }
body[data-page-theme="night"] .doc-section table thead th,
body[data-page-theme="night"] .doc-section table tr:first-child th { background: #1b2946 !important; border-color: #3b4a66 !important; }
body[data-page-theme="night"] .doc-section table th,
body[data-page-theme="night"] .doc-section table td { color: #d8e1f0; border-color: #2b3953 !important; }
body[data-page-theme="night"] .doc-section table tbody tr:nth-child(even) { background: #151f33; }
body[data-page-theme="night"] .doc-section table tbody tr:hover { background: #1b2942; }
body[data-page-theme="night"] code:not(pre code) { color: #c8c1ff; background: #242249; }
body[data-page-theme="night"] .ttw-release-kicker { color: #79dce5; background: #102b36; border-color: #28515b; }
body[data-page-theme="night"] .ttw-critical-notice { background: #292313; border-color: #6c5721; }
body[data-page-theme="night"] .ttw-critical-icon { color: #ffe29a; background: #4a3b14; }
body[data-page-theme="night"] .ttw-critical-notice strong { color: #ffe8ad; }
body[data-page-theme="night"] .ttw-critical-notice p { color: #dbc98e; }
body[data-page-theme="night"] .ttw-endpoint-card { background: #293750; border-color: #293750; }
body[data-page-theme="night"] .ttw-endpoint-card > div,
body[data-page-theme="night"] .ttw-field-grid > div { background: #151f33; border-color: #2d3b56; }
body[data-page-theme="night"] .ttw-endpoint-card strong,
body[data-page-theme="night"] .ttw-endpoint-card code { color: #e8eef8; }
body[data-page-theme="night"] .ttw-field-grid > div > code { color: #7ee1e9; background: #102c37; }
body[data-page-theme="night"] .ttw-compatibility-note,
body[data-page-theme="night"] .ttw-id21-note { color: #a8ddc8 !important; background: #132b24; border-color: #285944; }
body[data-page-theme="night"] .ttw-latest-release { background: linear-gradient(135deg,#12262f,#151f33); border-color: #28515b; }
body[data-page-theme="night"] .changelog_info { border-bottom-color: #293750; }
body[data-page-theme="night"] .footer_area { background: #080e1a; }
body[data-page-theme="night"] .ttw-mobile-nav-button { color: #e5edf8; background: #18243b; border-color: #34415a; }
.doc-section img.max-100, .doc-section figure img { max-width: 100%; height: auto; border: 1px solid var(--line); border-radius: 15px; box-shadow: var(--shadow); }
.blue-color { color: var(--brand) !important; font-weight: 700; }

.new, .improve, .fixed { display: inline-flex; align-items: center; min-height: 25px; margin: 0 9px 4px 0; padding: 3px 9px; border-radius: 999px; font-size: 10px; font-weight: 900; letter-spacing: .05em; }
.new { color: #087647; background: #dcf8eb; }
.improve { color: #865c00; background: #fff2c8; }
.fixed { color: #a73244; background: #ffe4e9; }
.changelog_info { display: grid !important; grid-template-columns: 180px 75px minmax(0,1fr); gap: 16px; margin: 0 !important; padding: 18px 0; border-bottom: 1px solid var(--line); }
.changelog_info > [class*="col-"] { width: auto !important; max-width: none !important; padding: 0 !important; }
.c_date h6 { margin: 5px 0; color: var(--muted); font-size: 13px; }
.c_version { display: inline-flex; align-items: center; justify-content: center; min-width: 54px; min-height: 31px; color: #fff; background: var(--brand); border-radius: 9px; font-size: 12px; font-weight: 850; }

.ttw-release-kicker { width: fit-content; display: inline-flex; align-items: center; gap: 8px; margin: 0 0 12px; padding: 6px 11px; color: var(--brand-deep); background: #e9f9fb; border: 1px solid #c9edf1; border-radius: 999px; font-size: 11px; font-weight: 850; letter-spacing: .025em; }
.ttw-vacation-api-update > h4 { margin-top: 0; font-size: 23px; }
.ttw-critical-notice { display: grid; grid-template-columns: 42px minmax(0,1fr); gap: 14px; margin: 20px 0; padding: 17px 18px; background: #fff8e7; border: 1px solid #f2d480; border-left: 4px solid var(--accent); border-radius: 13px; }
.ttw-critical-icon { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; color: #8b6300; background: #ffedb6; border-radius: 11px; }
.ttw-critical-notice strong { display: block; margin-bottom: 4px; color: #654a07; }
.ttw-critical-notice p { margin: 0; color: #67592f; }
.ttw-endpoint-card { display: grid; grid-template-columns: 140px minmax(220px,.55fr) minmax(360px,1.45fr); gap: 1px; margin: 20px 0; overflow: hidden; background: var(--line); border: 1px solid var(--line); border-radius: 13px; }
.ttw-endpoint-card > div { min-width: 0; padding: 13px 15px; background: #f8fafc; }
.ttw-endpoint-card span { display: block; margin-bottom: 4px; color: var(--muted); font-size: 10px; font-weight: 850; letter-spacing: .055em; text-transform: uppercase; }
.ttw-endpoint-card strong, .ttw-endpoint-card code { color: var(--navy); font-size: 12px; overflow-wrap: anywhere; }
.ttw-method-get { width: fit-content; padding: 2px 8px; color: #087647 !important; background: #dff7eb; border-radius: 6px; }
.ttw-field-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; margin: 18px 0; }
.ttw-field-grid > div { padding: 14px 15px; background: #f8fafc; border: 1px solid var(--line); border-radius: 11px; }
.ttw-field-grid > div > code { display: inline-block; margin-bottom: 5px; color: var(--brand-deep); background: #e9f9fb; font-weight: 800; }
.ttw-field-grid p { margin: 0; font-size: 13px; }
.ttw-compatibility-note, .ttw-id21-note { margin: 18px 0 !important; padding: 14px 16px; color: #225b45 !important; background: #ecfaf3; border: 1px solid #bfe7d2; border-radius: 11px; }
.ttw-table-scroll { overflow-x: auto; }
.ttw-catalogue-table td:first-child { width: 54px; font-weight: 850; text-align: center; }
.ttw-duration { display: inline-flex; padding: 3px 8px; border-radius: 999px; font-size: 10px; font-weight: 850; white-space: nowrap; }
.ttw-duration.all-day { color: #19578d; background: #e5f2fd; }
.ttw-duration.part-day { color: #8a5b00; background: #fff0c4; }
.ttw-id21-note i { margin-right: 6px; }
.ttw-small-note { color: var(--muted) !important; font-size: 12.5px; }
.ttw-legacy-vacation-catalogue { display: none !important; }
.ttw-latest-release { margin-bottom: 8px !important; padding: 20px 17px !important; background: linear-gradient(135deg,#f3fbfc,#f8fafc); border: 1px solid #cdecef; border-radius: 14px; }
.ttw-latest-release .c_version { background: linear-gradient(135deg,var(--brand-deep),var(--brand)); }
.ttw-latest-release { align-items: center; }
.ttw-latest-release .changelog_content p { display: grid; grid-template-columns: max-content minmax(0,1fr); align-items: start; gap: 12px; margin: 0 0 11px; }
.ttw-latest-release .changelog_content:last-child p { margin-bottom: 0; }
.ttw-latest-release .new,
.ttw-latest-release .improve,
.ttw-latest-release .fixed { margin: 1px 0 0; }
.ttw-changelog-copy { min-width: 0; }

.footer_area { position: relative; padding: 45px 0 0; overflow: hidden; color: #c9d0e0; background: var(--navy); }
.footer_area .container { width: min(1240px,calc(100% - 40px)); margin: 0 auto; }
.footer_area .row { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 28px; }
.footer_area [class*="col-"] { width: auto !important; max-width: none !important; padding: 0 !important; }
.footer_area .p_absolute { display: none; }
.footer_area h3 { color: #fff; font-size: 15px; }
.footer_area ul { margin: 0; padding: 0; list-style: none; }
.footer_area li { margin: 7px 0; }
.footer_area a { color: #c9d0e0; }
.footer_bottom { margin-top: 34px; padding: 16px 0; background: rgba(0,0,0,.14); }

.back-to-top { position: fixed; right: 22px; bottom: 22px; z-index: 100; width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; color: #fff; background: var(--brand); border-radius: 13px; box-shadow: 0 10px 25px rgba(18,164,184,.28); }
.ttw-scroll-progress { position: fixed; top: 0; left: 0; z-index: 1100; width: 0; height: 3px; background: linear-gradient(90deg,var(--accent),var(--brand),#21a7b8); }
.ttw-mobile-nav-button { display: none; width: 42px; height: 42px; padding: 0; color: var(--navy); background: #f4f5fa; border: 1px solid var(--line); border-radius: 11px; font-size: 18px; cursor: pointer; }
.ttw-sidebar-backdrop { display: none; }

@media (max-width: 1199px) {
  .doc-container { grid-template-columns: 1fr; }
  .doc-container > .col-xl-3 { position: static; height: auto; }
  .doc-sidebar { position: fixed !important; top: 82px; left: 16px; z-index: 1050; width: min(330px,calc(100vw - 32px)); height: calc(100vh - 98px); transform: translateX(calc(-100% - 28px)); transition: transform .22s ease; }
  body.ttw-nav-open { overflow: hidden; }
  body.ttw-nav-open .doc-sidebar { transform: translateX(0); }
  .ttw-mobile-nav-button { display: inline-flex; align-items: center; justify-content: center; }
  .ttw-sidebar-backdrop { position: fixed; inset: 72px 0 0; z-index: 1040; background: rgba(17,24,45,.45); backdrop-filter: blur(2px); }
  body.ttw-nav-open .ttw-sidebar-backdrop { display: block; }
}
@media (max-width: 767px) {
  .page-header .container, .main-content-wrapper > .container { width: calc(100% - 24px); }
  .page-header .logo img { width: 145px; }
  .ttw-doc-version { display: none; }
  .main-content-wrapper { padding-top: 14px; }
  .doc-section { padding: 22px 18px; border-radius: 15px; }
  .ttw-api-summary-head { align-items: flex-start; flex-wrap: wrap; padding: 18px; }
  .ttw-api-version { width: 100%; margin-left: 0; }
  .ttw-api-summary-meta { grid-template-columns: 1fr; }
  .ttw-api-meta-item { border-right: 0; border-bottom: 1px solid var(--line); }
  .ttw-api-meta-item:last-child { border-bottom: 0; }
  .doc-section table { display: block; overflow-x: auto; white-space: nowrap; }
  .changelog_info { grid-template-columns: 1fr; gap: 7px; }
  .ttw-latest-release .changelog_content p { gap: 9px; }
  .ttw-endpoint-card, .ttw-field-grid { grid-template-columns: 1fr; }
  .footer_area .row { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 480px) { .footer_area .row { grid-template-columns: 1fr; } }
@media print {
  .page-header, .doc-sidebar, .back-to-top, .footer_area, .ttw-scroll-progress, .ttw-copy-button { display: none !important; }
  body.doc { background: #fff; }
  .main-content-wrapper { padding: 0; }
  .main-content-wrapper > .container { width: 100%; }
  .doc-container { display: block !important; }
  .doc-section { box-shadow: none; }
}