/* source: crates-chirho/perffection-ui-chirho/styles_chirho/tokens-chirho.scss */
@property --leaf-angle-chirho {
  syntax: "<angle>";
  inherits: false;
  initial-value: 0deg;
}
@property --leaf-shift-chirho {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 0%;
}
@property --aurora-drift-chirho {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@property --wonk-chirho {
  syntax: "<number>";
  inherits: false;
  initial-value: 0;
}
@property --rail-pad-chirho {
  syntax: "<length>";
  inherits: false;
  initial-value: 1.35rem;
}
@property --rail-veil-chirho {
  syntax: "<number>";
  inherits: false;
  initial-value: 0.92;
}
@property --rail-thread-chirho {
  syntax: "<number>";
  inherits: false;
  initial-value: 0.14;
}
@property --soft-chirho {
  syntax: "<number>";
  inherits: false;
  initial-value: 0;
}
@property --halo-chirho {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 0%;
}
:root {
  --ob-void-chirho: #06070a;
  --ob-stone-chirho: #0c0e13;
  --ob-slab-chirho: #14171d;
  --ob-raise-chirho: #1c2028;
  --ob-ink-chirho: #ece7dd;
  --ob-mute-chirho: #949aa5;
  --ob-rule-chirho: #2a2f38;
  --ve-page-chirho: #f6f2ea;
  --ve-leaf-chirho: #fffdf7;
  --ve-tone-chirho: #ece5d6;
  --ve-ink-chirho: #14120d;
  --ve-mute-chirho: #665f52;
  --ve-rule-chirho: #d8cdb8;
  --au-core-chirho: #f0b429;
  --au-light-chirho: #ffd980;
  --au-pale-chirho: #fff0cb;
  --au-deep-chirho: #8a6a1f;
  --au-action-deep-chirho: #9c7925;
  --au-on-vellum-chirho: #75570f;
  --nb-teal-chirho: #3ee6c4;
  --nb-indigo-chirho: #5b4bff;
  --nb-violet-chirho: #a855f7;
  --rb-core-chirho: #b3391a;
  --rb-pale-chirho: #e8dbd2;
  --face-display-chirho: "Fraunces Chirho", "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;
  --face-text-chirho: "Inter Chirho", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --face-mono-chirho: "JetBrains Mono Chirho", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --face-didone-chirho: "Bodoni Chirho", "Bodoni 72", Didot, "Playfair Display", Georgia, serif;
  --face-grotesk-chirho: "Archivo Chirho", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --t-monument-chirho: clamp(3rem, 9.4vw, 9rem);
  --t-display-chirho: clamp(2.35rem, 4.7vw, 4.35rem);
  --t-title-chirho: clamp(2rem, 4.2vw, 3.5rem);
  --t-heading-chirho: clamp(1.45rem, 2.2vw, 2.1rem);
  --t-lead-chirho: clamp(1.1rem, 0.5vw + 1rem, 1.4rem);
  --t-body-chirho: clamp(1rem, 0.28vw + 0.94rem, 1.125rem);
  --t-small-chirho: 0.9rem;
  --t-micro-chirho: 0.735rem;
  --lh-tight-chirho: 0.94;
  --lh-snug-chirho: 1.12;
  --lh-body-chirho: 1.62;
  --lh-loose-chirho: 1.78;
  --track-monument-chirho: -0.035em;
  --track-display-chirho: -0.022em;
  --track-micro-chirho: 0.16em;
  --sp-1-chirho: 0.25rem;
  --sp-2-chirho: 0.5rem;
  --sp-3-chirho: 0.75rem;
  --sp-4-chirho: 1rem;
  --sp-5-chirho: 1.5rem;
  --sp-6-chirho: 2rem;
  --sp-7-chirho: 3rem;
  --sp-8-chirho: 4.5rem;
  --sp-9-chirho: 7rem;
  --sp-10-chirho: 11rem;
  --measure-chirho: 34rem;
  --measure-wide-chirho: 46rem;
  --gutter-chirho: clamp(1.25rem, 4.5vw, 5rem);
  --page-max-chirho: 82rem;
  --ease-quint-chirho: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-quart-chirho: cubic-bezier(0.76, 0, 0.24, 1);
  --ease-drift-chirho: cubic-bezier(0.44, 0.04, 0.36, 0.98);
  --dur-snap-chirho: 180ms;
  --dur-move-chirho: 420ms;
  --dur-reveal-chirho: 900ms;
  --dur-ambient-chirho: 26s;
  --dur-slow-chirho: 64s;
  --radius-chirho: 2px;
  --radius-slab-chirho: 4px;
  --ground-chirho: var(--ve-page-chirho);
  --ground-raise-chirho: var(--ve-leaf-chirho);
  --ground-sink-chirho: var(--ve-tone-chirho);
  --ink-chirho: var(--ve-ink-chirho);
  --ink-mute-chirho: var(--ve-mute-chirho);
  --rule-chirho: var(--ve-rule-chirho);
  --gold-text-chirho: var(--au-on-vellum-chirho);
  --shadow-cast-chirho: 0 1px 2px rgba(20, 18, 13, 0.07), 0 8px 24px -12px rgba(20, 18, 13, 0.22);
  --shadow-lift-chirho: 0 2px 4px rgba(20, 18, 13, 0.08), 0 28px 60px -28px rgba(20, 18, 13, 0.34);
}

.on-obsidian-chirho {
  --ground-chirho: var(--ob-void-chirho);
  --ground-raise-chirho: var(--ob-slab-chirho);
  --ground-sink-chirho: var(--ob-stone-chirho);
  --ink-chirho: var(--ob-ink-chirho);
  --ink-mute-chirho: var(--ob-mute-chirho);
  --rule-chirho: var(--ob-rule-chirho);
  --gold-text-chirho: var(--au-light-chirho);
  --shadow-cast-chirho: 0 1px 2px rgba(0, 0, 0, 0.5), 0 10px 30px -14px rgba(0, 0, 0, 0.8);
  --shadow-lift-chirho: 0 2px 6px rgba(0, 0, 0, 0.55), 0 40px 80px -32px rgba(0, 0, 0, 0.9);
}

.on-vellum-chirho {
  --ground-chirho: var(--ve-page-chirho);
  --ground-raise-chirho: var(--ve-leaf-chirho);
  --ground-sink-chirho: var(--ve-tone-chirho);
  --ink-chirho: var(--ve-ink-chirho);
  --ink-mute-chirho: var(--ve-mute-chirho);
  --rule-chirho: var(--ve-rule-chirho);
  --gold-text-chirho: var(--au-on-vellum-chirho);
  --shadow-cast-chirho: 0 1px 2px rgba(20, 18, 13, 0.07), 0 8px 24px -12px rgba(20, 18, 13, 0.22);
  --shadow-lift-chirho: 0 2px 4px rgba(20, 18, 13, 0.08), 0 28px 60px -28px rgba(20, 18, 13, 0.34);
}

/* source: styles_chirho/system-chirho/base-chirho.scss */
@font-face {
  font-family: "Fraunces Chirho";
  src: url("/app-assets-chirho/perffection/by-name-chirho/fraunces-display-chirho.woff2") format("woff2");
  font-weight: 100 900;
  font-stretch: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter Chirho";
  src: url("/app-assets-chirho/perffection/by-name-chirho/inter-text-chirho.woff2") format("woff2");
  font-weight: 100 900;
  font-stretch: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Bodoni Chirho";
  src: url("/app-assets-chirho/perffection/by-name-chirho/bodoni-display-chirho.woff2") format("woff2");
  font-weight: 400 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Archivo Chirho";
  src: url("/app-assets-chirho/perffection/by-name-chirho/archivo-grotesk-chirho.woff2") format("woff2");
  font-weight: 100 900;
  font-stretch: 62% 125%;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "JetBrains Mono Chirho";
  src: url("/app-assets-chirho/perffection/by-name-chirho/jetbrains-mono-chirho.woff2") format("woff2");
  font-weight: 100 800;
  font-stretch: normal;
  font-style: normal;
  font-display: swap;
}
@view-transition {
  navigation: none;
}
*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  -webkit-text-size-adjust: 100%;
  scroll-behavior: smooth;
  scroll-padding-top: 5.5rem;
}

body {
  margin: 0;
  background: var(--ground-chirho);
  color: var(--ink-chirho);
  font-family: var(--face-text-chirho);
  font-size: var(--t-body-chirho);
  line-height: var(--lh-body-chirho);
  font-optical-sizing: auto;
  font-synthesis-weight: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  overflow-x: clip;
}

h1,
h2,
h3,
h4,
p,
figure,
blockquote,
dl,
dd,
ol,
ul {
  margin: 0;
}

ol,
ul {
  padding: 0;
  list-style: none;
}

img {
  display: block;
  max-width: 100%;
  height: auto;
}

svg {
  display: block;
}

a {
  color: inherit;
  text-decoration: none;
}

fieldset {
  margin: 0;
  padding: 0;
  border: 0;
  min-inline-size: 0;
}

legend {
  padding: 0;
}

:focus-visible {
  outline: 2px solid var(--au-core-chirho);
  outline-offset: 3px;
  border-radius: 1px;
}

.monument-chirho {
  font-family: var(--face-display-chirho);
  font-size: var(--t-monument-chirho);
  line-height: var(--lh-tight-chirho);
  letter-spacing: var(--track-monument-chirho);
  font-weight: 350;
  font-variation-settings: "opsz" 144, "SOFT" var(--soft-chirho), "WONK" var(--wonk-chirho);
  text-wrap: balance;
}

.display-chirho {
  font-family: var(--face-display-chirho);
  font-size: var(--t-display-chirho);
  max-inline-size: var(--measure-wide-chirho);
  line-height: var(--lh-snug-chirho);
  letter-spacing: var(--track-display-chirho);
  font-weight: 380;
  font-variation-settings: "opsz" 96, "SOFT" var(--soft-chirho), "WONK" var(--wonk-chirho);
  text-wrap: balance;
}

.title-chirho {
  font-family: var(--face-display-chirho);
  font-size: var(--t-title-chirho);
  line-height: 1.06;
  letter-spacing: -0.018em;
  font-weight: 400;
  font-variation-settings: "opsz" 64, "SOFT" 0, "WONK" 1;
  text-wrap: balance;
}

.heading-chirho {
  font-family: var(--face-display-chirho);
  font-size: var(--t-heading-chirho);
  line-height: 1.16;
  letter-spacing: -0.012em;
  font-weight: 460;
  font-variation-settings: "opsz" 36, "SOFT" 0, "WONK" 0;
  text-wrap: balance;
}

.lead-chirho {
  font-size: var(--t-lead-chirho);
  line-height: var(--lh-loose-chirho);
  font-weight: 380;
  color: var(--ink-chirho);
  max-inline-size: var(--measure-chirho);
  text-wrap: pretty;
}

.prose-chirho {
  max-inline-size: var(--measure-chirho);
  color: var(--ink-mute-chirho);
  text-wrap: pretty;
}

.mark-chirho {
  font-family: var(--face-mono-chirho);
  font-size: var(--t-micro-chirho);
  letter-spacing: var(--track-micro-chirho);
  text-transform: uppercase;
  font-weight: 500;
  color: var(--ink-mute-chirho);
}

.figure-chirho {
  font-family: var(--face-mono-chirho);
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum" 1;
  letter-spacing: -0.01em;
}

.gold-chirho {
  color: var(--gold-text-chirho);
}

.page-chirho {
  inline-size: 100%;
  max-inline-size: var(--page-max-chirho);
  margin-inline: auto;
  padding-inline: var(--gutter-chirho);
}

.band-chirho {
  position: relative;
  background: var(--ground-chirho);
  color: var(--ink-chirho);
  padding-block: var(--sp-9-chirho);
  isolation: isolate;
}

.band-tight-chirho {
  padding-block: var(--sp-8-chirho);
}

.visually-hidden-chirho {
  position: absolute;
  inline-size: 1px;
  block-size: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}

/* source: crates-chirho/perffection-ui-chirho/styles_chirho/chrome-chirho.scss */
.site-nav-chirho {
  position: fixed;
  inset-block-start: 0;
  inset-inline: 0;
  z-index: 90;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--sp-5-chirho);
  padding-block: var(--rail-pad-chirho, 1.35rem);
  padding-inline: var(--gutter-chirho);
  color: var(--ob-ink-chirho);
  background-color: rgba(6, 7, 10, var(--rail-veil-chirho, 0.92));
  border-block-end: 1px solid rgba(240, 180, 41, var(--rail-thread-chirho, 0.14));
}

.site-brand-chirho {
  display: inline-flex;
  align-items: baseline;
  gap: 0.6rem;
  font-family: var(--face-display-chirho);
  font-size: 1.06rem;
  font-weight: 500;
  letter-spacing: 0.01em;
  font-variation-settings: "opsz" 24, "SOFT" 0, "WONK" 1;
  color: var(--ob-ink-chirho);
  min-inline-size: 0;
  max-inline-size: 100%;
  white-space: normal;
  overflow-wrap: anywhere;
}

.site-brand-chirho::before {
  content: "";
  inline-size: 0.62rem;
  block-size: 0.62rem;
  flex: none;
  align-self: center;
  transform: rotate(45deg);
  background-image: linear-gradient(135deg, var(--au-light-chirho), var(--au-deep-chirho));
  box-shadow: 0 0 0 1px rgba(240, 180, 41, 0.32), 0 0 14px rgba(240, 180, 41, 0.42);
}

.site-nav-links-chirho {
  display: flex;
  align-items: center;
  gap: clamp(0.9rem, 2vw, 2rem);
}

.site-nav-link-chirho,
.site-nav-cta-chirho {
  position: relative;
  font-family: var(--face-mono-chirho);
  font-size: var(--t-micro-chirho);
  letter-spacing: var(--track-micro-chirho);
  text-transform: uppercase;
  font-weight: 500;
  color: var(--ob-mute-chirho);
  padding-block: 0.5rem;
  transition: color var(--dur-snap-chirho) linear;
}

.site-nav-link-chirho:hover,
.site-nav-cta-chirho:hover {
  color: var(--ob-ink-chirho);
}

.site-nav-link-chirho::after {
  content: "";
  position: absolute;
  inset-block-end: 0.15rem;
  inset-inline: 0;
  block-size: 1px;
  background-color: var(--au-core-chirho);
  transform: scaleX(0);
  transition: transform var(--dur-move-chirho) var(--ease-quint-chirho);
}

.site-nav-link-chirho:hover::after,
.site-nav-link-chirho:focus-visible::after,
.site-nav-link-chirho[aria-current=page]::after {
  transform: scaleX(1);
}

.site-nav-link-chirho[aria-current=page] {
  color: var(--ob-ink-chirho);
}

.site-nav-cta-chirho {
  color: var(--ob-void-chirho);
  background-image: linear-gradient(135deg, var(--au-light-chirho), var(--au-core-chirho));
  padding-inline: 0.95rem;
  padding-block: 0.55rem;
  border-radius: var(--radius-chirho);
  font-weight: 600;
  box-shadow: 0 0 0 1px rgba(240, 180, 41, 0.4), 0 8px 26px -12px rgba(240, 180, 41, 0.7);
  transition: box-shadow var(--dur-move-chirho) var(--ease-quint-chirho), color var(--dur-snap-chirho) linear;
}

.site-nav-cta-chirho:hover {
  color: var(--ob-void-chirho);
  box-shadow: 0 0 0 1px rgba(255, 217, 128, 0.7), 0 12px 34px -10px rgba(240, 180, 41, 0.9);
}

@supports (animation-timeline: scroll()) {
  @media (prefers-reduced-motion: no-preference) {
    .site-nav-chirho {
      animation-name: rail-condense-chirho;
      animation-duration: auto;
      animation-timing-function: linear;
      animation-fill-mode: both;
      animation-timeline: scroll(root block);
      animation-range: 0 22rem;
    }
  }
}
@keyframes rail-condense-chirho {
  from {
    --rail-pad-chirho: 1.35rem;
    --rail-veil-chirho: 0.88;
    --rail-thread-chirho: 0.1;
  }
  to {
    --rail-pad-chirho: 0.7rem;
    --rail-veil-chirho: 0.97;
    --rail-thread-chirho: 0.24;
  }
}
.site-nav-links-chirho a {
  white-space: nowrap;
}

@media (max-width: 40rem) {
  .site-nav-chirho {
    position: sticky;
    flex-wrap: wrap;
    gap: 0.75rem;
    padding-block: 0.85rem;
    animation: none;
  }
  .site-nav-links-chirho {
    flex-wrap: wrap;
    gap: 0.5rem 1rem;
    inline-size: 100%;
  }
  .site-nav-links-chirho a {
    display: inline-flex;
    white-space: normal;
    overflow-wrap: anywhere;
  }
  .site-nav-link-chirho:last-child,
.site-nav-cta-chirho {
    font-size: 0.68rem;
    padding-inline: 0.85rem;
  }
  .site-nav-link-chirho:last-child {
    color: var(--au-light-chirho);
    border: 1px solid rgba(240, 180, 41, 0.42);
    border-radius: var(--radius-chirho);
    padding-block: 0.45rem;
  }
  .site-nav-link-chirho:last-child::after {
    display: none;
  }
  .site-brand-chirho {
    font-size: 1rem;
  }
}
.site-footer-chirho {
  background-color: var(--ob-void-chirho);
  color: var(--ob-mute-chirho);
  padding-block: var(--sp-7-chirho) var(--sp-8-chirho);
  padding-inline: var(--gutter-chirho);
  border-block-start: 1px solid var(--ob-rule-chirho);
  text-align: center;
}

.site-footer-chirho p {
  font-family: var(--face-mono-chirho);
  font-size: var(--t-micro-chirho);
  letter-spacing: 0.1em;
  text-transform: uppercase;
  margin-inline: auto;
  max-inline-size: 44rem;
  line-height: 2;
}

.site-brand-group-chirho {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.7rem;
  min-inline-size: 0;
}

.site-preview-marker-chirho {
  flex: 0 1 auto;
  min-inline-size: 0;
  font-family: var(--face-mono-chirho);
  font-size: 0.58rem;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  font-weight: 600;
  color: #ffb9a3;
  padding: 0.28rem 0.5rem;
  border: 1px solid rgba(255, 122, 88, 0.55);
  border-radius: var(--radius-chirho);
  background-color: rgba(179, 57, 26, 0.22);
  white-space: normal;
  overflow-wrap: anywhere;
}

@media (max-width: 52rem) {
  .site-brand-group-chirho {
    gap: 0.45rem;
  }
  .site-preview-marker-chirho {
    font-size: 0.5rem;
    letter-spacing: 0.12em;
    padding: 0.22rem 0.36rem;
  }
}
/* source: styles_chirho/pages-chirho/help-chirho.scss */
.help-page-chirho {
  background: var(--ve-page-chirho);
  color: var(--ve-ink-chirho);
}

.help-page-chirho .site-nav-chirho {
  position: relative;
  flex-wrap: wrap;
  animation: none;
}

.help-page-chirho .site-nav-links-chirho {
  flex-wrap: wrap;
  min-inline-size: 0;
}

.help-page-chirho .site-nav-links-chirho a {
  white-space: normal;
  overflow-wrap: anywhere;
}

.help-main-chirho {
  max-inline-size: 80rem;
  margin-inline: auto;
  padding: 4.5rem var(--gutter-chirho) 5rem;
}

.help-main-chirho :is(h1, h2, p, a, li, summary, small) {
  overflow-wrap: anywhere;
}

.help-main-chirho :is(nav, section) {
  scroll-margin-block-start: 1rem;
}

.help-main-chirho :focus-visible {
  outline: 3px solid var(--au-on-vellum-chirho);
  outline-offset: 4px;
}

.help-main-chirho a {
  text-decoration: underline;
  text-underline-offset: 0.22em;
}

.help-main-chirho a:hover {
  text-decoration-thickness: 2px;
}

.help-intro-chirho {
  display: grid;
  gap: 1.2rem;
  max-inline-size: 50rem;
  margin-block-end: 2.5rem;
}

.help-intro-chirho h1 {
  font-family: var(--face-display-chirho);
  font-size: clamp(2.6rem, 5vw, 4.8rem);
  line-height: 1.08;
  font-weight: 450;
}

.help-intro-chirho > p:last-child {
  max-inline-size: 55ch;
  font-size: 1.1rem;
}

.help-eyebrow-chirho {
  color: var(--au-on-vellum-chirho);
  font-weight: 650;
}

.help-topics-chirho {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.75rem;
  margin-block-end: 3rem;
}

.help-topics-chirho a {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  min-block-size: 4.5rem;
  padding: 1rem;
  background: var(--ve-leaf-chirho);
  border: 1px solid var(--ve-rule-chirho);
  text-decoration: none;
  font-weight: 600;
}

.help-topics-chirho a:hover {
  border-color: var(--au-on-vellum-chirho);
}

.help-topics-chirho span {
  color: var(--au-on-vellum-chirho);
  font-variant-numeric: tabular-nums;
}

.help-layout-chirho {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 2.2fr);
  gap: clamp(1.5rem, 4vw, 4rem);
  align-items: start;
}

.help-start-chirho {
  display: grid;
  gap: 1rem;
  padding: 1.5rem;
  border-block-start: 3px solid var(--au-core-chirho);
  background: var(--ve-leaf-chirho);
}

.help-start-chirho h2 {
  font-family: var(--face-display-chirho);
  font-size: 1.5rem;
}

.help-start-chirho a {
  display: inline-flex;
  align-items: center;
  min-block-size: 2.75rem;
}

.help-start-chirho .help-primary-chirho {
  justify-content: center;
  padding: 0.75rem 1rem;
  color: var(--ob-ink-chirho);
  background: var(--ob-stone-chirho);
  border-radius: 0.25rem;
  font-weight: 650;
  text-decoration: none;
}

.help-start-chirho small, .help-guide-actions-chirho small {
  color: var(--ve-mute-chirho);
}

.help-guides-chirho {
  display: grid;
  gap: 2rem;
  min-inline-size: 0;
}

.help-guide-chirho {
  display: grid;
  gap: 1.2rem;
  padding-block-end: 2rem;
  border-block-end: 1px solid var(--ve-rule-chirho);
}

.help-guide-chirho h2 {
  font-family: var(--face-display-chirho);
  font-size: clamp(1.6rem, 3vw, 2rem);
  font-weight: 500;
  line-height: 1.2;
}

.help-guide-chirho ol {
  display: grid;
  gap: 0.8rem;
  padding-inline-start: 1.6rem;
  list-style: decimal;
}

.help-guide-chirho li {
  padding-inline-start: 0.3rem;
}

.help-guide-chirho li::marker {
  color: var(--au-on-vellum-chirho);
  font-weight: 650;
}

.help-guide-chirho details {
  border: 1px solid var(--ve-rule-chirho);
  border-radius: 0.25rem;
  background: var(--ve-leaf-chirho);
}

.help-guide-chirho summary {
  min-block-size: 2.75rem;
  padding: 1rem;
  cursor: pointer;
  font-weight: 600;
}

.help-guide-chirho details > p {
  padding: 0 1rem 1rem;
}

.help-guide-actions-chirho {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.4rem 1rem;
}

.help-guide-actions-chirho a {
  display: inline-flex;
  align-items: center;
  min-block-size: 2.75rem;
}

.help-guide-actions-chirho .help-back-chirho {
  margin-inline-start: auto;
  font-size: 0.95rem;
}

.help-skip-chirho {
  position: fixed;
  inset-block-start: 0.5rem;
  inset-inline-start: 0.5rem;
  z-index: 100;
  max-inline-size: calc(100% - 1rem);
  padding: 0.8rem 1rem;
  background: var(--ve-leaf-chirho);
  color: var(--ve-ink-chirho);
  border: 2px solid currentColor;
  transform: translateY(-200%);
}

.help-skip-chirho:focus {
  transform: none;
}

@media (max-width: 55rem) {
  .help-topics-chirho {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 45rem) {
  .help-layout-chirho {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 40rem) {
  .help-main-chirho {
    padding-block-start: 2.5rem;
  }
  .help-main-chirho :is(nav, section) {
    scroll-margin-block-start: 1rem;
  }
}
@media (max-width: 25rem) {
  .help-topics-chirho {
    grid-template-columns: 1fr;
  }
  .help-guide-actions-chirho {
    flex-direction: column;
    align-items: start;
  }
  .help-guide-actions-chirho .help-back-chirho {
    margin-inline-start: 0;
  }
}
@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}
/* source: styles_chirho/system-chirho/print-chirho.scss */
@media print {
  :root {
    --ground-chirho: #ffffff;
    --ground-raise-chirho: #ffffff;
    --ground-sink-chirho: #ffffff;
    --ink-chirho: #101010;
    --ink-mute-chirho: #3a3a3a;
    --rule-chirho: #b8b8b8;
    --gold-text-chirho: #5a4410;
  }
  .on-obsidian-chirho,
.on-vellum-chirho {
    --ground-chirho: #ffffff;
    --ground-raise-chirho: #ffffff;
    --ground-sink-chirho: #ffffff;
    --ink-chirho: #101010;
    --ink-mute-chirho: #3a3a3a;
    --rule-chirho: #b8b8b8;
    --gold-text-chirho: #5a4410;
    --shadow-cast-chirho: none;
    --shadow-lift-chirho: none;
  }
  body {
    background: #ffffff;
    color: #101010;
    font-size: 10.5pt;
    line-height: 1.5;
  }
  .aurora-chirho,
.vignette-chirho,
.grain-chirho,
.shaft-chirho,
.close-glow-chirho,
.deckle-chirho,
.gutter-thread-chirho,
.folio-chirho,
.threshold-field-chirho,
.cairn-field-chirho,
.craft-field-chirho,
.measure-field-chirho,
.site-nav-chirho {
    display: none !important;
  }
  .gilt-chirho {
    background-image: none;
    color: #5a4410;
    -webkit-text-fill-color: #5a4410;
  }
  .band-chirho {
    padding-block: 1.2cm;
    break-inside: auto;
  }
  .threshold-chirho,
.craft-threshold-chirho {
    min-block-size: auto;
    padding-block: 0 1.2cm;
  }
  h1,
h2,
h3 {
    break-after: avoid;
    color: #101010;
  }
  .slab-chirho,
.promise-leaf-chirho,
.cairn-course-chirho,
.figure-cell-chirho,
.stage-chirho,
.refusal-row-chirho,
.lab-slab-chirho {
    break-inside: avoid;
    box-shadow: none;
    transform: none;
    background-color: #ffffff;
    border-color: #b8b8b8;
  }
  main a[href^="/"]::after {
    content: " (" attr(href) ")";
    font-family: var(--face-mono-chirho);
    font-size: 0.72em;
    color: #5a4410;
  }
  main a[href^="#"]::after {
    content: "";
  }
  .action-gilt-chirho,
.action-quiet-chirho {
    background-image: none;
    border: 1px solid #b8b8b8;
    color: #101010;
    box-shadow: none;
  }
  .lab-controls-chirho,
.lab-bar-chirho {
    display: none;
  }
  img {
    max-block-size: 8cm;
    object-fit: contain;
  }
  @page {
    margin: 1.6cm;
  }
}
@media (prefers-contrast: more) {
  :root {
    --ve-mute-chirho: #4a4438;
    --ve-rule-chirho: #b3a68c;
    --ob-mute-chirho: #c3c8d0;
    --ob-rule-chirho: #4b525d;
    --au-on-vellum-chirho: #5e4409;
  }
  .aurora-chirho {
    --aurora-strength-chirho: 0.3;
  }
  .grain-chirho {
    opacity: 0.18;
  }
  .threshold-stone-chirho,
.cairn-strata-chirho,
.measure-strata-chirho {
    opacity: 0.28;
  }
  .gilt-chirho {
    background-image: none;
    color: var(--gold-text-chirho);
    -webkit-text-fill-color: currentColor;
  }
}