/* A design system island on a public (landing.css) page: wrap it in
   .sk-island with data-theme. Landing pages do not load base.css, so the
   reset it gives the app is repeated here for the island only. Every rule
   is wrapped in :where() so it weighs nothing and components win. */
.sk-island { min-width: 0; color: var(--sk-fg); font-family: var(--sk-font-sans); font-size: var(--sk-text-md); line-height: var(--sk-leading-md); font-feature-settings: 'cv11', 'ss01'; -webkit-font-smoothing: antialiased; text-align: start; }
:where(.sk-island *, .sk-island *::before, .sk-island *::after) { box-sizing: border-box; }
:where(.sk-island) :where(h1, h2, h3, h4, h5, h6, p, figure, blockquote, dl, dd, ol, ul) { margin: 0; }
:where(.sk-island) :where(ol, ul) { padding: 0; list-style: none; }
:where(.sk-island) :where(img, svg, video, canvas) { display: block; max-width: 100%; }
:where(.sk-island) :where(svg) { flex-shrink: 0; }
:where(.sk-island) :where(button, input, select, textarea) { font: inherit; color: inherit; letter-spacing: inherit; }
:where(.sk-island) :where(button) { cursor: pointer; background: none; border: 0; padding: 0; }
:where(.sk-island) :where(a) { color: inherit; text-decoration: none; }
:where(.sk-island) :where(:focus) { outline: none; }
:where(.sk-island) :where(:focus-visible) { outline: 2px solid var(--sk-focus); outline-offset: 2px; }
.sk-island [hidden], .sk-island [x-cloak] { display: none !important; }