/* Interior pages share the homepage's typography, colors, header, and footer. */
.page-hero {
  background:linear-gradient(120deg,#f9fbff,#f3f7ff);
  border-bottom:1px solid var(--line);
  padding:32px 0 58px;
}
.breadcrumbs {
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
  font-size:11px;
  color:#748198;
  margin-bottom:34px;
}
.breadcrumbs a:hover { color:var(--blue); }
.breadcrumbs span[aria-hidden] { color:#a7b4c7; }
.page-hero .eyebrow { margin-bottom:15px; }
.page-hero h1 {
  font-size:clamp(36px,4vw,52px);
  line-height:1.25;
  letter-spacing:-1.7px;
  white-space:normal;
}
.page-description {
  max-width:620px;
  color:var(--muted);
  font-size:14px;
  line-height:1.95;
  margin-top:20px;
}
.page-meta {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:9px;
  margin-top:22px;
  color:#7b8aa1;
  font-size:11px;
}
.page-meta .status-dot { color:#6089d7; }
.page-nav a[aria-current="page"] { color:var(--blue); }
.document-layout {
  display:grid;
  grid-template-columns:205px minmax(0,1fr);
  gap:85px;
  padding-top:62px;
  padding-bottom:75px;
  align-items:start;
}
.document-sidebar {
  position:sticky;
  top:115px;
}
.sidebar-label {
  font-size:10px;
  letter-spacing:1.5px;
  color:#8794a8;
  margin-bottom:16px;
}
.document-toc { display:grid; gap:3px; }
.document-toc a {
  display:flex;
  align-items:baseline;
  gap:10px;
  font-size:12px;
  line-height:1.7;
  color:#69788e;
  padding:8px 0;
}
.toc-number {
  font-family:ui-monospace,monospace;
  font-size:10px;
  color:#a0afc4;
}
.document-toc a:hover,.document-toc a:focus-visible { color:var(--blue); }
.sidebar-help {
  margin-top:25px;
  padding-top:20px;
  border-top:1px solid var(--line);
  font-size:11px;
  color:#8794a7;
}
.sidebar-help .text-link { color:var(--blue); font-size:12px; margin-top:8px; }
.policy-document { max-width:790px; min-width:0; }
.policy-document p,.policy-document li {
  color:#637187;
  font-size:14px;
  line-height:2;
  overflow-wrap:anywhere;
}
.policy-document p+p { margin-top:17px; }
.policy-document a,.help-content a:not(.text-link) {
  color:var(--blue);
  text-decoration:underline;
  text-underline-offset:4px;
  overflow-wrap:anywhere;
}
.policy-document strong { font-weight:600; color:#34475f; }
.policy-document ul { padding-left:20px; margin:16px 0; }
.policy-document li+li { margin-top:12px; }
.policy-intro .summary {
  margin-top:23px;
  padding:21px 24px;
  background:var(--light-blue);
  border:1px solid #e0e9fa;
  border-radius:10px;
  color:#4f6d99;
  font-size:13px;
}
.policy-section { border-top:1px solid var(--line); padding-top:31px; margin-top:35px; }
.policy-section h2,.help-section h2 {
  display:flex;
  align-items:baseline;
  gap:13px;
  font-size:23px;
  line-height:1.5;
  letter-spacing:-.6px;
  margin-bottom:18px;
}
.section-number {
  color:#83a4df;
  font:11px/1.6 ui-monospace,monospace;
  letter-spacing:0;
  flex-shrink:0;
}
.page-endnote {
  border-top:1px solid var(--line);
  padding-top:25px;
  margin-top:40px;
  display:flex;
  flex-wrap:wrap;
  gap:12px 28px;
}
.page-endnote .text-link { font-size:12px; color:var(--blue); }
.support-hero-layout {
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,.83fr);
  gap:95px;
  align-items:center;
}
.contact-card {
  padding:27px 30px;
  border:1px solid #dee8f9;
  border-radius:14px;
  background:#fff;
  box-shadow:0 10px 26px #24457806;
}
.contact-heading { display:flex; gap:10px; align-items:center; margin-bottom:10px; }
.contact-heading svg { width:20px; height:20px; color:var(--blue); }
.contact-heading h2 { font-size:14px; letter-spacing:0; }
.contact-email { font-size:22px; line-height:1.5; letter-spacing:-.5px; color:var(--blue); overflow-wrap:anywhere; }
.contact-card>p { font-size:12px; line-height:1.9; color:#758299; margin-top:13px; }
.contact-card>p a { color:var(--blue); text-decoration:underline; text-underline-offset:3px; }
.contact-card .text-link { color:var(--blue); margin-top:16px; font-size:12px; }
.support-layout { padding-top:60px; }
.help-content { min-width:0; }
.help-section+.help-section { margin-top:45px; padding-top:34px; border-top:1px solid var(--line); }
.setup-steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; margin-top:24px; }
.setup-step-number { display:inline-grid; place-items:center; width:27px; height:27px; background:#edf3ff; color:var(--blue); border:1px solid #dfe8f9; border-radius:7px; font:11px ui-monospace,monospace; margin-bottom:15px; }
.setup-steps h3 { font-size:14px; letter-spacing:-.2px; }
.setup-steps p,.help-section>p { font-size:13px; color:var(--muted); line-height:1.95; margin-top:10px; }
.syntax-example { display:flex; align-items:center; gap:12px; background:#f6f9ff; border:1px solid #dfe8f9; border-radius:9px; padding:17px 20px; margin-top:20px; }
.syntax-example svg { width:18px; height:18px; color:#90a9ce; flex-shrink:0; }
.syntax-example code { font-size:15px; color:#3465bb; overflow-wrap:anywhere; }
.syntax-tokens { display:flex; flex-wrap:wrap; gap:9px 19px; margin-top:15px; font-size:11px; color:#7a899e; }
.syntax-tokens code { color:#4e75b7; margin-right:5px; }
.help-section>p code { color:#4972b8; font-size:12px; background:#f2f6fc; border-radius:4px; padding:2px 4px; overflow-wrap:anywhere; }
.help-questions { margin-top:8px; border-top:1px solid var(--line); }
.help-questions summary { font-size:14px; padding:21px 0; }
.help-questions details>p { font-size:13px; line-height:1.95; padding-bottom:23px; }
.privacy-note { background:var(--soft); border:1px solid var(--line); border-radius:11px; padding:24px 27px; }
.privacy-note h2 { font-size:18px; margin-bottom:10px; }
.privacy-note p { color:var(--muted); font-size:13px; line-height:1.95; }
.privacy-note .text-link { color:var(--blue); font-size:12px; margin-top:16px; }
.language-fallback { padding:12px; background:var(--soft); font-size:12px; }
.language-fallback a { color:var(--blue); text-decoration:underline; }
@media(min-width:1500px) {
  .document-layout { grid-template-columns:215px minmax(0,1fr); gap:95px; }
}
@media(max-width:1100px) {
  .document-layout { gap:45px; grid-template-columns:175px minmax(0,1fr); }
  .support-hero-layout { gap:45px; }
  .contact-card { padding:23px; }
  .contact-email { font-size:20px; }
  .setup-steps { gap:18px; }
}
@media(max-width:800px) {
  .document-layout { grid-template-columns:1fr; gap:34px; padding-top:35px; padding-bottom:50px; }
  .document-sidebar { position:static; }
  .document-toc { grid-template-columns:repeat(2,minmax(0,1fr)); gap:2px 22px; }
  .document-toc a { padding:5px 0; font-size:11px; }
  .sidebar-label { margin-bottom:10px; }
  .sidebar-help { display:none; }
  .support-hero-layout { gap:30px; }
  .page-hero { padding-bottom:40px; }
  .page-hero h1 { font-size:38px; }
  .page-description { font-size:13px; }
  .contact-card { padding:21px; }
  .contact-email { font-size:18px; }
  .contact-card>p { font-size:11px; }
  .policy-document { max-width:none; }
}
@media(max-width:600px) {
  .page-hero { padding-top:23px; padding-bottom:32px; }
  .breadcrumbs { font-size:10px; margin-bottom:25px; }
  .page-hero h1 { font-size:34px; letter-spacing:-1px; }
  .page-description { font-size:12px; margin-top:16px; }
  .page-meta { font-size:10px; margin-top:18px; }
  .support-hero-layout { grid-template-columns:1fr; gap:25px; }
  .contact-card { padding:22px; }
  .contact-email { font-size:22px; }
  .contact-card>p { font-size:12px; }
  .document-layout { padding-top:28px; gap:25px; }
  .document-toc { gap:0 15px; }
  .document-toc a { font-size:10px; gap:7px; }
  .toc-number { font-size:9px; }
  .policy-document p,.policy-document li { font-size:13px; line-height:1.95; }
  .policy-intro .summary { padding:18px; font-size:12px; margin-top:20px; }
  .policy-section { margin-top:28px; padding-top:24px; }
  .policy-section h2,.help-section h2 { font-size:20px; gap:10px; margin-bottom:15px; }
  .setup-steps { grid-template-columns:1fr; gap:23px; margin-top:20px; }
  .setup-steps>li { display:grid; grid-template-columns:27px minmax(0,1fr); gap:0 13px; align-items:start; }
  .setup-step-number { grid-row:span 2; margin-top:1px; margin-bottom:0; }
  .setup-steps h3 { font-size:14px; }
  .setup-steps p { font-size:12px; margin-top:5px; }
  .help-section>p { font-size:12px; }
  .help-section+.help-section { padding-top:27px; margin-top:32px; }
  .syntax-example { padding:15px; gap:10px; }
  .syntax-example code { font-size:13px; }
  .syntax-tokens { font-size:10px; gap:8px 12px; }
  .help-questions summary { font-size:13px; }
  .help-questions details>p { font-size:12px; }
  .privacy-note { padding:21px; }
  .privacy-note h2 { font-size:18px; }
  .privacy-note p { font-size:12px; }
}
@media print {
  .site-header,.site-footer,.breadcrumbs,.document-sidebar,.page-endnote,.nav-utilities { display:none; }
  .page-hero { background:#fff; padding:0 0 20px; }
  .container { width:100%; }
  .document-layout { display:block; padding:20px 0; }
  .policy-document p,.policy-document li { color:#172334; }
  .policy-section { break-inside:avoid; }
}