.qf-native{
  color-scheme: light;
  --qf-primary: #49ADE2;
  --qf-accent: #10b981;
  --qf-bg: #f8fafc;
  --qf-surface: #ffffff;
  --qf-surface-alt: #eef2f7;
  --qf-text: #0f172a;
  --qf-muted: #475569;
  --qf-border: #d5dce6;
  --qf-link: #1d6894;
  --qf-on-primary: #ffffff;
  --qf-success: #047857;
  --qf-warning: #b45309;
  --qf-danger: #b91c1c;
  --qf-heading: #080357;
  --qf-on-dark: #f8fafc;
  --qf-text-base: #0f172a;
  --qf-heading-base: #080357;
  --qf-muted-base: #475569;
  --qf-font-body: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --qf-font-heading: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --qf-font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;
  --qf-weight-regular: 400;
  --qf-weight-medium: 500;
  --qf-weight-semibold: 600;
  --qf-weight-bold: 700;
  --qf-base-size: 17px;
  --qf-step-n2: 0.640rem;
  --qf-step-n1: 0.800rem;
  --qf-step-0: 1.000rem;
  --qf-step-1: 1.250rem;
  --qf-step-2: 1.562rem;
  --qf-step-3: clamp(1.667rem, 1.524rem + 0.572vw, 1.953rem);
  --qf-step-4: clamp(2.009rem, 1.793rem + 0.865vw, 2.441rem);
  --qf-step-5: clamp(2.436rem, 2.128rem + 1.231vw, 3.052rem);
  --qf-step-6: clamp(2.970rem, 2.548rem + 1.689vw, 3.815rem);
  --qf-space-0: 0.000rem;
  --qf-space-1: 0.250rem;
  --qf-space-2: 0.500rem;
  --qf-space-3: 0.750rem;
  --qf-space-4: 1.000rem;
  --qf-space-5: 1.250rem;
  --qf-space-6: 1.500rem;
  --qf-space-7: 1.750rem;
  --qf-space-8: 2.000rem;
  --qf-space-9: 2.250rem;
  --qf-space-10: 2.500rem;
  --qf-space-11: 2.750rem;
  --qf-space-12: 3.000rem;
  --qf-space-13: 3.250rem;
  --qf-space-14: 3.500rem;
  --qf-space-15: 3.750rem;
  --qf-space-16: 4.000rem;
  --qf-radius-btn: 3px;
  --qf-radius-card: 12px;
  --qf-content: 720px;
  --qf-wide: 1200px;
}
.qf-native *, .qf-native *::before, .qf-native *::after{ box-sizing: border-box; }
.qf-native{ font-size: var(--qf-base-size); -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
.qf-native{
  margin: 0;
  font-family: var(--qf-font-body);
  font-weight: var(--qf-weight-regular);
  line-height: 1.6;
  color: var(--qf-text);
  background: var(--qf-bg);
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}
.qf-native img, .qf-native picture, .qf-native svg, .qf-native video{ display: block; max-width: 100%; height: auto; }
.qf-native input, .qf-native button, .qf-native textarea, .qf-native select{ font: inherit; color: inherit; }
.qf-native p, .qf-native h1, .qf-native h2, .qf-native h3, .qf-native h4, .qf-native h5, .qf-native h6{ overflow-wrap: break-word; }
.qf-native h1, .qf-native h2, .qf-native h3, .qf-native h4, .qf-native h5, .qf-native h6{
  font-family: var(--qf-font-heading);
  font-weight: var(--qf-weight-bold);
  line-height: 1.15;
  letter-spacing: -0.015em;
  margin: 0 0 var(--qf-space-4);
  text-wrap: balance;
  color: var(--qf-heading);
}
.qf-native .qf-bg-primary :is(h1, h2, h3, h4, h5, h6), .qf-native .qf-bg-inverse :is(h1, h2, h3, h4, h5, h6), .qf-native .qf-hero-overlay :is(h1, h2, h3, h4, h5, h6){ color: inherit; }
.qf-native h1{ font-size: var(--qf-step-5); }
.qf-native h2{ font-size: var(--qf-step-4); }
.qf-native h3{ font-size: var(--qf-step-2); }
.qf-native h4{ font-size: var(--qf-step-1); }
.qf-native h5, .qf-native h6{ font-size: var(--qf-step-0); }
.qf-native p{ margin: 0 0 var(--qf-space-4); }
.qf-native a{ color: var(--qf-link); text-underline-offset: 0.18em; text-decoration-thickness: 1px; }
.qf-native a:hover{ text-decoration-thickness: 2px; }
.qf-native :focus-visible{ outline: 3px solid var(--qf-primary); outline-offset: 3px; border-radius: 2px; }
.qf-native ::selection{ background: var(--qf-primary); color: var(--qf-on-primary); }
.qf-native hr{ border: 0; border-top: 1px solid var(--qf-border); margin: var(--qf-space-10) 0; }
.qf-native code, .qf-native kbd, .qf-native pre, .qf-native samp{ font-family: var(--qf-font-mono); font-size: 0.9em; }
@media (prefers-reduced-motion: reduce){
.qf-native *, .qf-native *::before, .qf-native *::after{ animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; }
}
.qf-native .qf-sr-only{
  position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;
}
.qf-native .qf-skip{
  position: absolute; left: var(--qf-space-4); top: -100px; z-index: 100;
  padding: var(--qf-space-3) var(--qf-space-5); background: var(--qf-primary); color: var(--qf-on-primary);
  border-radius: var(--qf-radius-btn); font-weight: var(--qf-weight-semibold); text-decoration: none;
}
.qf-native .qf-skip:focus{ top: var(--qf-space-4); }
.qf-native .qf-banner-env{
  background: var(--qf-warning); color: var(--qf-on-primary); text-align: center;
  font: var(--qf-weight-semibold) var(--qf-step-n1)/1.4 var(--qf-font-mono);
  padding: var(--qf-space-2); letter-spacing: 0.08em; text-transform: uppercase;
}
.qf-native .qf-banner-preview{
  position: sticky; top: 0; z-index: 50; background: var(--qf-text); color: var(--qf-bg);
  font: var(--qf-weight-medium) var(--qf-step-n1)/1.4 var(--qf-font-mono); padding: var(--qf-space-2) var(--qf-space-4);
  display: flex; gap: var(--qf-space-3); justify-content: center; flex-wrap: wrap;
}
.qf-native .qf-header{
  border-bottom: 1px solid var(--qf-border);
  background: var(--qf-bg);
  position: relative; z-index: 20;
}
.qf-native .qf-header-inner{
  display: flex; align-items: center; gap: var(--qf-space-6);
  min-height: var(--qf-space-16); padding-block: var(--qf-space-3);
}
.qf-native .qf-logo{ display: inline-flex; align-items: center; gap: var(--qf-space-3); text-decoration: none; color: var(--qf-text); font-family: var(--qf-font-heading); font-weight: var(--qf-weight-bold); font-size: var(--qf-step-1); }
.qf-native .qf-logo img{ height: var(--qf-space-12); width: auto; }
.qf-native .qf-logo-dark{ display: none; }
@media (prefers-color-scheme: dark){
.qf-native .qf-has-dark-logo .qf-logo-dark{ display: block; }
.qf-native .qf-has-dark-logo .qf-logo-light{ display: none; }
}
.qf-native .qf-nav-toggle{
  margin-left: auto; display: inline-flex; align-items: center; gap: var(--qf-space-2);
  background: transparent; border: 1px solid var(--qf-border); border-radius: var(--qf-radius-btn);
  padding: var(--qf-space-2) var(--qf-space-3); cursor: pointer; font-weight: var(--qf-weight-medium);
}
.qf-native .qf-nav{ display: none; width: 100%; }
.qf-native .qf-nav[data-open="true"], .qf-native .qf-no-js .qf-nav{ display: block; }
.qf-native .qf-header-inner{ flex-wrap: wrap; }
.qf-native .qf-nav ul{ list-style: none; margin: 0; padding: 0; }
.qf-native .qf-nav > ul{ display: flex; flex-direction: column; gap: var(--qf-space-1); padding-block: var(--qf-space-3); }
.qf-native .qf-nav a{ display: block; padding: var(--qf-space-2) var(--qf-space-3); border-radius: var(--qf-radius-btn); color: var(--qf-text); text-decoration: none; font-weight: var(--qf-weight-medium); }
.qf-native .qf-nav a:hover{ background: var(--qf-surface-alt); }
.qf-native .qf-nav a[aria-current="page"]{ color: var(--qf-primary); box-shadow: inset 3px 0 0 var(--qf-primary); }
.qf-native .qf-nav .qf-subnav{ padding-left: var(--qf-space-4); }
.qf-native .qf-nav .qf-subnav a{ font-weight: var(--qf-weight-regular); color: var(--qf-muted); }
.qf-native .qf-header-cta{ width: 100%; }
@media (min-width: 900px){
.qf-native .qf-header-inner{ flex-wrap: nowrap; }
.qf-native .qf-nav-toggle{ display: none; }
.qf-native .qf-nav, .qf-native .qf-nav[data-open="false"]{ display: block; width: auto; margin-left: auto; }
.qf-native .qf-nav > ul{ flex-direction: row; align-items: center; padding: 0; }
.qf-native .qf-nav > ul > li{ position: relative; }
.qf-native .qf-nav a[aria-current="page"]{ box-shadow: inset 0 -2px 0 var(--qf-primary); border-radius: 0; }
.qf-native .qf-nav .qf-subnav{
    display: none; position: absolute; top: 100%; left: 0; min-width: 14rem; padding: var(--qf-space-2);
    background: var(--qf-surface); border: 1px solid var(--qf-border); border-radius: var(--qf-radius-card);
    box-shadow: 0 12px 32px -12px rgb(0 0 0 / 0.25);
  }
.qf-native .qf-nav li:hover > .qf-subnav, .qf-native .qf-nav li:focus-within > .qf-subnav{ display: block; }
.qf-native .qf-header-cta{ width: auto; }
}
.qf-native main{ display: block; }
.qf-native main:focus{ outline: none; }
.qf-native .qf-footer{
  margin-top: var(--qf-space-16);
  border-top: 1px solid var(--qf-border);
  background: var(--qf-surface-alt);
  padding-block: var(--qf-space-12) var(--qf-space-8);
  font-size: var(--qf-step-n1);
}
.qf-native .qf-footer-grid{ display: grid; gap: var(--qf-space-8); grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr)); }
.qf-native .qf-footer h2{ font-size: var(--qf-step-n1); font-family: var(--qf-font-mono); text-transform: uppercase; letter-spacing: 0.08em; color: var(--qf-muted); margin-bottom: var(--qf-space-3); }
.qf-native .qf-footer ul{ list-style: none; padding: 0; margin: 0; display: grid; gap: var(--qf-space-2); }
.qf-native .qf-footer a{ color: var(--qf-text); text-decoration: none; }
.qf-native .qf-footer a:hover{ text-decoration: underline; }
.qf-native .qf-footer-meta{ margin-top: var(--qf-space-10); padding-top: var(--qf-space-6); border-top: 1px solid var(--qf-border); display: flex; flex-wrap: wrap; gap: var(--qf-space-4); justify-content: space-between; color: var(--qf-muted); }
.qf-native .qf-social{ display: flex; flex-wrap: wrap; gap: var(--qf-space-4); }
.qf-native .qf-prose{ max-width: var(--qf-content); font-size: var(--qf-step-0); }
.qf-native .qf-prose > * + *{ margin-top: var(--qf-space-5); }
.qf-native .qf-prose h2{ font-size: var(--qf-step-3); margin-top: var(--qf-space-12); }
.qf-native .qf-prose h3{ font-size: var(--qf-step-2); margin-top: var(--qf-space-10); }
.qf-native .qf-prose h4{ font-size: var(--qf-step-1); margin-top: var(--qf-space-8); }
.qf-native .qf-prose ul, .qf-native .qf-prose ol{ padding-left: 1.4em; }
.qf-native .qf-prose li + li{ margin-top: var(--qf-space-2); }
.qf-native .qf-prose blockquote{
  margin: var(--qf-space-8) 0; padding: var(--qf-space-1) 0 var(--qf-space-1) var(--qf-space-6);
  border-left: 3px solid var(--qf-primary); color: var(--qf-muted); font-size: var(--qf-step-1);
}
.qf-native .qf-prose img{ border-radius: var(--qf-radius-card); }
.qf-native .qf-prose figure{ margin: var(--qf-space-8) 0; }
.qf-native .qf-prose figcaption{ margin-top: var(--qf-space-2); font-size: var(--qf-step-n1); color: var(--qf-muted); }
.qf-native .qf-prose table{ width: 100%; border-collapse: collapse; font-size: var(--qf-step-n1); display: block; overflow-x: auto; }
.qf-native .qf-prose th, .qf-native .qf-prose td{ text-align: left; padding: var(--qf-space-2) var(--qf-space-3); border-bottom: 1px solid var(--qf-border); }
.qf-native .qf-prose th{ font-weight: var(--qf-weight-semibold); background: var(--qf-surface-alt); }
.qf-native .qf-prose :not(pre) > code{
  background: var(--qf-surface-alt); border: 1px solid var(--qf-border); border-radius: 4px;
  padding: 0.1em 0.35em; font-size: 0.85em;
}
.qf-native .qf-prose a[href^="http"]:not([href*="://localhost"])::after{ content: "↗"; font-size: 0.75em; margin-left: 0.15em; text-decoration: none; display: inline-block; }
.qf-native .qf-code{ position: relative; margin: var(--qf-space-8) 0; border: 1px solid var(--qf-border); border-radius: var(--qf-radius-card); background: var(--qf-surface); overflow: hidden; }
.qf-native .qf-code[data-lang]::before{
  content: attr(data-lang); display: block; padding: var(--qf-space-2) var(--qf-space-4);
  font: var(--qf-weight-medium) var(--qf-step-n2)/1.4 var(--qf-font-mono); text-transform: uppercase; letter-spacing: 0.08em;
  color: var(--qf-muted); border-bottom: 1px solid var(--qf-border); background: var(--qf-surface-alt);
}
.qf-native .qf-code pre, .qf-native .qf-code .chroma{ margin: 0; padding: var(--qf-space-4); overflow-x: auto; font-size: var(--qf-step-0); line-height: 1.55; tab-size: 4; background: transparent !important; }
.qf-native .qf-code pre:focus-visible{ outline-offset: -3px; }
.qf-native .qf-code-copy{
  position: absolute; top: var(--qf-space-1); right: var(--qf-space-2);
  font: var(--qf-weight-medium) var(--qf-step-n2)/1 var(--qf-font-mono); padding: var(--qf-space-2) var(--qf-space-3);
  background: var(--qf-surface); border: 1px solid var(--qf-border); border-radius: var(--qf-radius-btn); cursor: pointer; color: var(--qf-text);
}
.qf-native .qf-code-caption{ padding: var(--qf-space-2) var(--qf-space-4); font-size: var(--qf-step-n1); color: var(--qf-muted); border-top: 1px solid var(--qf-border); }
.qf-native .qf-field{ display: grid; gap: var(--qf-space-2); margin-bottom: var(--qf-space-5); }
.qf-native .qf-label{ font-weight: var(--qf-weight-semibold); font-size: var(--qf-step-n1); }
.qf-native .qf-hint{ font-size: var(--qf-step-n1); color: var(--qf-muted); }
.qf-native .qf-input, .qf-native .qf-textarea, .qf-native .qf-select{
  width: 100%; padding: var(--qf-space-3) var(--qf-space-4); border: 1px solid var(--qf-border);
  border-radius: var(--qf-radius-btn); background: var(--qf-surface); color: var(--qf-text); min-height: 2.75rem;
}
.qf-native .qf-textarea{ min-height: 8rem; resize: vertical; }
.qf-native .qf-input:focus-visible, .qf-native .qf-textarea:focus-visible, .qf-native .qf-select:focus-visible{ outline-offset: 0; }
.qf-native .qf-input[aria-invalid="true"], .qf-native .qf-textarea[aria-invalid="true"]{ border-color: var(--qf-danger); }
.qf-native .qf-error{ color: var(--qf-danger); font-size: var(--qf-step-n1); font-weight: var(--qf-weight-medium); }
.qf-native .qf-alert{ padding: var(--qf-space-4) var(--qf-space-5); border-radius: var(--qf-radius-card); border: 1px solid var(--qf-border); background: var(--qf-surface); }
.qf-native .qf-alert-success{ border-color: var(--qf-success); }
.qf-native .qf-alert-error{ border-color: var(--qf-danger); }
.qf-native .qf-hp{ position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.qf-native .qf-prose-wide{ max-width: none; }
.qf-native .qf-nav a.qf-btn{ display: inline-flex; align-items: center; justify-content: center; padding: var(--qf-space-2) var(--qf-space-5); color: var(--qf-on-primary); border-radius: var(--qf-radius-btn); }
.qf-native .qf-nav a.qf-btn:hover{ background: var(--qf-primary); filter: brightness(1.08); }
.qf-native .qf-nav li.qf-header-cta{ margin-left: var(--qf-space-3); }
@media (max-width: 899px){
.qf-native .qf-nav li.qf-header-cta{ margin: var(--qf-space-2) 0 0; }
.qf-native .qf-nav a.qf-btn{ width: 100%; }
}
.qf-native .qf-code pre code{ font-size: 0.875em; }
.qf-native .qf-container{ width: 100%; max-width: var(--qf-wide); margin-inline: auto; padding-inline: var(--qf-space-5); }
.qf-native .qf-container-narrow{ width: 100%; max-width: var(--qf-content); margin-inline: auto; padding-inline: var(--qf-space-5); }
@media (min-width: 640px){
.qf-native .qf-container, .qf-native .qf-container-narrow{ padding-inline: var(--qf-space-8); }
}
.qf-native .qf-section{ padding-block: var(--qf-space-12); }
.qf-native .qf-section-tight{ padding-block: var(--qf-space-8); }
.qf-native .qf-section-loose{ padding-block: var(--qf-space-16); }
@media (min-width: 900px){
.qf-native .qf-section{ padding-block: var(--qf-space-16); }
.qf-native .qf-section-loose{ padding-block: calc(var(--qf-space-16) * 1.5); }
}
.qf-native .qf-bg-surface{ background: var(--qf-surface); }
.qf-native .qf-bg-alt{ background: var(--qf-surface-alt); }
.qf-native .qf-bg-primary{ background: var(--qf-primary); color: var(--qf-on-primary); }
.qf-native .qf-bg-primary a:not(.qf-btn){ color: inherit; }
.qf-native .qf-bg-inverse{ background: var(--qf-heading); color: var(--qf-on-dark); }
.qf-native .qf-bg-inverse a:not(.qf-btn){ color: inherit; }
.qf-native .qf-border-top{ border-top: 1px solid var(--qf-border); }
.qf-native .qf-border-bottom{ border-bottom: 1px solid var(--qf-border); }
.qf-native .qf-stack{ display: flex; flex-direction: column; gap: var(--qf-space-4); }
.qf-native .qf-stack-sm{ display: flex; flex-direction: column; gap: var(--qf-space-2); }
.qf-native .qf-stack-lg{ display: flex; flex-direction: column; gap: var(--qf-space-8); }
.qf-native .qf-stack > *, .qf-native .qf-stack-sm > *, .qf-native .qf-stack-lg > *{ margin: 0; }
.qf-native .qf-cluster{ display: flex; flex-wrap: wrap; gap: var(--qf-space-3); align-items: center; }
.qf-native .qf-cluster-between{ display: flex; flex-wrap: wrap; gap: var(--qf-space-3); align-items: center; justify-content: space-between; }
.qf-native .qf-center{ display: grid; place-items: center; text-align: center; }
.qf-native .qf-grid{ display: grid; gap: var(--qf-space-6); grid-template-columns: 1fr; }
.qf-native .qf-grid-auto{ display: grid; gap: var(--qf-space-6); grid-template-columns: repeat(auto-fill, minmax(min(16rem, 100%), 1fr)); }
.qf-native .qf-grid-2, .qf-native .qf-grid-3, .qf-native .qf-grid-4{ display: grid; gap: var(--qf-space-6); grid-template-columns: 1fr; }
.qf-native .qf-split{ display: grid; gap: var(--qf-space-8); grid-template-columns: 1fr; align-items: center; }
.qf-native .qf-split-reverse > :first-child{ order: 0; }
@media (min-width: 640px){
.qf-native .qf-grid-3, .qf-native .qf-grid-4{ grid-template-columns: repeat(2, 1fr); }
}
@media (min-width: 900px){
.qf-native .qf-grid-2, .qf-native .qf-split{ grid-template-columns: repeat(2, 1fr); }
.qf-native .qf-grid-3{ grid-template-columns: repeat(3, 1fr); }
.qf-native .qf-grid-4{ grid-template-columns: repeat(4, 1fr); }
.qf-native .qf-split{ gap: var(--qf-space-12); }
.qf-native .qf-split-reverse > :first-child{ order: 2; }
.qf-native .qf-split-wide-left{ grid-template-columns: 3fr 2fr; }
.qf-native .qf-split-wide-right{ grid-template-columns: 2fr 3fr; }
}
.qf-native .qf-items-start{ align-items: start; }
.qf-native .qf-items-center{ align-items: center; }
.qf-native .qf-justify-center{ justify-content: center; }
.qf-native .qf-full{ width: 100%; }
.qf-native .qf-measure{ max-width: var(--qf-content); }
.qf-native .qf-measure-narrow{ max-width: 38rem; }
.qf-native .qf-mx-auto{ margin-inline: auto; }
.qf-native .qf-display{ font-size: var(--qf-step-6); line-height: 1.05; letter-spacing: -0.025em; }
.qf-native .qf-h1{ font-size: var(--qf-step-5); }
.qf-native .qf-h2{ font-size: var(--qf-step-4); }
.qf-native .qf-h3{ font-size: var(--qf-step-2); }
.qf-native .qf-h4{ font-size: var(--qf-step-1); }
.qf-native .qf-lead{ font-size: var(--qf-step-1); line-height: 1.5; color: var(--qf-muted); }
.qf-native .qf-bg-primary .qf-lead, .qf-native .qf-bg-inverse .qf-lead{ color: inherit; opacity: 0.9; }
.qf-native .qf-small{ font-size: var(--qf-step-n1); }
.qf-native .qf-tiny{ font-size: var(--qf-step-n2); }
.qf-native .qf-eyebrow{
  font-family: var(--qf-font-mono); font-size: var(--qf-step-n1); font-weight: var(--qf-weight-medium);
  text-transform: uppercase; letter-spacing: 0.12em; color: var(--qf-primary);
}
.qf-native .qf-bg-primary .qf-eyebrow, .qf-native .qf-bg-inverse .qf-eyebrow{ color: inherit; }
.qf-native .qf-mono{ font-family: var(--qf-font-mono); }
.qf-native .qf-heading-font{ font-family: var(--qf-font-heading); }
.qf-native .qf-muted{ color: var(--qf-muted); }
.qf-native .qf-text-primary{ color: var(--qf-primary); }
.qf-native .qf-text-center{ text-align: center; }
.qf-native .qf-text-left{ text-align: left; }
.qf-native .qf-text-balance{ text-wrap: balance; }
.qf-native .qf-weight-medium{ font-weight: var(--qf-weight-medium); }
.qf-native .qf-weight-semibold{ font-weight: var(--qf-weight-semibold); }
.qf-native .qf-weight-bold{ font-weight: var(--qf-weight-bold); }
.qf-native .qf-uppercase{ text-transform: uppercase; letter-spacing: 0.06em; }
.qf-native .qf-list-plain{ list-style: none; padding: 0; margin: 0; }
.qf-native .qf-list-check{ list-style: none; padding: 0; margin: 0; display: grid; gap: var(--qf-space-3); }
.qf-native .qf-list-check li{ padding-left: 1.75em; position: relative; }
.qf-native .qf-list-check li::before{ content: ""; position: absolute; left: 0; top: 0.45em; width: 0.9em; height: 0.5em; border-left: 2px solid var(--qf-accent); border-bottom: 2px solid var(--qf-accent); transform: rotate(-45deg); }
.qf-native .qf-card{ background: var(--qf-surface); border: 1px solid var(--qf-border); border-radius: var(--qf-radius-card); padding: var(--qf-space-6); color: var(--qf-text); }
.qf-native .qf-card-flat{ background: var(--qf-surface-alt); border-radius: var(--qf-radius-card); padding: var(--qf-space-6); color: var(--qf-text); }
.qf-native .qf-card-link{ text-decoration: none; display: block; transition: border-color 120ms ease, transform 120ms ease; }
.qf-native .qf-card-link:hover{ border-color: var(--qf-primary); }
.qf-native .qf-card-link:hover .qf-card-title{ text-decoration: underline; }
.qf-native .qf-card-title{ font-size: var(--qf-step-1); margin-bottom: var(--qf-space-2); color: var(--qf-heading); }
.qf-native .qf-panel{ border-left: 3px solid var(--qf-primary); padding: var(--qf-space-2) 0 var(--qf-space-2) var(--qf-space-5); }
.qf-native .qf-badge{
  display: inline-flex; align-items: center; gap: var(--qf-space-1); padding: var(--qf-space-1) var(--qf-space-3);
  border: 1px solid var(--qf-border); border-radius: 999px; font-size: var(--qf-step-n2); font-weight: var(--qf-weight-medium);
  font-family: var(--qf-font-mono); text-transform: uppercase; letter-spacing: 0.06em; background: var(--qf-surface); color: var(--qf-text); text-decoration: none;
}
.qf-native .qf-divider{ border: 0; border-top: 1px solid var(--qf-border); margin: 0; }
.qf-native .qf-rounded{ border-radius: var(--qf-radius-card); }
.qf-native .qf-shadow{ box-shadow: 0 1px 2px rgb(0 0 0 / 0.06), 0 12px 32px -16px rgb(0 0 0 / 0.25); }
.qf-native .qf-media{ width: 100%; height: 100%; object-fit: cover; border-radius: var(--qf-radius-card); }
.qf-native .qf-aspect-video{ aspect-ratio: 16 / 9; }
.qf-native .qf-aspect-square{ aspect-ratio: 1; }
.qf-native .qf-aspect-wide{ aspect-ratio: 21 / 9; }
.qf-native .qf-icon{ width: var(--qf-space-10); height: var(--qf-space-10); color: var(--qf-primary); flex: none; }
.qf-native .qf-icon-box{ display: inline-grid; place-items: center; width: var(--qf-space-12); height: var(--qf-space-12); border-radius: var(--qf-radius-btn); background: var(--qf-surface-alt); color: var(--qf-primary); }
.qf-native .qf-btn{
  display: inline-flex; align-items: center; justify-content: center; gap: var(--qf-space-2);
  min-height: 2.75rem; padding: var(--qf-space-3) var(--qf-space-6); border-radius: var(--qf-radius-btn);
  font-weight: var(--qf-weight-semibold); text-decoration: none; line-height: 1.2; cursor: pointer;
  border: 1px solid transparent; transition: background-color 120ms ease, border-color 120ms ease, color 120ms ease;
}
.qf-native .qf-btn-primary{ background: var(--qf-primary); color: var(--qf-on-primary); }
.qf-native .qf-btn-primary:hover{ filter: brightness(1.08); }
.qf-native .qf-btn-secondary{ background: transparent; color: var(--qf-text); border-color: var(--qf-border); }
.qf-native .qf-btn-secondary:hover{ border-color: var(--qf-text); }
.qf-native .qf-btn-ghost{ background: transparent; color: var(--qf-link); padding-inline: var(--qf-space-2); }
.qf-native .qf-bg-primary .qf-btn-primary{ background: var(--qf-on-primary); color: var(--qf-primary); }
.qf-native .qf-bg-primary .qf-btn-secondary, .qf-native .qf-bg-inverse .qf-btn-secondary{ color: inherit; border-color: currentColor; }
.qf-native .qf-btn-lg{ min-height: 3.25rem; padding: var(--qf-space-4) var(--qf-space-8); font-size: var(--qf-step-1); }
.qf-native .qf-link-arrow{ font-weight: var(--qf-weight-semibold); text-decoration: none; color: var(--qf-link); }
.qf-native .qf-link-arrow::after{ content: " →"; transition: margin 120ms ease; }
.qf-native .qf-link-arrow:hover::after{ margin-left: 0.2em; }
.qf-native .qf-hide-mobile{ display: none; }
@media (min-width: 900px){
.qf-native .qf-hide-mobile{ display: revert; }
.qf-native .qf-hide-desktop{ display: none; }
}
.qf-native .qf-mt-0{ margin-top: var(--qf-space-0); }
.qf-native .qf-mb-0{ margin-bottom: var(--qf-space-0); }
.qf-native .qf-p-0{ padding: var(--qf-space-0); }
.qf-native .qf-py-0{ padding-block: var(--qf-space-0); }
.qf-native .qf-px-0{ padding-inline: var(--qf-space-0); }
.qf-native .qf-gap-0{ gap: var(--qf-space-0); }
.qf-native .qf-mt-1{ margin-top: var(--qf-space-1); }
.qf-native .qf-mb-1{ margin-bottom: var(--qf-space-1); }
.qf-native .qf-p-1{ padding: var(--qf-space-1); }
.qf-native .qf-py-1{ padding-block: var(--qf-space-1); }
.qf-native .qf-px-1{ padding-inline: var(--qf-space-1); }
.qf-native .qf-gap-1{ gap: var(--qf-space-1); }
.qf-native .qf-mt-2{ margin-top: var(--qf-space-2); }
.qf-native .qf-mb-2{ margin-bottom: var(--qf-space-2); }
.qf-native .qf-p-2{ padding: var(--qf-space-2); }
.qf-native .qf-py-2{ padding-block: var(--qf-space-2); }
.qf-native .qf-px-2{ padding-inline: var(--qf-space-2); }
.qf-native .qf-gap-2{ gap: var(--qf-space-2); }
.qf-native .qf-mt-3{ margin-top: var(--qf-space-3); }
.qf-native .qf-mb-3{ margin-bottom: var(--qf-space-3); }
.qf-native .qf-p-3{ padding: var(--qf-space-3); }
.qf-native .qf-py-3{ padding-block: var(--qf-space-3); }
.qf-native .qf-px-3{ padding-inline: var(--qf-space-3); }
.qf-native .qf-gap-3{ gap: var(--qf-space-3); }
.qf-native .qf-mt-4{ margin-top: var(--qf-space-4); }
.qf-native .qf-mb-4{ margin-bottom: var(--qf-space-4); }
.qf-native .qf-p-4{ padding: var(--qf-space-4); }
.qf-native .qf-py-4{ padding-block: var(--qf-space-4); }
.qf-native .qf-px-4{ padding-inline: var(--qf-space-4); }
.qf-native .qf-gap-4{ gap: var(--qf-space-4); }
.qf-native .qf-mt-5{ margin-top: var(--qf-space-5); }
.qf-native .qf-mb-5{ margin-bottom: var(--qf-space-5); }
.qf-native .qf-p-5{ padding: var(--qf-space-5); }
.qf-native .qf-py-5{ padding-block: var(--qf-space-5); }
.qf-native .qf-px-5{ padding-inline: var(--qf-space-5); }
.qf-native .qf-gap-5{ gap: var(--qf-space-5); }
.qf-native .qf-mt-6{ margin-top: var(--qf-space-6); }
.qf-native .qf-mb-6{ margin-bottom: var(--qf-space-6); }
.qf-native .qf-p-6{ padding: var(--qf-space-6); }
.qf-native .qf-py-6{ padding-block: var(--qf-space-6); }
.qf-native .qf-px-6{ padding-inline: var(--qf-space-6); }
.qf-native .qf-gap-6{ gap: var(--qf-space-6); }
.qf-native .qf-mt-8{ margin-top: var(--qf-space-8); }
.qf-native .qf-mb-8{ margin-bottom: var(--qf-space-8); }
.qf-native .qf-p-8{ padding: var(--qf-space-8); }
.qf-native .qf-py-8{ padding-block: var(--qf-space-8); }
.qf-native .qf-px-8{ padding-inline: var(--qf-space-8); }
.qf-native .qf-gap-8{ gap: var(--qf-space-8); }
.qf-native .qf-mt-10{ margin-top: var(--qf-space-10); }
.qf-native .qf-mb-10{ margin-bottom: var(--qf-space-10); }
.qf-native .qf-p-10{ padding: var(--qf-space-10); }
.qf-native .qf-py-10{ padding-block: var(--qf-space-10); }
.qf-native .qf-px-10{ padding-inline: var(--qf-space-10); }
.qf-native .qf-gap-10{ gap: var(--qf-space-10); }
.qf-native .qf-mt-12{ margin-top: var(--qf-space-12); }
.qf-native .qf-mb-12{ margin-bottom: var(--qf-space-12); }
.qf-native .qf-p-12{ padding: var(--qf-space-12); }
.qf-native .qf-py-12{ padding-block: var(--qf-space-12); }
.qf-native .qf-px-12{ padding-inline: var(--qf-space-12); }
.qf-native .qf-gap-12{ gap: var(--qf-space-12); }
.qf-native .qf-mt-16{ margin-top: var(--qf-space-16); }
.qf-native .qf-mb-16{ margin-bottom: var(--qf-space-16); }
.qf-native .qf-p-16{ padding: var(--qf-space-16); }
.qf-native .qf-py-16{ padding-block: var(--qf-space-16); }
.qf-native .qf-px-16{ padding-inline: var(--qf-space-16); }
.qf-native .qf-gap-16{ gap: var(--qf-space-16); }
.qf-native .qf-hero .qf-display{ margin: 0; }
.qf-native .qf-hero.qf-bg-inverse, .qf-native .qf-hero.qf-bg-primary{ margin-bottom: 0; }
.qf-native .qf-hero-media .qf-media{ aspect-ratio: 4 / 3; }
.qf-native .qf-card-stack{ display: flex; flex-direction: column; gap: var(--qf-space-4); height: 100%; position: relative; }
.qf-native .qf-card-media{ margin: calc(var(--qf-space-6) * -1) calc(var(--qf-space-6) * -1) 0; }
.qf-native .qf-card-media .qf-media{ border-radius: var(--qf-radius-card) var(--qf-radius-card) 0 0; }
.qf-native .qf-card-linked{ transition: border-color 120ms ease; }
.qf-native .qf-card-linked:hover, .qf-native .qf-card-linked:focus-within{ border-color: var(--qf-primary); }
.qf-native .qf-stretched{ color: inherit; text-decoration: none; }
.qf-native .qf-stretched::after{ content: ""; position: absolute; inset: 0; border-radius: var(--qf-radius-card); }
.qf-native .qf-stretched:hover{ text-decoration: underline; }
.qf-native .qf-stretched:focus-visible{ outline: none; }
.qf-native .qf-stretched:focus-visible::after{ outline: 3px solid var(--qf-primary); outline-offset: 3px; }
.qf-native .qf-cta{ padding: var(--qf-space-10) var(--qf-space-6); display: grid; gap: var(--qf-space-6); }
@media (min-width: 900px){
.qf-native .qf-cta{ padding: var(--qf-space-12); grid-template-columns: 1fr auto; align-items: center; }
}
.qf-native .qf-stats{ margin: 0; }
.qf-native .qf-stat{ display: flex; flex-direction: column-reverse; gap: var(--qf-space-1); border-left: 2px solid var(--qf-primary); padding-left: var(--qf-space-4); }
.qf-native .qf-stat dd{ margin: 0; }
.qf-native .qf-stat-value{ font-family: var(--qf-font-heading); font-size: var(--qf-step-4); font-weight: var(--qf-weight-bold); line-height: 1.1; letter-spacing: -0.02em; }
.qf-native .qf-stat-label{ color: var(--qf-muted); }
.qf-native .qf-faq{ border-top: 1px solid var(--qf-border); }
.qf-native .qf-faq-item{ border-bottom: 1px solid var(--qf-border); }
.qf-native .qf-faq-item summary{ list-style: none; cursor: pointer; padding: var(--qf-space-5) var(--qf-space-10) var(--qf-space-5) 0; position: relative; }
.qf-native .qf-faq-item summary::-webkit-details-marker{ display: none; }
.qf-native .qf-faq-item summary::after{ content: "+"; position: absolute; right: var(--qf-space-2); top: 50%; transform: translateY(-50%); font-size: var(--qf-step-2); color: var(--qf-primary); font-family: var(--qf-font-mono); }
.qf-native .qf-faq-item[open] summary::after{ content: "−"; }
.qf-native .qf-faq-q{ font-size: var(--qf-step-1); margin: 0; display: inline; }
.qf-native .qf-faq-a{ padding-bottom: var(--qf-space-6); }
.qf-native .qf-steps{ list-style: none; padding: 0; margin: 0; counter-reset: qf-step; }
.qf-native .qf-step{ counter-increment: qf-step; position: relative; padding-top: var(--qf-space-12); border-top: 1px solid var(--qf-border); }
.qf-native .qf-step::before{ content: counter(qf-step, decimal-leading-zero); position: absolute; top: var(--qf-space-4); left: 0; font-family: var(--qf-font-mono); font-weight: var(--qf-weight-medium); color: var(--qf-primary); }
.qf-native .qf-quote{ margin: 0; }
.qf-native .qf-quote blockquote{ margin: 0; font-family: var(--qf-font-heading); font-size: var(--qf-step-2); line-height: 1.35; font-weight: var(--qf-weight-medium); letter-spacing: -0.01em; }
.qf-native .qf-quote blockquote p::before{ content: "“"; color: var(--qf-primary); }
.qf-native .qf-quote blockquote p::after{ content: "”"; color: var(--qf-primary); }
.qf-native .qf-quote-avatar img{ width: var(--qf-space-12); height: var(--qf-space-12); border-radius: 999px; object-fit: cover; }
.qf-native .qf-logos{ list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: var(--qf-space-8) var(--qf-space-12); }
.qf-native .qf-logo-img{ height: var(--qf-space-10); width: auto; max-width: 10rem; object-fit: contain; filter: grayscale(1); opacity: 0.8; transition: filter 150ms ease, opacity 150ms ease; }
.qf-native .qf-logos a:hover .qf-logo-img{ filter: none; opacity: 1; }
.qf-native .qf-logo-text{ font-family: var(--qf-font-heading); font-weight: var(--qf-weight-bold); font-size: var(--qf-step-1); color: var(--qf-muted); }
.qf-native .qf-callout{ border: 1px solid var(--qf-border); border-left-width: 4px; border-radius: var(--qf-radius-card); padding: var(--qf-space-5) var(--qf-space-6); background: var(--qf-surface); }
.qf-native .qf-callout-label{ font-family: var(--qf-font-mono); font-size: var(--qf-step-n2); text-transform: uppercase; letter-spacing: 0.12em; font-weight: var(--qf-weight-semibold); margin-bottom: var(--qf-space-1); }
.qf-native .qf-callout-title{ font-weight: var(--qf-weight-semibold); font-size: var(--qf-step-1); margin-bottom: var(--qf-space-2); }
.qf-native .qf-callout .qf-prose > :last-child{ margin-bottom: 0; }
.qf-native .qf-callout-info{ border-left-color: var(--qf-primary); }
.qf-native .qf-callout-info .qf-callout-label{ color: var(--qf-primary); }
.qf-native .qf-callout-success{ border-left-color: var(--qf-success); }
.qf-native .qf-callout-success .qf-callout-label{ color: var(--qf-success); }
.qf-native .qf-callout-warning{ border-left-color: var(--qf-warning); }
.qf-native .qf-callout-warning .qf-callout-label{ color: var(--qf-warning); }
.qf-native .qf-callout-danger{ border-left-color: var(--qf-danger); }
.qf-native .qf-callout-danger .qf-callout-label{ color: var(--qf-danger); }
.qf-native .qf-figure{ margin: 0; }
.qf-native .qf-figure img{ width: 100%; }
.qf-native .qf-video{ position: relative; overflow: hidden; background: var(--qf-surface-alt); }
.qf-native .qf-video iframe, .qf-native .qf-video video{ position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.qf-native .qf-video video{ object-fit: cover; background: #000; }
.qf-native .qf-service-cta{ padding: var(--qf-space-8); border-color: var(--qf-primary); }
.qf-native .qf-post-card{ display: flex; flex-direction: column; gap: var(--qf-space-3); height: 100%; position: relative; }
.qf-native .qf-post-card-media .qf-media{ aspect-ratio: 16 / 9; }
.qf-native .qf-post-card h3{ font-size: var(--qf-step-1); margin: 0; }
.qf-native .qf-post-meta{ display: flex; flex-wrap: wrap; gap: var(--qf-space-2) var(--qf-space-4); color: var(--qf-muted); font-size: var(--qf-step-n1); }
.qf-native .qf-post-meta a{ color: inherit; }
.qf-native .qf-post-header{ padding-block: var(--qf-space-12) var(--qf-space-8); }
.qf-native .qf-post-header h1{ font-size: var(--qf-step-5); margin-bottom: var(--qf-space-4); }
.qf-native .qf-post-hero{ margin-bottom: var(--qf-space-10); }
.qf-native .qf-post-hero img{ width: 100%; border-radius: var(--qf-radius-card); aspect-ratio: 2 / 1; object-fit: cover; }
.qf-native .qf-post-layout{ display: grid; gap: var(--qf-space-10); }
@media (min-width: 1100px){
.qf-native .qf-post-layout{ grid-template-columns: minmax(0, var(--qf-content)) minmax(12rem, 16rem); justify-content: center; gap: var(--qf-space-16); }
.qf-native .qf-toc{ position: sticky; top: var(--qf-space-8); align-self: start; }
}
.qf-native .qf-toc{ font-size: var(--qf-step-n1); }
.qf-native .qf-toc h2{ font-family: var(--qf-font-mono); font-size: var(--qf-step-n2); text-transform: uppercase; letter-spacing: 0.1em; color: var(--qf-muted); }
.qf-native .qf-toc ol{ list-style: none; padding: 0; margin: 0; display: grid; gap: var(--qf-space-2); border-left: 1px solid var(--qf-border); }
.qf-native .qf-toc li{ padding-left: var(--qf-space-3); }
.qf-native .qf-toc li.qf-toc-h3{ padding-left: var(--qf-space-6); }
.qf-native .qf-toc a{ color: var(--qf-muted); text-decoration: none; }
.qf-native .qf-toc a:hover{ color: var(--qf-text); }
.qf-native .qf-tags{ display: flex; flex-wrap: wrap; gap: var(--qf-space-2); list-style: none; padding: 0; margin: 0; }
.qf-native .qf-author-box{ display: flex; gap: var(--qf-space-5); align-items: flex-start; padding: var(--qf-space-6); }
.qf-native .qf-author-box img{ width: var(--qf-space-16); height: var(--qf-space-16); border-radius: 999px; object-fit: cover; flex: none; }
.qf-native .qf-pagination{ display: flex; justify-content: space-between; gap: var(--qf-space-4); margin-top: var(--qf-space-12); }
.qf-native .qf-filter-bar{ display: flex; flex-wrap: wrap; gap: var(--qf-space-2); }
.qf-native .qf-filter-bar a[aria-current="page"]{ background: var(--qf-text); color: var(--qf-bg); border-color: var(--qf-text); }
.qf-native .qf-search-form{ display: flex; gap: var(--qf-space-2); max-width: 36rem; }
.qf-native .qf-search-results{ list-style: none; padding: 0; margin: var(--qf-space-8) 0 0; display: grid; gap: var(--qf-space-8); }
.qf-native .qf-search-results mark{ background: color-mix(in srgb, var(--qf-accent) 30%, transparent); color: inherit; padding: 0 0.1em; border-radius: 2px; }
.qf-native .qf-search-path{ font-family: var(--qf-font-mono); font-size: var(--qf-step-n2); color: var(--qf-muted); }
.qf-native .qf-page-header{ padding-block: var(--qf-space-12) var(--qf-space-4); }
.qf-native .qf-breadcrumb ol{ list-style: none; display: flex; flex-wrap: wrap; gap: var(--qf-space-2); padding: 0; margin: 0 0 var(--qf-space-4); font-size: var(--qf-step-n1); color: var(--qf-muted); }
.qf-native .qf-breadcrumb li + li::before{ content: "/"; margin-right: var(--qf-space-2); }
.qf-native .qf-breadcrumb a{ color: inherit; }
.qf-native .qf-error-page{ padding-block: var(--qf-space-16); }
.qf-native .qf-error-code{ font-family: var(--qf-font-mono); color: var(--qf-primary); }
.qf-native .qf-hero-overlay{ position: relative; isolation: isolate; color: var(--qf-on-dark); overflow: hidden; min-height: min(70vh, 40rem); display: grid; align-items: center; }
.qf-native .qf-hero-overlay .qf-lead, .qf-native .qf-hero-overlay .qf-eyebrow{ color: inherit; }
.qf-native .qf-hero-overlay .qf-lead{ opacity: 0.92; }
.qf-native .qf-hero-overlay .qf-btn-secondary{ color: inherit; border-color: currentColor; }
.qf-native .qf-hero-backdrop{ position: absolute; inset: 0; z-index: -1; background: var(--qf-heading); }
.qf-native .qf-hero-backdrop picture, .qf-native .qf-hero-backdrop img{ width: 100%; height: 100%; }
.qf-native .qf-hero-backdrop-img{ width: 100%; height: 100%; object-fit: cover; }
.qf-native .qf-hero-backdrop::after{ content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, color-mix(in srgb, var(--qf-heading) 92%, transparent) 0%, color-mix(in srgb, var(--qf-heading) 70%, transparent) 55%, color-mix(in srgb, var(--qf-heading) 45%, transparent) 100%); }
@media (max-width: 899px){
.qf-native .qf-hero-backdrop::after{ background: color-mix(in srgb, var(--qf-heading) 82%, transparent); }
}
.qf-native .qf-anchor{ display: block; position: relative; top: calc(var(--qf-space-8) * -1); visibility: hidden; }
.qf-native .qf-text-primary-strong{ color: var(--qf-text); }
.qf-native .qf-prose-checks ul{ list-style: none; padding-left: 0; }
.qf-native .qf-prose-checks ul li{ position: relative; padding-left: 1.75em; }
.qf-native .qf-prose-checks ul li::before{ content: ""; position: absolute; left: 0; top: 0.45em; width: 0.9em; height: 0.5em; border-left: 2px solid var(--qf-accent); border-bottom: 2px solid var(--qf-accent); transform: rotate(-45deg); }
.qf-native .qf-card-body{ flex: 1; }
.qf-native .qf-card-cta{ margin-top: auto; padding-top: var(--qf-space-2); }
.qf-native .qf-feature-img img{ height: var(--qf-space-16); width: auto; max-width: 100%; object-fit: contain; }
.qf-native .qf-feature-center .qf-feature-img img{ margin-inline: auto; }
.qf-native .qf-feature-center .qf-icon-box{ margin-inline: auto; }
.qf-native .qf-band{ position: relative; isolation: isolate; }
.qf-native .qf-band-bg{ position: absolute; inset: 0; z-index: -1; overflow: hidden; }
.qf-native .qf-band-bg picture, .qf-native .qf-band-bg img, .qf-native .qf-band-img{ width: 100%; height: 100%; object-fit: cover; }
.qf-native .qf-band-dark{ --qf-text: var(--qf-on-dark); --qf-heading: var(--qf-on-dark); --qf-muted: var(--qf-on-dark); color: var(--qf-on-dark); background: var(--qf-heading-base); }
.qf-native .qf-band-dark .qf-band-bg::after{ content: ""; position: absolute; inset: 0; background: color-mix(in srgb, var(--qf-heading-base) 70%, transparent); }
.qf-native .qf-band-dark .qf-card, .qf-native .qf-band-dark .qf-card-flat{ --qf-text: var(--qf-text-base); --qf-heading: var(--qf-heading-base); --qf-muted: var(--qf-muted-base); }
.qf-native .qf-band-dark .qf-bg-alt, .qf-native .qf-band-dark .qf-bg-surface{ background: transparent; }
.qf-native .qf-post-cats{ display: flex; flex-wrap: wrap; gap: var(--qf-space-1) var(--qf-space-3); list-style: none; margin: 0; padding: 0; }
.qf-native .qf-post-cats a{ text-decoration: none; }
.qf-native .qf-post-cats a:hover{ text-decoration: underline; }
.qf-native .qf-link-back{ font-weight: 600; text-decoration: none; }
.qf-native .qf-link-back::before{ content: "← "; }
.qf-native .qf-link-back:hover{ text-decoration: underline; }
.qf-native .qf-post-share{ display: grid; gap: var(--qf-space-2); }
.qf-native .qf-btn-sm{ padding: var(--qf-space-1) var(--qf-space-3); font-size: var(--qf-step-n1); }
.qf-native .qf-topbar{ background: var(--qf-heading-base); color: var(--qf-on-dark); font-size: var(--qf-step-n1); }
.qf-native .qf-topbar-inner{ display: flex; justify-content: flex-end; padding-block: var(--qf-space-2); }
.qf-native .qf-topbar-links{ display: flex; flex-wrap: wrap; gap: var(--qf-space-2) var(--qf-space-6); list-style: none; margin: 0; padding: 0; }
.qf-native .qf-topbar a{ color: inherit; text-decoration: none; }
.qf-native .qf-topbar a:hover{ text-decoration: underline; }
.qf-native .qf-footer-signup{ padding-block: var(--qf-space-12); }
.qf-native .qf-footer-signup-inner{ display: grid; gap: var(--qf-space-8); align-items: start; }
@media (min-width: 48rem){
.qf-native .qf-footer-signup-inner{ grid-template-columns: 1fr 1fr; }
}
.qf-native .qf-footer-signup .qf-section-tight{ padding: 0; }
.qf-native .qf-footer-signup .qf-container-narrow{ padding: 0; max-width: none; }
.qf-native .qf-footer-signup .qf-input, .qf-native .qf-footer-signup .qf-textarea, .qf-native .qf-footer-signup .qf-select{ color: var(--qf-text-base); }
.qf-native .qf-footer-logo img{ max-height: 4rem; width: auto; }
.qf-native .qf-footer-logo{ margin-bottom: var(--qf-space-6); }
.qf-native .qf-footer-address{ font-style: normal; display: grid; gap: var(--qf-space-1); margin-top: var(--qf-space-8); }
.qf-native .qf-footer-credit{ color: var(--qf-muted); }
.qf-native .bg{ background-color: #f7f7f7; }
.qf-native .chroma{ background-color: #f7f7f7; -webkit-text-size-adjust: none; }
.qf-native .chroma .err{ color: #f6f8fa; background-color: #82071e }
.qf-native .chroma .lnlinks{ outline: none; text-decoration: none; color: inherit }
.qf-native .chroma .lntd{ vertical-align: top; padding: 0; margin: 0; border: 0; }
.qf-native .chroma .lntable{ border-spacing: 0; padding: 0; margin: 0; border: 0; }
.qf-native .chroma .hl{ background-color: #dedede }
.qf-native .chroma .lnt{ white-space: pre; -webkit-user-select: none; user-select: none; margin-right: 0.4em; padding: 0 0.4em 0 0.4em;color: #7f7f7f }
.qf-native .chroma .ln{ white-space: pre; -webkit-user-select: none; user-select: none; margin-right: 0.4em; padding: 0 0.4em 0 0.4em;color: #7f7f7f }
.qf-native .chroma .line{ display: flex; }
.qf-native .chroma .k{ color: #cf222e }
.qf-native .chroma .kc{ color: #cf222e }
.qf-native .chroma .kd{ color: #cf222e }
.qf-native .chroma .kn{ color: #cf222e }
.qf-native .chroma .kp{ color: #cf222e }
.qf-native .chroma .kr{ color: #cf222e }
.qf-native .chroma .kt{ color: #cf222e }
.qf-native .chroma .na{ color: #1f2328 }
.qf-native .chroma .nc{ color: #1f2328 }
.qf-native .chroma .no{ color: #0550ae }
.qf-native .chroma .nd{ color: #0550ae }
.qf-native .chroma .ni{ color: #6639ba }
.qf-native .chroma .nl{ color: #990000; font-weight: bold }
.qf-native .chroma .nn{ color: #24292e }
.qf-native .chroma .nx{ color: #1f2328 }
.qf-native .chroma .nt{ color: #0550ae }
.qf-native .chroma .nb{ color: #6639ba }
.qf-native .chroma .bp{ color: #6a737d }
.qf-native .chroma .nv{ color: #953800 }
.qf-native .chroma .vc{ color: #953800 }
.qf-native .chroma .vg{ color: #953800 }
.qf-native .chroma .vi{ color: #953800 }
.qf-native .chroma .vm{ color: #953800 }
.qf-native .chroma .nf{ color: #6639ba }
.qf-native .chroma .fm{ color: #6639ba }
.qf-native .chroma .s{ color: #0a3069 }
.qf-native .chroma .sa{ color: #0a3069 }
.qf-native .chroma .sb{ color: #0a3069 }
.qf-native .chroma .sc{ color: #0a3069 }
.qf-native .chroma .dl{ color: #0a3069 }
.qf-native .chroma .sd{ color: #0a3069 }
.qf-native .chroma .s2{ color: #0a3069 }
.qf-native .chroma .se{ color: #0a3069 }
.qf-native .chroma .sh{ color: #0a3069 }
.qf-native .chroma .si{ color: #0a3069 }
.qf-native .chroma .sx{ color: #0a3069 }
.qf-native .chroma .sr{ color: #0a3069 }
.qf-native .chroma .s1{ color: #0a3069 }
.qf-native .chroma .ss{ color: #032f62 }
.qf-native .chroma .m{ color: #0550ae }
.qf-native .chroma .mb{ color: #0550ae }
.qf-native .chroma .mf{ color: #0550ae }
.qf-native .chroma .mh{ color: #0550ae }
.qf-native .chroma .mi{ color: #0550ae }
.qf-native .chroma .il{ color: #0550ae }
.qf-native .chroma .mo{ color: #0550ae }
.qf-native .chroma .o{ color: #0550ae }
.qf-native .chroma .ow{ color: #0550ae }
.qf-native .chroma .or{ color: #0550ae }
.qf-native .chroma .p{ color: #1f2328 }
.qf-native .chroma .c{ color: #57606a }
.qf-native .chroma .ch{ color: #57606a }
.qf-native .chroma .cm{ color: #57606a }
.qf-native .chroma .c1{ color: #57606a }
.qf-native .chroma .cs{ color: #57606a }
.qf-native .chroma .cp{ color: #57606a }
.qf-native .chroma .cpf{ color: #57606a }
.qf-native .chroma .gd{ color: #82071e; background-color: #ffebe9 }
.qf-native .chroma .ge{ color: #1f2328 }
.qf-native .chroma .gi{ color: #116329; background-color: #dafbe1 }
.qf-native .chroma .go{ color: #1f2328 }
.qf-native .chroma .gl{ text-decoration: underline }
.qf-native .chroma .w{ color: #ffffff }