/* BASE — a minimal reset so specimen cards and kits share a baseline.
   NOTE: the product's entire reset is Tailwind Preflight, which gives headings NO default size or
   weight. That is reproduced here on purpose: portal headings must carry explicit classes. */
html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:var(--font-ui);font-size:var(--text-body-size);line-height:var(--text-body-line);color:var(--text-body);background:var(--surface-page);-webkit-font-smoothing:antialiased;text-wrap:pretty}
h1,h2,h3,h4{font-family:var(--font-display);color:var(--text-heading);margin:0}
a{color:var(--text-link);text-decoration:none;transition:color var(--dur-fast) var(--ease-out)}
a:hover{color:var(--text-link-hover);text-decoration:underline;text-underline-offset:3px}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:none;box-shadow:var(--focus-ring)}
code,kbd,.dp-data{font-family:var(--font-mono);font-variant-numeric:tabular-nums}
::selection{background:var(--brand-200);color:var(--neutral-900)}

/* Portal scope. Put class="dp-portal" on any Droneportal surface: it switches the face to Geist
   and the body size to the product's 14px, and resets heading inheritance to Preflight behaviour. */
.dp-portal{font-family:var(--font-portal);font-size:var(--text-sm-size);line-height:var(--text-sm-line);color:var(--text-heading);background:var(--surface-page)}
.dp-portal h1,.dp-portal h2,.dp-portal h3,.dp-portal h4{font-family:var(--font-portal);font-size:inherit;font-weight:inherit;letter-spacing:normal}
.dp-portal ::selection{background:var(--brand-500);color:#fff}

/* The recurring micro-label. Verbatim: text-xs font-semibold uppercase tracking-wider */
.dp-label{font-size:var(--label-size);font-weight:var(--label-weight);letter-spacing:var(--label-track);text-transform:uppercase}

/* Scrollbars — in the product this block sits OUTSIDE any @layer, so it wins over layered rules,
   and it is webkit-only (no scrollbar-width/color for Firefox). Reproduced as-is. */
.dp-portal ::-webkit-scrollbar{width:8px;height:8px}
.dp-portal ::-webkit-scrollbar-track{background:transparent}
.dp-portal ::-webkit-scrollbar-thumb{background:var(--neutral-300);border-radius:var(--radius-full)}
.dark .dp-portal ::-webkit-scrollbar-thumb{background:var(--neutral-700)}