:root {
  --to-v1-ink: #101a2a;
  --to-v1-text: #233447;
  --to-v1-cobalt: #2448b8;
  --to-v1-lilac: #6450b6;
  --to-v1-paper: #f5f7fa;
  --to-v1-warm: #f8f7f4;
  --to-v1-line: #cbd5e1;
  --to-v1-focus: #b45309;
}

.to-v1-site-selector,
.to-v1-shell,
.to-v1-level-selector,
.to-v1-topic-list,
.to-v1-terms,
.to-v1-disclosure {
  box-sizing: border-box;
  color: var(--to-v1-text);
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.to-v1-site-selector {
  align-items: center;
  background: var(--to-v1-ink);
  color: #fff;
  display: flex;
  flex-wrap: wrap;
  gap: .5rem 1rem;
  justify-content: center;
  padding: .5rem max(1rem, calc((100% - 78rem) / 2));
}

.to-v1-site-selector__label {
  font-size: .875rem;
  font-weight: 700;
}

.to-v1-site-selector ul,
.to-v1-level-selector ul {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
  list-style: none;
  margin: 0;
  padding: 0;
}

.to-v1-site-selector a {
  align-items: center;
  border: 1px solid #91a4ca;
  border-radius: 999px;
  color: #fff;
  display: inline-flex;
  min-height: 2.75rem;
  padding: .35rem .9rem;
  text-decoration: none;
}

.to-v1-site-selector a:hover,
.to-v1-site-selector a[aria-current="page"] {
  background: #fff;
  color: var(--to-v1-ink);
}

.to-v1-shell {
  margin-inline: auto;
  max-width: 78rem;
  padding: clamp(1rem, 4vw, 3rem);
}

.to-v1-hero {
  background: var(--to-v1-ink);
  border-radius: 1.25rem;
  color: #fff;
  margin: 1rem 0 2rem;
  padding: clamp(1.5rem, 5vw, 3.5rem);
}

.to-v1-hero :is(h2, h3, p, a) { color: inherit; }
.to-v1-hero p { font-size: clamp(1.05rem, 2vw, 1.25rem); max-width: 49rem; }

.to-v1-level-selector,
.to-v1-topic-list,
.to-v1-disclosure {
  background: var(--to-v1-paper);
  border: 1px solid var(--to-v1-line);
  border-radius: 1rem;
  margin: 1.5rem 0;
  padding: clamp(1rem, 3vw, 1.5rem);
}

.to-v1-level-selector h2,
.to-v1-topic-list h2,
.to-v1-disclosure h2 {
  color: var(--to-v1-ink);
  font-size: 1.25rem;
  margin: 0 0 .75rem;
}

.to-v1-level-selector a,
.to-v1-topic-list a,
.to-v1-terms a,
.to-v1-media a {
  color: var(--to-v1-cobalt);
  text-underline-offset: .18em;
}

.to-v1-level-selector a {
  align-items: center;
  background: #fff;
  border: 1px solid #8293ae;
  border-radius: .65rem;
  display: inline-flex;
  min-height: 3rem;
  padding: .6rem 1rem;
}

.to-v1-level-selector a[aria-current="page"] {
  background: var(--to-v1-cobalt);
  border-color: var(--to-v1-cobalt);
  color: #fff;
  font-weight: 700;
}

.to-v1-helper { font-size: .95rem; margin: .75rem 0 0; }

.to-v1-topic-list ul { list-style: none; margin: 0; padding: 0; }
.to-v1-topic-list li + li { margin-top: .75rem; }
.to-v1-topic-list a {
  background: #fff;
  border: 1px solid var(--to-v1-line);
  border-radius: .75rem;
  display: grid;
  gap: .25rem;
  min-height: 3rem;
  padding: 1rem;
  text-decoration-thickness: .08em;
}
.to-v1-topic-list a span { color: var(--to-v1-text); text-decoration: none; }

.to-v1-terms { margin: 1.5rem 0; }
.to-v1-terms > h2 { color: var(--to-v1-ink); }
.to-v1-term { display: inline-block; margin: .3rem .4rem .3rem 0; position: relative; vertical-align: middle; }
.to-v1-term summary {
  align-items: center;
  background: #fff;
  border: 1px solid var(--to-v1-cobalt);
  border-radius: 999px;
  color: var(--to-v1-cobalt);
  cursor: pointer;
  display: inline-flex;
  min-height: 2.75rem;
  padding: .35rem .85rem;
  text-decoration: underline;
  text-underline-offset: .15em;
}
.to-v1-term__popover {
  background: #fff;
  border: 1px solid var(--to-v1-line);
  border-radius: .75rem;
  box-shadow: 0 .75rem 2rem rgb(16 26 42 / 16%);
  color: var(--to-v1-text);
  left: 0;
  max-width: min(22rem, calc(100vw - 2rem));
  padding: 1rem;
  position: absolute;
  top: calc(100% + .35rem);
  width: max-content;
  z-index: 10;
}
.to-v1-term__popover p { margin: 0 0 .5rem; }
.to-v1-term__popover a { color: var(--to-v1-cobalt); }

.to-v1-media { margin: 2rem 0; }
.to-v1-media__image { display: block; height: auto; max-width: 100%; }
.to-v1-media figcaption { color: var(--to-v1-text); font-size: .95rem; margin-top: .5rem; }

.to-v1-site-selector a:focus-visible,
.to-v1-level-selector a:focus-visible,
.to-v1-term summary:focus-visible,
.to-v1-topic-list a:focus-visible,
.to-v1-term__popover a:focus-visible {
  outline: 3px solid var(--to-v1-focus);
  outline-offset: 3px;
}

@media (max-width: 40rem) {
  .to-v1-site-selector { align-items: flex-start; flex-direction: column; padding: .75rem 1rem; }
  .to-v1-site-selector ul { width: 100%; }
  .to-v1-site-selector li { flex: 1 1 calc(50% - .5rem); }
  .to-v1-site-selector a { justify-content: center; width: 100%; }
  .to-v1-level-selector a { justify-content: center; width: 100%; }
  .to-v1-level-selector li { flex: 1 1 100%; }
  .to-v1-term__popover { left: 50%; transform: translateX(-50%); }
}

@media (prefers-reduced-motion: reduce) {
  .to-v1-site-selector *, .to-v1-shell * { scroll-behavior: auto !important; animation-duration: .01ms !important; transition-duration: .01ms !important; }
}