/* Generated by tools/design-export/convert.php. Base rules first, then one class per
   distinct style in the design export. Colours are brand tokens from tokens.css. */

/* ---------- Tints ----------
   Pale versions of brand colours used by some figures, mixed from the tokens
   so they follow the light and dark themes. */

:root,
[data-theme="dark"] {
  --tangent-tint: color-mix(in srgb, var(--tangent) 22%, var(--frame));
  --curve-alt-tint: color-mix(in srgb, var(--curve-alt) 25%, var(--frame));
  /* Major lines on graph paper, a step darker than the grid. */
  --grid-strong: color-mix(in srgb, var(--muted) 30%, var(--grid));
  /* A deeper orange: the hover state of orange-text buttons. */
  --tangent-deep: color-mix(in srgb, var(--tangent-text) 78%, var(--ink));
}

/* Black and white as the export's logic uses them: ink on paper on the page,
   swapped inside dark (animation) panels. */
:root {
  --tt-black: var(--ink);
  --tt-white: var(--frame);
}

[data-theme="dark"] {
  --tt-black: var(--frame);
  --tt-white: var(--ink);
}

/* Name used by exports built with the design system's components. */
:root {
  --font-body: var(--font-sans);
}

/* ---------- Base ---------- */

*,
*::before,
*::after {
  box-sizing: border-box;
}

html,
body {
  margin: 0;
  padding: 0;
  background: var(--frame);
}

body {
  font-family: var(--font-sans);
  color: var(--ink);
  font-size: var(--text-body-size);
  line-height: var(--text-body-line);
  -webkit-font-smoothing: antialiased;
}

/* Links are ink, and turn orange only on hover (one orange thing per section). */
a {
  color: var(--ink);
  text-decoration: underline;
  text-underline-offset: 2px;
}

a:hover {
  color: var(--tangent-text);
}

:focus-visible {
  outline: 3px solid var(--ink);
  outline-offset: 2px;
}

img,
svg {
  max-width: 100%;
}

.katex {
  font-size: 1.1em;
}

.katex-display {
  text-align: left !important;
  margin: 0 !important;
  overflow-x: auto;
  overflow-y: hidden;
  padding: 4px 0;
}

.katex-display > .katex {
  text-align: left !important;
}

.tti-scroll {
  max-width: 100%;
  overflow-x: auto;
}

/* A formula wider than a phone screen scrolls inside its box instead of
   pushing the whole page sideways. */
[data-tti-root] :is(div, span):has(> .katex, > span > .katex) {
  max-width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  padding-block: 4px;
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    transition-duration: 0s !important;
    animation-duration: 0s !important;
  }
}

.visually-hidden {
  position: absolute !important;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}

/* ---------- Game plan animations ----------
   convert.php (gp_inline) puts each animated picture in the page with its still
   frame beside it. The still shows instead with reduced motion and in print. */

.tti-gp__anim svg,
.tti-gp__still svg {
  display: block;
  width: 100%;
  height: auto;
}

.tti-gp__still {
  display: none;
}

@media (prefers-reduced-motion: reduce) {
  .tti-gp__anim {
    display: none;
  }

  .tti-gp__still {
    display: block;
  }
}

@media print {
  .tti-gp__anim {
    display: none;
  }

  .tti-gp__still {
    display: block;
  }
}

/* ---------- Runtime (tti.js) ---------- */

.tti-if {
  display: contents;
}

/* With JavaScript on, conditional parts wait for the runtime to show them.
   Without JavaScript, everything is visible. */
.tti-js [data-if]:not(.tti-on) {
  display: none !important;
}

.tti-anim {
  display: block;
  margin: 16px 0 0 auto;
  min-height: 44px;
  padding: 0 16px;
  border: 1px solid var(--muted);
  border-radius: var(--radius-sm);
  background: transparent;
  color: var(--ink);
  font: 600 15px/22px var(--font-sans);
  cursor: pointer;
}

.tti-anim:hover {
  border-color: var(--ink);
}

/* ---------- Design-system components ----------
   Exports that use the design system's components (Button, Switch, TeX,
   AnswerBox, SubjectTag) are converted to these classes by convert.php. Each
   matches the component in the export's ds/_ds_bundle.js. */

/* The logo link (lib/logo.php, styled by css/logo.css), 40px tall here. */
.tti-logo,
.ix-top .tt-logo {
  --logo-h: 40px;
}

.tti-tex {
  font-family: var(--font-math);
}

.tti-tex--block {
  display: block;
  text-align: left;
}

/* The LaTeX source is the fallback without JavaScript. With it, hide the
   source until KaTeX has drawn the formula. */
.tti-js .tti-tex:not(.tti-tex-done) {
  visibility: hidden;
}

.tti-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 48px;
  padding: 0 16px;
  border: 1px solid transparent;
  border-radius: var(--radius-sm);
  font: 600 18px/24px var(--font-sans);
  white-space: nowrap;
  cursor: pointer;
  transition: background-color 120ms cubic-bezier(.2, 0, 0, 1);
}

.tti-btn--sm {
  min-height: 44px;
  font-size: 15px;
  line-height: 22px;
}

/* Text on orange is always black: ink on light, frame in a dark panel. */
.tti-btn--primary {
  background: var(--tangent);
  border-color: var(--tangent);
  color: var(--ink);
}

[data-theme="dark"] .tti-btn--primary {
  color: var(--frame);
}

.tti-btn--primary:hover:not(:disabled) {
  background: var(--tangent-hover);
  border-color: var(--tangent-hover);
}

.tti-btn--ink {
  background: var(--ink);
  color: var(--frame);
}

.tti-btn--ink:hover:not(:disabled) {
  background: color-mix(in srgb, var(--ink) 80%, var(--frame));
}

.tti-btn--secondary {
  background: transparent;
  border-color: var(--ink);
  color: var(--ink);
}

.tti-btn--ghost {
  background: transparent;
  color: var(--ink);
}

.tti-btn--secondary:hover:not(:disabled),
.tti-btn--ghost:hover:not(:disabled) {
  background: var(--surface);
}

.tti-btn:disabled {
  border-color: var(--muted);
  color: var(--muted);
  cursor: not-allowed;
}

.tti-btn--primary:disabled,
.tti-btn--ink:disabled {
  background: var(--surface);
}

.tti-btn--ghost:disabled {
  border-color: transparent;
}

/* The whole label is the touch target. */
.tti-switch {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  min-height: 44px;
  font: 400 18px/28px var(--font-sans);
  color: var(--ink);
  cursor: pointer;
}

.tti-switch__btn {
  position: relative;
  flex: none;
  width: 40px;
  height: 24px;
  padding: 0;
  border: 1.5px solid var(--muted);
  border-radius: var(--radius-sm);
  background: var(--frame);
  cursor: inherit;
}

.tti-switch__btn[aria-checked="true"] {
  border-color: var(--ink);
  background: var(--ink);
}

.tti-switch__knob {
  position: absolute;
  top: 2.5px;
  left: 2.5px;
  width: 16px;
  height: 16px;
  border-radius: 2px;
  background: var(--muted);
  transition: left 120ms cubic-bezier(.2, 0, 0, 1);
}

.tti-switch__btn[aria-checked="true"] .tti-switch__knob {
  left: 18.5px;
  background: var(--frame);
}

/* The answer: the one orange thing in its step. Square corners, like all answer boxes. */
.tti-answer {
  display: inline-flex;
  flex-direction: column;
  gap: 4px;
  padding: 12px 16px;
  border: 2px solid var(--tangent);
  border-radius: 0;
  font: 400 18px/28px var(--font-sans);
  color: var(--ink);
}

.tti-answer__label {
  font-size: 13px;
  line-height: 18px;
  font-weight: 600;
  color: var(--muted);
}

.tti-tag {
  display: inline-flex;
  align-items: center;
  padding: 2px 10px;
  border: 1px solid var(--muted);
  border-radius: var(--radius-pill);
  font: 500 13px/18px var(--font-sans);
  color: var(--ink);
  white-space: nowrap;
}

/* The design export lays out at desktop widths; give small screens room. */
@media (max-width: 639px) {
  [data-tti-root] main,
  [data-tti-root] > header > div {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  [data-tti-root] section {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  [data-tti-root] section[class] h1 {
    word-break: break-word;
  }
}

/* ---------- Index page ---------- */

.ix-wrap {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 32px;
}

.ix-top {
  border-bottom: 1px solid var(--grid);
}

.ix-top__inner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding-top: 16px;
  padding-bottom: 16px;
}

.ix-small,
.ix-top__meta {
  font-size: var(--text-small-size);
  line-height: var(--text-small-line);
  color: var(--muted);
}

.ix-top__meta a {
  color: var(--ink);
}

.ix-main {
  padding-top: 64px;
  padding-bottom: 64px;
}

.ix-intro {
  max-width: 75ch;
}

.ix-eyebrow {
  margin: 0;
  font-size: var(--text-small-size);
  line-height: var(--text-small-line);
  font-weight: 500;
  color: var(--muted);
}

.ix-h1 {
  margin: 16px 0 0;
  font-family: var(--font-display);
  font-size: clamp(44px, 7vw, 72px);
  line-height: 1;
  font-weight: 700;
  letter-spacing: -0.01em;
  text-wrap: balance;
}

.ix-lede {
  margin: 32px 0 0;
  text-wrap: pretty;
}

.ix-progress {
  margin-top: 64px;
  padding: 32px;
  border-radius: var(--radius-sm);
  background: var(--surface);
  display: flex;
  flex-wrap: wrap;
  gap: 32px;
  align-items: flex-end;
  justify-content: space-between;
}

.ix-progress__main {
  flex: 1 1 420px;
  min-width: 0;
}

.ix-progress__head {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px 16px;
}

.ix-h2 {
  margin: 0;
  font-size: var(--text-h3-size);
  line-height: var(--text-h3-line);
  font-weight: 600;
}

.ix-bar {
  margin-top: 16px;
  height: 8px;
  background: var(--grid);
}

.ix-bar__fill {
  height: 100%;
  width: 0;
  background: var(--ink);
  transition: width 120ms cubic-bezier(0.2, 0, 0, 1);
}

.ix-note {
  margin: 16px 0 0;
}

.ix-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.ix-btn {
  cursor: pointer;
  font: 600 var(--text-body-size) / 24px var(--font-sans);
  min-height: 48px;
  padding: 0 16px;
  border-radius: var(--radius-sm);
  border: 1px solid transparent;
  background: transparent;
  color: var(--ink);
  white-space: nowrap;
}

.ix-btn--primary {
  border-color: var(--tangent);
  background: var(--tangent);
}

.ix-btn--primary:hover {
  border-color: var(--tangent-hover);
  background: var(--tangent-hover);
}

.ix-btn--quiet:hover {
  background: var(--frame);
}

/* JavaScript-only controls are hidden when JavaScript is off. */
html:not(.tti-js) [data-ix-js] {
  display: none !important;
}

.ix-engines {
  margin-top: 64px;
}

.ix-engines__grid {
  margin-top: 32px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 32px;
}

.ix-engine {
  border-top: 1px solid var(--grid);
  padding-top: 16px;
}

.ix-engine__name {
  font-weight: 600;
}

.ix-engine p,
.ix-engines > p {
  margin: 8px 0 0;
}

.ix-engines > p {
  max-width: 75ch;
}

.ix-year {
  margin-top: 64px;
}

.ix-year__head {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 8px 32px;
}

.ix-year__head h2 {
  margin: 0;
  font-family: var(--font-display);
  font-size: var(--text-h2-size);
  line-height: var(--text-h2-line);
  font-weight: 600;
}

/* Topic sets: each unit lists its topics, two questions each. */
.ix-topic {
  margin-top: 32px;
}

.ix-topic h3 {
  margin: 0;
  font-family: var(--font-display);
  font-size: var(--text-h3-size);
  line-height: var(--text-h3-line);
  font-weight: 600;
}

.ix-rows {
  margin: 16px 0 0;
  padding: 0;
  list-style: none;
  border-top: 1px solid var(--ink);
}

.ix-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 32px;
  padding: 16px 0;
  border-bottom: 1px solid var(--grid);
}

.ix-row__link {
  flex: 1 1 360px;
  min-width: 0;
  display: block;
  text-decoration: none;
}

.ix-row__link:hover .ix-row__title {
  text-decoration: underline;
}

.ix-row__ref {
  display: block;
  font-size: var(--text-small-size);
  line-height: var(--text-small-line);
  font-weight: 600;
}

.ix-row__title {
  display: block;
}

.ix-row__unit {
  display: block;
  margin-top: 4px;
  color: var(--muted);
  font-size: var(--text-small-size);
  line-height: var(--text-small-line);
}

.ix-row__meta {
  display: flex;
  align-items: center;
  gap: 16px 32px;
}

.ix-row__engine {
  min-width: 112px;
  white-space: nowrap;
}

.ix-row__marks {
  width: 88px;
  text-align: right;
}

.ix-done {
  cursor: pointer;
  font: 600 var(--text-small-size) / var(--text-small-line) var(--font-sans);
  min-height: 44px;
  width: 128px;
  padding: 0 16px;
  border-radius: var(--radius-sm);
  border: 1px solid var(--ink);
  background: transparent;
  color: var(--ink);
}

.ix-done[aria-pressed="true"] {
  background: var(--ink);
  color: var(--frame);
}

.ix-foot {
  margin-top: 64px;
  border-top: 1px solid var(--grid);
  padding-top: 32px;
  display: grid;
  gap: 8px;
  max-width: 75ch;
}

.ix-foot p {
  margin: 0;
}

/* Copyright and licence line on premium resources (convert.php premium_notice). */
.tti-legal {
  margin: 8px 0 0;
  max-width: 75ch;
  font-size: 13px;
  line-height: 18px;
  color: var(--muted);
}

.tti-legal--alone {
  margin-top: 64px;
}

.ix-foot .tti-legal {
  margin: 0;
}

@media (max-width: 639px) {
  .ix-wrap {
    padding: 0 16px;
  }

  .ix-progress {
    padding: 16px;
  }

  .ix-row__meta {
    flex-wrap: wrap;
    gap: 8px 16px;
  }

  .ix-row__engine,
  .ix-row__marks {
    width: auto;
  }
}

/* ---------- Topic guides ----------
   Added to cu.css by convert.php for topic guide exports only. */

/* Inline maths stays on one line, as in the export. */
.katex {
  white-space: nowrap;
}

/* On a phone, a long formula scrolls inside its own box instead of widening
   the page. Question cards, part rows and answer options sit in grids and
   flex rows, whose items only shrink below their content with min-width: 0. */
[data-tti-root] :is(div, article, button) {
  min-width: 0;
}

@media (max-width: 639px) {
  /* A long inline formula may break after an = or +, as KaTeX allows. */
  .katex {
    white-space: normal;
  }

  /* Link rows (paper and question | what it is about) stack on a phone. */
  [data-tti-root] a[href] {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

/* Contents page: skills ticked, in place of the question sets' marks. */
.ix-row__skills {
  min-width: 160px;
  text-align: right;
}

.ix-row--soon .ix-row__title,
.ix-row--soon .ix-row__skills {
  color: var(--muted);
}

/* Printing a guide: the export marks what to leave out, and the tab panels
   to print even when they're not the open tab. */
@media print {
  [data-print="hide"] {
    display: none !important;
  }

  [data-print="show"] {
    display: block !important;
  }

  body {
    font-size: 11pt;
    line-height: 16pt;
  }

  article {
    break-inside: avoid;
  }

  h2,
  h3 {
    break-after: avoid;
  }
}

/* ---------- Layout for long guides ----------
   The owner's "middle orange" layout (chosen 4 October 2026). Long guides may
   use more orange than one thing per section: bright orange marks the anchors
   (the game plan tag, the top edge of each question and the answer box), and
   numbered steps sit on a soft orange tint with black numbers. Text stays
   black, and text on orange is black. convert.php (restyle_guide) adds the
   tg-* classes to the structures it recognises. */

[data-tti-root] {
  --tg-tint: color-mix(in srgb, var(--tangent) 16%, var(--frame));
}

[data-tti-root] .tg-tag {
  display: inline-block;
  margin: 0;
  padding: 4px 10px;
  border-radius: var(--radius-sm);
  background: var(--tangent);
  color: var(--ink);
  font-family: var(--font-sans);
  font-size: 13px;
  line-height: 18px;
  font-weight: 600;
}

/* "Game plan: …" boxes: the tag, then the plan's name. */
[data-tti-root] .tg-plan__title {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 16px;
  font-family: var(--font-display);
  font-size: 24px;
  line-height: 30px;
  font-weight: 600;
}

/* The Game plan section's list becomes a panel. */
[data-tti-root] ol.tg-plan {
  border-top: 0;
  border-radius: var(--radius-sm);
  background: var(--surface);
  padding: 8px 32px;
}

/* Numbered steps: game plans and worked solutions. */
[data-tti-root] .tg-step,
[data-tti-root] .tg-sstep {
  align-items: flex-start;
}

[data-tti-root] .tg-steps > .tg-step:last-child {
  border-bottom: 0;
}

[data-tti-root] .tg-step__n,
[data-tti-root] .tg-sstep__n {
  flex: none;
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  border-radius: var(--radius-sm);
  background: var(--tg-tint);
  font-family: var(--font-display);
  font-size: 18px;
  line-height: 1;
  font-weight: 700;
}

[data-tti-root] .tg-step__text {
  padding-top: 4px;
}

[data-tti-root] .tg-sstep__n {
  width: 28px;
  height: 28px;
  font-size: 15px;
}

/* Questions: a card with a grey header strip and an orange top edge. */
[data-tti-root] article.tg-q {
  border: 1px solid var(--grid);
  border-top: 3px solid var(--tangent);
  border-radius: var(--radius-sm);
  padding: 0 24px 24px;
  scroll-margin-top: 16px;
}

[data-tti-root] .tg-q__head {
  align-items: center;
  margin: 0 -24px;
  padding: 16px 24px;
  border-bottom: 1px solid var(--grid);
  background: var(--surface);
}

[data-tti-root] .tg-q__title {
  font-family: var(--font-display);
  font-size: 24px;
  line-height: 30px;
  font-weight: 600;
}

[data-tti-root] .tg-q__of {
  font-family: var(--font-sans);
  font-size: var(--text-small-size);
  font-weight: 400;
  color: var(--muted);
}

[data-tti-root] .tg-q__meta b {
  font-weight: 600;
  color: var(--ink);
}

[data-tti-root] .tg-qlist {
  gap: 32px;
}

/* Practice: jump straight to a question. */
[data-tti-root] .tg-jump {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-top: 32px;
}

[data-tti-root] .tg-jump > span {
  margin-right: 8px;
  font-size: var(--text-small-size);
  line-height: var(--text-small-line);
  color: var(--muted);
}

[data-tti-root] .tg-jump a {
  display: grid;
  place-items: center;
  min-width: 44px;
  height: 44px;
  padding: 0 8px;
  border: 1px solid var(--muted);
  border-radius: var(--radius-sm);
  color: var(--ink);
  font-size: var(--text-small-size);
  font-weight: 600;
  text-decoration: none;
}

[data-tti-root] .tg-jump a:hover {
  border-color: var(--tangent);
  color: var(--ink);
}

[data-tti-root] .tg-jump + .tg-qlist {
  margin-top: 24px;
}

@media (max-width: 639px) {
  [data-tti-root] article.tg-q {
    padding: 0 16px 16px;
  }

  [data-tti-root] .tg-q__head {
    margin: 0 -16px;
    padding: 12px 16px;
  }

  [data-tti-root] ol.tg-plan {
    padding: 0 16px;
  }
}

.c0a2b943{min-height:100vh;background:var(--frame)}
.c8ad7a07{border-bottom:1px solid var(--grid)}
.c4ff3fed{max-width:1200px;margin:0 auto;padding:16px 32px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px}
.cb12e31a{display:flex;flex-wrap:wrap;align-items:center;gap:8px 32px;font-size:15px;line-height:22px}
.c56551f1{color:var(--muted)}
.c91ecc34{max-width:1200px;margin:0 auto;padding:64px 32px}
.c05c78c5{max-width:75ch}
.c861da1b{margin:0;font-size:15px;line-height:22px;font-weight:500;color:var(--muted)}
.c832e954{margin:16px 0 0;font-family:'IBM Plex Sans Condensed','Arial Narrow',sans-serif;font-size:clamp(44px,7vw,72px);line-height:1;font-weight:700;letter-spacing:-0.01em;text-wrap:balance}
.c62edc38{margin:32px 0 0;font-size:18px;line-height:28px;text-wrap:pretty}
.c7082976{margin-top:64px;display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px;align-items:start}
.c4ac08d2{background:var(--surface);border-radius:4px;padding:32px}
.c2123b82{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px 16px}
.c4ed040f{margin:0;font-size:24px;line-height:30px;font-weight:600}
.cb9125e7{font-size:15px;line-height:22px;font-weight:500;color:var(--muted)}
.ce170c9b{margin-top:16px;height:8px;background:var(--grid)}
.ca6bd08f{height:100%;background:var(--ink);transition:width 120ms cubic-bezier(.2,0,0,1)}
.cceffecd{margin:16px 0 0;font-size:15px;line-height:22px;color:var(--muted)}
.cc1818e8{margin-top:16px;display:grid}
.c48b5492{display:flex;gap:16px;align-items:flex-start;padding:16px 0;border-top:1px solid var(--grid)}
.c64f8259{cursor:pointer;flex:none;width:44px;height:44px;margin:-8px 0 0 -10px;padding:10px;border:0;background:transparent}
.cc8dd0d3{display:block;width:24px;height:24px;border-radius:4px}
.c5c2c918{display:block}
.c352aac2{stroke:var(--frame)}
.c7463681{min-width:0;font-size:18px;line-height:28px}
.cf67caf1{font-size:15px}
.cb58b090{padding-top:8px}
.c356f62e{margin-top:16px;display:grid;border-top:1px solid var(--ink)}
.c4ace529{display:flex;gap:16px;padding:16px 0;border-bottom:1px solid var(--grid);color:var(--ink);text-decoration:none}
.c4ace529:hover{text-decoration:underline}
.c7291a59{width:56px;flex:none;color:var(--muted)}
.c6b4650b{margin-top:64px;border-top:1px solid var(--ink);padding-top:32px}
.ca988908{margin:8px 0 0;font-family:'IBM Plex Sans Condensed','Arial Narrow',sans-serif;font-size:36px;line-height:40px;font-weight:600}
.c4b33861{margin:16px 0 0;max-width:75ch;font-size:18px;line-height:28px;text-wrap:pretty}
.c8927822{margin-top:32px;background:var(--frame);padding:32px}
.c7aaaf6a{margin:8px 0 0;font-family:'IBM Plex Sans Condensed','Arial Narrow',sans-serif;font-size:36px;line-height:40px;font-weight:600;color:var(--ink)}
.ce1c101d{width:100%;height:auto;margin-top:16px;display:block}
.cd2469d4{stroke:var(--grid)}
.c9ea6e95{stroke:var(--muted)}
.c966ce96{stroke:var(--ink)}
.c4c9bac6{stroke:var(--tangent)}
.c0621a2e{fill:var(--ink)}
.c635b5b0{fill:var(--muted)}
.cb922baa{margin:16px 0 0;max-width:75ch;font-size:15px;line-height:22px;color:var(--muted)}
.c82b23f5{margin-top:64px}
.c0a1c5b5{margin:8px 0 0;font-size:24px;line-height:30px;font-weight:600}
.cfb671a7{margin:8px 0 0;max-width:75ch;font-size:18px;line-height:28px;text-wrap:pretty}
.cd6f0ade{margin-top:32px;display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px;align-items:start}
.c65af393{width:100%;height:auto;display:block}
.c40f9ea4{margin-top:8px;display:flex;flex-wrap:wrap;gap:8px 24px;font-size:15px;line-height:22px;color:var(--muted)}
.c0386226{display:flex;align-items:center;gap:8px}
.cec15153{width:24px;height:3px;background:var(--ink)}
.c803aba2{width:24px;height:4px;background:var(--tangent)}
.cc54fda0{width:24px;border-top:2px dashed var(--muted)}
.c7ddb56c{display:grid;gap:16px}
.c265db12{display:block;font-size:15px;line-height:22px;font-weight:600;color:var(--muted)}
.c521c8bc{width:100%;margin-top:8px;accent-color:var(--ink)}
.ca16201c{display:flex;flex-wrap:wrap;gap:8px}
.cd2612a5{cursor:pointer;font-family:inherit;font-size:15px;line-height:22px;font-weight:600;min-height:44px;padding:0 16px;border-radius:4px;border:1px solid var(--muted);background:transparent;color:var(--ink)}
.cd2612a5:hover{background:var(--surface)}
.c8166263{border-top:1px solid var(--ink)}
.c2cfb95a{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:8px 0;border-bottom:1px solid var(--grid);font-size:15px;line-height:22px;font-weight:600;color:var(--muted)}
.ca1da408{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:8px 0;border-bottom:1px solid var(--grid)}
.cb5ba43e{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:8px 0;border-bottom:1px solid var(--grid);font-weight:600}
.c5bf320b{font-weight:400;color:var(--muted)}
.ce3bbda0{margin:0;background:var(--surface);padding:16px;font-size:18px;line-height:28px}
.c1cafb61{margin:0;background:var(--ink);color:var(--frame);padding:16px;font-size:18px;line-height:28px}
.cda85373{margin-top:32px;display:grid;gap:64px}
.ceb86346{border-top:1px solid var(--ink);padding-top:16px;max-width:900px}
.c3315518{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 16px;align-items:baseline}
.caa12079{margin:0;font-size:18px;line-height:28px;font-weight:600}
.c0d697be{font-size:15px;line-height:22px;color:var(--muted)}
.c6370f13{margin:16px 0 0;font-size:18px;line-height:28px;text-wrap:pretty}
.c5e2c102{margin-top:16px;display:grid;gap:8px}
.c93d15f6{cursor:pointer;font-family:inherit;text-align:left;display:flex;gap:16px;align-items:center;min-height:48px;padding:8px 16px;border-radius:4px;color:var(--ink);font-size:18px;line-height:28px}
.c6bf7384{width:32px;flex:none;font-weight:600}
.c1a59258{margin:8px 0 0;min-height:28px;font-size:18px;line-height:28px;font-weight:600}
.cbbb48a6{cursor:pointer;margin-top:8px;font-family:inherit;font-size:15px;line-height:22px;font-weight:600;min-height:44px;padding:0 16px;border-radius:4px;border:1px solid var(--muted);background:transparent;color:var(--ink)}
.cbbb48a6:hover{background:var(--surface)}
.c04715cb{margin-top:16px;background:var(--surface);border-radius:4px;padding:24px;display:grid;gap:16px}
.c84c1b83{margin:0;font-size:18px;line-height:28px}
.c50788de{background:var(--frame);border:2px solid var(--tangent);padding:16px 24px}
.c9858e8a{font-size:13px;line-height:18px;font-weight:500;color:var(--muted)}
.ccbf3bf5{margin-top:4px;font-size:20px;line-height:30px;font-weight:600}
.c18767b4{margin-top:32px;max-width:720px;border:1px solid var(--grid);border-radius:4px;padding:24px}
.c487e013{fill:var(--tangent);stroke:var(--ink)}
.c09b3626{fill:var(--ink);stroke:var(--frame)}
.c47118f0{margin:8px 0 0;font-size:20px;line-height:30px}
.c1b10d9d{margin-top:8px;display:flex;flex-wrap:wrap;gap:8px}
.c4881f61{cursor:pointer;font-family:inherit;font-size:18px;min-height:44px;min-width:88px;padding:0 16px;border-radius:4px;border:1px solid var(--ink)}
.ca78f70c{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.c32afc30{background:var(--surface);padding:16px}
.ca192756{margin-top:4px;font-size:20px;line-height:30px}
.c05767bc{margin:0;font-size:15px;line-height:22px;color:var(--muted)}
.c23804f9{margin:8px 0 0;max-width:75ch;font-size:15px;line-height:22px;color:var(--muted)}
.cd2e943e{width:100%;max-width:400px;height:auto;margin-top:16px;display:block}
.c92dbbda{cursor:pointer;margin-top:16px;font-family:inherit;font-size:15px;line-height:22px;font-weight:600;min-height:44px;padding:0 16px;border-radius:4px;border:1px solid var(--muted);background:transparent;color:var(--ink)}
.c92dbbda:hover{background:var(--surface)}
.c882004b{margin:0;font-size:20px;line-height:30px}
.cf2b7170{margin-top:16px;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}
.cef0fb97{cursor:pointer;font-family:inherit;text-align:left;display:block;padding:8px;border-radius:4px;color:var(--ink)}
.cfa25037{display:block;padding:0 8px;font-size:18px;line-height:28px;font-weight:600}
.cf825062{width:100%;height:auto;display:block;background:var(--frame)}
.ce97479f{margin-top:32px;background:var(--surface);border-radius:4px;padding:32px;display:flex;flex-wrap:wrap;gap:16px 64px;font-size:22px;line-height:32px}
.c73058fa{margin-top:16px;max-width:720px;border:1px solid var(--grid);border-radius:4px;padding:24px}
.c0e4ad0b{margin:32px 0 0;max-width:75ch;font-size:18px;line-height:28px;text-wrap:pretty}
.c4a52e10{margin-top:32px}
.cb9062aa{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px}
.c584d9e2{cursor:pointer;font-family:inherit;text-align:left;min-height:64px;padding:8px 16px;border-radius:4px;border:1px solid var(--ink)}
.cda65fe3{display:block;font-size:13px;line-height:18px;font-weight:500}
.ca2e03b8{display:block;font-size:18px;line-height:24px;font-weight:600}
.c6a4f870{margin:16px 0 0;font-size:18px;line-height:28px}
.cddab74c{display:flex;gap:12px;align-items:baseline;font-size:15px;line-height:22px}
.cbbd7886{flex:none;font-weight:600;padding:0 8px;border:1px solid var(--muted);border-radius:4px;white-space:nowrap}
.c27bc1cb{margin:8px 0 0;font-size:15px;line-height:22px;color:var(--muted)}
.c3bed00b{display:flex;gap:16px;justify-content:space-between;font-size:18px;line-height:28px}
.c8e0a1b4{flex:none;color:var(--muted)}
.c5e81138{margin:16px 0 0;font-size:18px;line-height:28px;font-weight:600}
.c8913a56{margin:0;padding:0;list-style:none;display:grid;border-top:1px solid var(--ink)}
.c215d7ea{display:flex;gap:16px;padding:16px 0;border-bottom:1px solid var(--grid)}
.c88255fd{width:24px;flex:none;font-weight:600}
.c2dbf4de{margin:16px 0 0;padding:0 0 0 20px;display:grid;gap:8px;font-size:18px;line-height:28px}
.ca2ca2ee{display:flex;gap:12px;font-size:18px;line-height:28px}
.cb1504af{flex:none;width:24px;font-weight:600}
.c19c25d6{min-width:0}
.c87e34d8{margin-top:32px;display:flex;flex-wrap:wrap;gap:8px}
.c46acdaf{display:inline-flex;align-items:center;min-height:48px;padding:0 16px;border-radius:4px;border:1px solid var(--tangent);background:var(--tangent);color:var(--ink);font-size:18px;line-height:24px;font-weight:600;text-decoration:none}
.c46acdaf:hover{background:var(--tangent-hover);border-color:var(--tangent-hover);color:var(--ink)}
.c8f4dcc6{display:inline-flex;align-items:center;min-height:48px;padding:0 16px;border-radius:4px;border:1px solid var(--muted);background:transparent;color:var(--ink);font-size:18px;line-height:24px;font-weight:600;text-decoration:none}
.c8f4dcc6:hover{background:var(--surface);color:var(--ink)}
.ca7edb4b{margin-top:64px;border-top:1px solid var(--grid);padding-top:32px;display:flex;flex-wrap:wrap;gap:16px 32px;justify-content:space-between;align-items:center;font-size:15px;line-height:22px;color:var(--muted)}
.ce8c9c7e{margin:32px 0 0;max-width:75ch;font-size:13px;line-height:18px;color:var(--muted)}
.ccee54f3{display:grid;gap:32px}
.c426f2ba{border:1px solid var(--ink);border-radius:4px;padding:24px 32px}
.cb64d76e{fill:var(--tangent)}
.ce6af8d0{fill:var(--muted);stroke:var(--frame)}
.cda41c73{margin-top:32px;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:32px}
.cd835bcf{margin:0}
.cce34b87{width:100%;max-width:240px;height:auto;display:block}
.c0c7db9e{margin-top:8px;font-size:18px;line-height:28px}
.c4dbfe39{margin-top:24px;max-width:720px;border:1px solid var(--grid);border-radius:4px;padding:24px}
.cbc1b1cd{margin-top:16px;display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px;align-items:start}
.c18ebee7{margin:0;padding:0;list-style:none;display:grid;border-top:1px solid var(--ink);max-width:75ch}
.c70e25d4{margin:0;max-width:75ch;font-size:18px;line-height:28px;text-wrap:pretty}
.cd9d2625{cursor:pointer;font-family:inherit;font-size:18px;min-height:44px;min-width:120px;padding:0 16px;border-radius:4px;border:1px solid var(--ink)}
.ca535752{width:100%;max-width:440px;height:auto;margin-top:16px;display:block}
.cf486f55{stroke:var(--curve-alt)}
.cdba24d0{fill:var(--curve-alt)}
.ca46ee80{margin-top:16px;display:grid;gap:8px;font-size:20px;line-height:30px}
.cd47ecb4{margin-top:16px;max-width:560px;border-top:1px solid var(--ink);font-size:18px;line-height:28px}
.c748918e{display:grid;grid-template-columns:2fr 1fr 1fr;gap:16px;padding:8px 0;border-bottom:1px solid var(--grid);font-weight:600}
.cb5184d1{display:grid;grid-template-columns:2fr 1fr 1fr;gap:16px;padding:8px 0;border-bottom:1px solid var(--grid)}
.c4e12a4e{display:grid;grid-template-columns:2fr 1fr 1fr;gap:16px;padding:8px 0;border-bottom:1px solid var(--ink);font-weight:600}
.cbd86478{white-space:nowrap}
.cf66b18c{margin-top:16px;display:flex;flex-wrap:wrap;gap:8px 32px;font-size:20px;line-height:30px}
.c59209c6{width:100%;max-width:520px;height:auto;display:block}
.ce42412e{margin-top:32px;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:32px;align-items:start}
.c6b18e13{width:100%;max-width:280px;height:auto;display:block}
.c66a29eb{fill:var(--surface);stroke:var(--ink)}
.cc126742{width:100%;max-width:300px;height:auto;display:block}
.c5a4fe76{margin-top:32px;overflow-x:auto}
.c9bab56d{min-width:640px;max-width:900px;border-top:1px solid var(--ink);font-size:18px;line-height:28px}
.c6449bf2{display:grid;grid-template-columns:120px repeat(7,minmax(0,1fr));gap:8px;padding:8px 0;border-bottom:1px solid var(--grid);color:var(--muted);font-size:15px}
.c04ebe7e{display:grid;grid-template-columns:120px repeat(7,minmax(0,1fr));gap:8px;padding:8px 0;border-bottom:1px solid var(--grid);font-weight:600}
.c53d18c2{display:grid;grid-template-columns:120px repeat(7,minmax(0,1fr));gap:8px;padding:8px 0;border-bottom:1px solid var(--grid)}
.cab0bc14{display:grid;grid-template-columns:120px repeat(7,minmax(0,1fr));gap:8px;padding:8px 0;border-bottom:1px solid var(--ink)}
.c4b2ba6e{font-size:15px;color:var(--muted)}
.c0b9f6ff{margin:16px 0 0;padding:0;list-style:none;display:grid;border-top:1px solid var(--ink);max-width:75ch}
.c1718116{margin:32px 0 0;font-size:15px;line-height:22px;font-weight:500;color:var(--muted)}
.c739861e{margin-top:16px;display:grid;gap:64px}
.c9f1d355{margin-top:16px;display:grid;gap:8px;font-size:18px;line-height:28px}
.cbbd13dd{margin:16px 0 0;font-size:22px;line-height:32px}
.c0c107db{margin-top:16px;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;max-width:900px}
.c53cba24{border-top:1px solid var(--grid);padding-top:8px}
.ce61f33e{font-weight:600}
.c6aa59af{margin-top:8px;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.cd629f9c{cursor:pointer;font-family:inherit;text-align:left;font-size:15px;line-height:22px;font-weight:600;min-height:48px;padding:8px 16px;border-radius:4px;border:1px solid var(--ink)}
.ccf0d9d9{cursor:pointer;font-family:inherit;font-size:18px;min-height:44px;min-width:64px;padding:0 16px;border-radius:4px;border:1px solid var(--ink)}
.c6c2b73e{margin-top:32px;background:var(--surface);border-radius:4px;padding:32px;max-width:900px}
.cd1181df{margin:16px 0 0;padding:0 0 0 24px;display:grid;gap:8px;font-size:18px;line-height:28px}
.c5e3e5d9{margin-top:32px;background:var(--surface);border-radius:4px;padding:32px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,440px),1fr));gap:16px 64px;font-size:22px;line-height:32px}
.cd8e166a{width:100%;max-width:640px;height:auto;margin-top:16px;display:block}
.c3ce6b27{width:24px;border-top:3px dashed var(--curve-alt)}
.c926d161{margin:16px 0 0 24px;font-size:18px;line-height:28px;font-style:italic}
.cd6ed415{margin:8px 0 0;font-size:18px;line-height:28px}
.c8ccc50a{margin-top:32px;max-width:900px;border-top:1px solid var(--ink)}
.c230a5e5{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;padding:16px 0;border-bottom:1px solid var(--grid)}
.cf8505c0{flex:1 1 220px;min-width:0;font-size:20px;line-height:30px}
.c2342dac{cursor:pointer;font-family:inherit;font-size:15px;line-height:22px;font-weight:600;min-height:44px;min-width:96px;padding:0 16px;border-radius:4px;border:1px solid var(--ink)}
.c696ccb3{flex:1 1 100%;margin:0;min-height:22px;font-size:15px;line-height:22px;color:var(--muted)}
.c366f8de{margin-top:32px;background:var(--surface);border-radius:4px;padding:32px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,440px),1fr));gap:16px 64px}
.ca8e0e5b{margin-top:8px;font-size:22px;line-height:32px}
.cf2b650a{fill:var(--frame)}
.c9e90789{margin:32px 0 0;padding:0;list-style:none;display:grid;border-top:1px solid var(--ink);max-width:900px}
.c8ad9996{margin:32px 0 0;font-size:24px;line-height:30px;font-weight:600}
.c1ec2a73{margin-top:16px;background:var(--surface);border-radius:4px;padding:32px;max-width:900px;font-size:22px;line-height:32px}
.c1e6c6b0{margin-top:32px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:32px}
.ccfc8a73{display:grid;gap:8px;align-content:start}
.c1ec8037{width:100%;height:auto;display:block;background:var(--frame);border:1px solid var(--grid)}
.c76b2334{margin:8px 0 0;font-size:18px;line-height:28px;font-weight:600}
.c0cf6854{font-size:20px;line-height:30px}
.c7a3e833{margin:0;font-size:15px;line-height:22px;color:var(--muted);text-wrap:pretty}
.c04162b2{fill:var(--frame);stroke:var(--ink)}
.c4ada51b{overflow-x:auto}
.c85587d6{border-collapse:collapse;background:var(--frame);font-size:18px;line-height:28px}
.c7f6fecb{text-align:left;padding:8px 16px;border:1px solid var(--grid);font-weight:600}
.c3406f11{padding:8px 16px;border:1px solid var(--grid)}
.c908dc38{margin-top:32px;background:var(--surface);border-radius:4px;padding:32px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:32px}
.c6ed37f1{margin-top:16px;max-width:560px}
.c75e9561{margin:0;font-size:15px;line-height:22px}
.cd50754b{margin-top:32px;max-width:900px;overflow-x:auto}
.cd33ccbc{width:100%;border-collapse:collapse;font-size:18px;line-height:28px;min-width:560px}
.c377b8fb{border-bottom:1px solid var(--ink)}
.cb2bab4a{text-align:left;padding:8px 16px 8px 0;font-size:15px;line-height:22px;font-weight:500;color:var(--muted)}
.ccceeaad{text-align:left;padding:8px 16px;font-size:15px;line-height:22px;font-weight:500;color:var(--muted)}
.c99bfc88{text-align:left;padding:16px 16px 16px 0;font-weight:600}
.c9134457{padding:16px}
.c3053d57{margin-top:32px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:32px;align-items:start}
.cd107dc4{font-size:18px;line-height:28px}
.c06ba8d0{width:100%;height:auto;display:block;background:var(--frame);margin-top:4px}
.c2702368{margin:4px 0 0;font-size:15px;line-height:22px;color:var(--muted)}
.c7cdf16b{background:var(--surface);border-radius:4px;padding:16px;min-height:62px}
.cf940c9e{margin-top:4px;font-size:18px;line-height:28px}
.cab25213{margin-top:16px;max-width:480px}
.c9e5cdfe{margin-top:16px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:8px}
.ce3c36b4{cursor:pointer;font-family:inherit;text-align:left;display:grid;gap:8px;padding:8px 16px 16px;border-radius:4px;color:var(--ink);font-size:18px;line-height:28px}
.c4a8f68c{margin-top:16px;max-width:420px}
.c25313d0{margin-top:16px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:16px}
.c409a847{margin-top:8px;font-size:15px;line-height:22px;font-weight:600;text-align:center}
.c87fe6e6{margin-top:16px;max-width:640px}
.c244eeb3{max-width:640px}
.cf561cde{margin:16px 0 0;font-size:20px;line-height:30px}
.c8304570{margin:8px 0 0;font-size:18px;line-height:28px;text-wrap:pretty}
.c67836bb{font-size:15px;line-height:22px;font-weight:600;color:var(--muted)}
.c3d1d3ef{width:100%;height:auto;display:block;background:var(--frame);margin-top:8px}
.c668182b{margin-top:16px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:16px 32px;align-items:start;max-width:900px}
.c15beec4{display:grid;gap:8px}
.c54a59e2{margin:16px 0 0;font-size:15px;line-height:22px;font-style:italic;color:var(--muted)}
.c188368b{margin-top:8px;max-width:480px}
.cff88836{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:16px 32px;align-items:center}
.c0951eb0{width:100%;max-width:340px;height:auto;display:block;background:var(--frame)}
.c5cfb369{fill:var(--surface)}
.c46e0470{margin-top:8px;max-width:560px}
.cb849867{margin-top:16px;max-width:360px}
.c68a51a2{margin-top:32px;background:var(--surface);border-radius:4px;padding:32px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,440px),1fr));gap:24px 64px}
.c4fd1b60{margin-top:8px;font-size:20px;line-height:30px}
.ce765f90{margin:16px 0 0;padding:0 0 0 24px;display:grid;gap:8px;max-width:75ch;font-size:18px;line-height:28px}
.c3a6f6e1{border-top:1px solid var(--grid);padding-top:8px;font-size:20px;line-height:30px}
.c0bcf0b1{background:var(--surface);border-radius:4px;padding:16px}
.c29fb6e9{margin-top:16px;overflow-x:auto}
.c289d558{border-collapse:collapse;font-size:18px;line-height:28px}
.ca03c99e{text-align:left;padding:8px 16px;border:1px solid var(--grid);font-weight:600;background:var(--surface)}
.ccf49e22{min-width:640px;max-width:1000px;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);align-items:center}
.ccf78400{font-size:18px;line-height:28px;font-weight:600}
.c83bad07{display:grid;gap:4px;justify-items:center;padding:0 16px}
.ccea57bd{font-size:15px;line-height:22px;font-weight:600}
.c504cae1{padding:8px 24px;border:1px solid var(--grid)}
.ccb3fca1{margin-top:16px;display:grid;gap:16px;overflow-x:auto}
.cdeeaeab{margin-top:8px;border-collapse:collapse;font-size:18px;line-height:28px}
.cd52b77c{width:100%;margin-top:4px;accent-color:var(--ink)}
.c2bc617c{background:var(--surface);border-radius:4px;padding:16px;display:grid;gap:8px}
.cc3bca28{overflow-x:auto;margin-top:16px}
.c63507ec{margin-top:32px;background:var(--surface);border-radius:4px;padding:32px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:24px 64px}
.cfe637bf{padding:8px 12px;border:1px solid var(--grid)}
.c546ba39{margin-top:32px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:16px;max-width:1000px}
.c7996929{background:var(--surface);border-radius:4px;padding:24px}
.c8a451c4{margin-top:16px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:16px;max-width:1000px}
.cdfa5d8a{margin-top:32px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,440px),1fr));gap:32px}
.cc4a1a81{cursor:pointer;font-family:inherit;font-size:15px;line-height:22px;font-weight:600;min-height:44px;padding:0 16px;border-radius:4px;border:1px solid var(--ink)}
.c8bbdb9e{cursor:pointer;font-family:inherit;text-align:left;display:flex;gap:16px;align-items:center;min-height:56px;padding:8px 16px;border-radius:4px;color:var(--ink);font-size:18px;line-height:28px}
.cf3a4454{cursor:pointer;font-family:inherit;text-align:left;display:flex;gap:16px;align-items:center;min-height:56px;padding:8px 16px;border-radius:4px;color:var(--ink);font-size:18px;line-height:28px;overflow-x:auto}
.c6924c72{padding:8px 20px;border:1px solid var(--grid)}
.cdc1d7da{margin-top:16px;max-width:320px}
.c6f2d74b{display:flex;gap:16px;justify-content:space-between;font-size:18px;line-height:28px;padding-left:24px}
.ca7e1e3b{margin:16px 0 0;padding:0 0 0 24px;max-width:75ch;display:grid;gap:8px;font-size:18px;line-height:28px}
.c9b5813d{margin-top:16px;width:100%;max-width:440px;height:auto;display:block}
.c2a45626{fill:var(--grid);stroke:var(--ink)}
.ce3aaf53{margin-top:16px;width:100%;max-width:380px;height:auto;display:block}
.c2f4b657{margin:16px 0 0;padding:0;list-style:none;display:grid;border-top:1px solid var(--grid)}
.c97a079c{display:flex;gap:16px;padding:16px 0}
.cb5cfbbd{margin-top:16px;border-collapse:collapse;font-size:18px;line-height:28px;text-align:center}
.cf863459{padding:8px 24px;border-bottom:1px solid var(--ink);font-weight:600}
.cf2f72d3{padding:8px 24px;border-bottom:1px solid var(--grid)}
.c46e3e29{margin-top:16px;width:100%;max-width:520px;height:auto;display:block}
.caaebf5d{margin-top:32px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,440px),1fr));gap:32px;align-items:center;max-width:1000px}
.c3259a9b{fill:var(--grid)}
.cd3a5afb{margin-top:32px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,400px),1fr));gap:32px;max-width:1000px}
.cb0a0b04{margin-top:16px;width:100%;max-width:420px;height:auto;display:block}
.c7ad092c{margin-top:16px;width:100%;max-width:340px;height:auto;display:block}
.ceff2fab{margin-top:16px;width:100%;max-width:540px;height:auto;display:block}
.cfabb884{margin-top:32px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,440px),1fr));gap:32px;align-items:start;max-width:1000px}
.c1d797d2{margin-top:16px;width:100%;max-width:480px;height:auto;display:block}
.cc67d784{margin-top:32px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,400px),1fr));gap:32px;align-items:start}
.ce106d25{max-width:520px}
.cd70ec6b{width:100%;max-width:552px;height:auto;display:block;background:var(--frame)}
.c43aae67{fill:var(--curve-alt);stroke:var(--frame)}
.ca38aa90{margin:0;font-size:18px;line-height:28px;text-wrap:pretty}
.c3b4fb85{margin-top:32px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:32px;max-width:1000px}
.c5f55f10{width:100%;max-width:640px;height:auto;display:block;background:var(--frame)}
.c2ab7b9c{margin:0;font-size:15px;line-height:22px;font-weight:600}
.cd8fb969{margin:16px 0 0;font-size:15px;line-height:22px;text-wrap:pretty}
.ccafc723{width:100%;max-width:472px;height:auto;display:block;background:var(--frame)}
.c065e0c1{margin-top:16px;max-width:440px}
.c40ea646{width:100%;max-width:448px;height:auto;display:block;background:var(--frame)}
.cdade484{width:100%;max-width:394px;height:auto;display:block;background:var(--frame)}
.cfd06a74{max-width:420px}
.cb593278{width:100%;max-width:405px;height:auto;display:block;background:var(--frame)}
.cee3186a{width:100%;max-width:424px;height:auto;display:block;background:var(--frame)}
.c23b10bf{margin-top:16px;max-width:340px}
.c8b619ba{width:100%;max-width:365px;height:auto;display:block;background:var(--frame)}
.cd7d93a6{cursor:pointer;font-family:inherit;text-align:left;display:flex;gap:16px;align-items:center;min-height:72px;padding:8px 16px;border-radius:4px;color:var(--ink);font-size:18px;line-height:28px}
.c8694f05{margin-top:16px;max-width:500px}
.c676ce60{width:100%;max-width:484px;height:auto;display:block;background:var(--frame)}
.c4b365b2{display:flex;justify-content:space-between;gap:16px}
.c32a4a9c{max-width:440px}
.cc7de6ac{margin-top:16px;max-width:520px}
.cdbaa4be{width:100%;max-width:504px;height:auto;display:block;background:var(--frame)}
.cd620489{width:100%;max-width:433px;height:auto;display:block;background:var(--frame)}
.c639b599{margin-top:16px;max-width:600px}
.c159d707{width:100%;max-width:740px;height:auto;display:block;background:var(--frame)}
.c7fa6477{margin-top:32px;display:grid;border-top:1px solid var(--ink);max-width:900px}
.ca6c3692{display:grid;grid-template-columns:minmax(0,240px) minmax(0,1fr);gap:8px 16px;padding:16px 0;border-bottom:1px solid var(--grid);color:var(--ink);text-decoration:none}
.ca6c3692:hover{text-decoration:underline}
.c82bd723{margin:16px 0 0;padding:0;list-style:none;display:grid;border-top:1px solid var(--grid);max-width:900px}
.c3c10e32{fill:var(--tangent);stroke:var(--tangent)}
.ca1ce612{margin-top:32px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,400px),1fr));gap:32px;align-items:start;max-width:1100px}
.ca66e1fe{max-width:560px}
.c0b65ff6{width:56px;flex:none;font-weight:600}
.c4d1726d{padding:16px 0;font-size:15px;line-height:22px;color:var(--muted)}
.c835051e{margin:16px 0 0;max-width:75ch;font-size:18px;line-height:28px;font-weight:600}
.c374e634{margin-top:32px;max-width:720px;overflow-x:auto}
.c6dce8ef{width:100%;border-collapse:collapse;font-size:18px;line-height:28px}
.cb8d2176{border-bottom:1px solid var(--ink);text-align:left}
.c2effc34{padding:8px 16px 8px 0;font-weight:600}
.c172eb9c{padding:8px 16px;font-weight:600}
.ce9624a1{padding:8px 0 8px 16px;font-weight:600}
.c095817b{padding:12px 16px 12px 0;color:var(--muted)}
.c4dbc154{padding:12px 16px}
.ccd55158{padding:12px 0 12px 16px}
.ce3f0235{margin-top:32px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:32px;max-width:1100px}
.c2d2fe6b{stroke:var(--grid-strong)}
.c9ebab20{fill:var(--grid);stroke:var(--muted)}
.c2e77d80{cursor:pointer;font-family:inherit;font-size:15px;line-height:22px;font-weight:600;min-height:44px;padding:0 16px;border-radius:4px;border:1px solid var(--ink);background:var(--frame);color:var(--ink)}
.c2e77d80:hover{background:var(--surface)}
.cdb5e0e3{font-size:18px;line-height:30px}
.cbac4fe7{padding:8px 32px;font-weight:600}
.c3b11f65{padding:8px 32px}
.cb97a738{margin-top:32px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:32px;max-width:900px}
.c7891aea{margin-top:32px;max-width:900px}
.c8552650{margin:32px 0 0;font-size:18px;line-height:28px;font-weight:600}
.c115c75f{cursor:pointer;font-family:inherit;font-size:15px;line-height:22px;font-weight:600;min-height:44px;min-width:64px;padding:0 16px;border-radius:4px}
.c9c704eb{margin-top:32px;max-width:520px;overflow-x:auto}
.c141a138{padding:12px 16px 12px 0}
.c9c4fb64{margin-top:16px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:32px;max-width:900px}
.c6ca76d4{border-collapse:collapse;font-size:18px;line-height:28px;text-align:center}
.cd026359{padding:8px 16px}
.c7bdd382{padding:8px 16px;font-weight:600;border-bottom:1px solid var(--grid)}
.cd050a49{padding:8px 24px;font-weight:600}
.cd4225ff{padding:8px 16px;text-align:left}
.ca63b807{padding:8px 24px}
.c894d917{padding:8px 16px;text-align:left;font-weight:600}
.c405451f{padding:8px 32px 8px 0;font-weight:600}
.cf08d225{padding:8px 0 8px 32px;font-weight:600;text-align:center}
.ca0547a8{padding:8px 32px 8px 0}
.c56ac29e{padding:8px 0 8px 32px;text-align:center}
.c492d3c1{padding:8px 24px 8px 0;font-weight:600;text-align:left}
.cfa21767{padding:8px 0 8px 24px;font-weight:600}
.c878ca6a{padding:8px 24px 8px 0;text-align:left}
.c0e321aa{padding:8px 0 8px 24px}