@font-face {
  font-family: "Bricolage Grotesque";
  font-style: normal;
  font-weight: 200 800;
  font-stretch: 100%;
  font-display: swap;
  src: url("/assets/bricolage-grotesque-latin-opsz-wght-Cre6nC2_.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "DM Mono";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/dm-mono-latin-400-4GdczIuU.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "DM Mono";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/assets/dm-mono-latin-500-DRMDZjhP.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Bricolage Grotesque Fallback";
  font-style: normal;
  font-weight: 200 549;
  src: local("Arial"), local("ArialMT"), local("Liberation Sans"), local("LiberationSans"), local("Arimo"), local("Roboto");
  size-adjust: 105%;
  ascent-override: 88.57%;
  descent-override: 25.71%;
  line-gap-override: 0%;
}
@font-face {
  font-family: "Bricolage Grotesque Fallback";
  font-style: normal;
  font-weight: 550 800;
  src: local("Arial Bold"), local("Arial-BoldMT"), local("Liberation Sans Bold"), local("LiberationSans-Bold"), local("Arimo Bold"), local("Arimo-Bold");
  size-adjust: 99.3%;
  ascent-override: 93.66%;
  descent-override: 27.19%;
  line-gap-override: 0%;
}
@font-face {
  font-family: "Bricolage Grotesque Fallback Display";
  font-style: normal;
  font-weight: 200 549;
  src: local("Arial"), local("ArialMT"), local("Liberation Sans"), local("LiberationSans"), local("Arimo"), local("Roboto");
  size-adjust: 96.5%;
  ascent-override: 96.37%;
  descent-override: 27.98%;
  line-gap-override: 0%;
}
@font-face {
  font-family: "Bricolage Grotesque Fallback Display";
  font-style: normal;
  font-weight: 550 800;
  src: local("Arial Bold"), local("Arial-BoldMT"), local("Liberation Sans Bold"), local("LiberationSans-Bold"), local("Arimo Bold"), local("Arimo-Bold");
  size-adjust: 95%;
  ascent-override: 97.89%;
  descent-override: 28.42%;
  line-gap-override: 0%;
}
@font-face {
  font-family: "DM Mono Fallback";
  font-style: normal;
  font-weight: 400 500;
  src: local("Menlo"), local("Menlo-Regular"), local("DejaVu Sans Mono"), local("DejaVuSansMono"), local("Liberation Mono"), local("LiberationMono"), local("Roboto Mono"), local("Droid Sans Mono");
  size-adjust: 99.7%;
  ascent-override: 99.5%;
  descent-override: 31.09%;
  line-gap-override: 0%;
}
@font-face {
  font-family: "DM Mono Fallback Consolas";
  font-style: normal;
  font-weight: 400 500;
  src: local("Consolas");
  size-adjust: 109.13%;
  ascent-override: 90.9%;
  descent-override: 28.41%;
  line-gap-override: 0%;
}
.tc-site {
  --tc-paper: #FAF6EF;
  --tc-paper-2: #F3ECDF;
  --tc-card: #FFFFFF;
  --tc-ink: #1B1A17;
  --tc-ink-2: #4D4941;
  --tc-ink-3: #6A655A;
  --tc-line: #E8E0D1;
  --tc-line-2: #D9CFBC;
  --tc-edge: #E3D9C7;
  --tc-blue: #2A78D6;
  --tc-blue-strong: #2068C4;
  --tc-blue-deep: #174F99;
  --tc-blue-tint: #E6F0FB;
  --tc-blue-soft: #BFD7F4;
  --tc-orange: #EB6834;
  --tc-orange-strong: #B4441A;
  --tc-orange-tint: #FCEBE1;
  --tc-orange-soft: #F4B79A;
  --tc-sun: #FFEDC2;
  --tc-night: #1D1B18;
  --tc-night-1: #282621;
  --tc-night-line: #3A3731;
  --tc-night-2: #C9C2B4;
  --tc-night-3: #A8A192;
  --tc-night-edge: #0C0B0A;
  --tc-sans: "Bricolage Grotesque", "Bricolage Grotesque Fallback", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --tc-display: "Bricolage Grotesque", "Bricolage Grotesque Fallback Display", "Bricolage Grotesque Fallback", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --tc-mono: "DM Mono", "DM Mono Fallback", "DM Mono Fallback Consolas", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;
  --tc-r-card: 28px;
  --tc-r-room: 44px;
  --tc-shadow-card: 0 1px 0 #fff inset, 0 4px 0 var(--tc-edge), 0 24px 38px -24px rgba(74, 52, 18, .3);
  --tc-blue-hover: #1C5FB6;
  --tc-orange-hover: #EE7443;
  --tc-blue-on-night: #3F8BE4;
  --tc-orange-on-night: #F0794A;
  --tc-orange-wash: rgba(235, 104, 52, .17);
  --tc-blue-wash: rgba(63, 139, 228, .2);
  --tc-white-wash: rgba(255, 255, 255, .08);
  --tc-chip-on-night: #F6AA88;
  --tc-orange-wash: rgba(235, 104, 52, .17);
  --tc-blue-wash: rgba(63, 139, 228, .2);
  --tc-white-wash: rgba(255, 255, 255, .08);
  --tc-field-line: #8A8473;
  --tc-fs-label: 12px;
  --tc-fs-code: 13px;
  --tc-fs-fine: 14px;
  --tc-fs-ui: 15px;
  --tc-fs-sm: 16px;
  --tc-fs-body: 17px;
  --tc-fs-lg: 18px;
  --tc-fs-lede: 20px;
  --tc-fs-h5: 22px;
  --tc-fs-h4: 26px;
  --tc-fs-h3: 36px;
  --tc-fs-h2: clamp(38px, 4.3vw, 60px);
  --tc-fs-h2-lg: clamp(44px, 5vw, 72px);
  --tc-fs-h1: clamp(54px, 5.4vw, 80px);
  --tc-fs-figure: clamp(60px, 7vw, 104px);
  --tc-lh-body: 1.55;
  --tc-lh-text: 1.5;
  --tc-track-display: -.04em;
  --tc-track-title: -.03em;
  --tc-track-label: .05em;
  --tc-wrap: 1176px;
  --tc-wrap-text: 760px;
  --tc-gutter: 32px;
  --tc-section: 120px;
  --tc-section-top: 36px;
  --tc-gap-card: 24px;
  --tc-gap-col: 64px;
  --tc-pad-card: 24px;
  --tc-pad-panel: 52px;
  --tc-header-h: 76px;
  --tc-s-1: 4px;
  --tc-s-2: 8px;
  --tc-s-3: 12px;
  --tc-s-4: 16px;
  --tc-s-5: 20px;
  --tc-s-6: 24px;
  --tc-s-7: 32px;
  --tc-s-8: 40px;
  --tc-s-9: 48px;
  --tc-s-10: 56px;
  --tc-s-11: 64px;
  --tc-s-12: 72px;
  --tc-r-xs: 8px;
  --tc-r-sm: 11px;
  --tc-r-btn: 13px;
  --tc-r-btn-lg: 17px;
  --tc-r-md: 18px;
  --tc-r-lg: 20px;
  --tc-r-panel: 36px;
  --tc-r-pill: 999px;
  --tc-shadow-card-hover: 0 1px 0 #fff inset, 0 5px 0 var(--tc-edge), 0 34px 44px -26px rgba(74, 52, 18, .38);
  --tc-shadow-card-press: 0 1px 0 #fff inset, 0 1px 0 var(--tc-edge), 0 12px 20px -16px rgba(74, 52, 18, .3);
  --tc-shadow-card-sm: 0 1px 0 #fff inset, 0 4px 0 var(--tc-edge), 0 22px 30px -22px rgba(74, 52, 18, .3);
  --tc-shadow-pop: 0 4px 0 var(--tc-edge), 0 28px 40px -20px rgba(74, 52, 18, .35);
  --tc-shadow-night: 0 1px 0 rgba(255, 255, 255, .07) inset, 0 4px 0 var(--tc-night-edge), 0 24px 38px -24px rgba(40, 28, 8, .6);
  --tc-shadow-night-hover: 0 1px 0 rgba(255, 255, 255, .07) inset, 0 5px 0 var(--tc-night-edge), 0 34px 44px -26px rgba(40, 28, 8, .66);
  --tc-shadow-night-card: 0 4px 0 var(--tc-night-edge);
  --tc-key-blue: 0 1px 0 rgba(255, 255, 255, .28) inset, 0 4px 0 var(--tc-blue-edge);
  --tc-key-blue-hover: 0 1px 0 rgba(255, 255, 255, .28) inset, 0 5px 0 var(--tc-blue-edge);
  --tc-key-blue-press: 0 1px 0 rgba(255, 255, 255, .2) inset, 0 1px 0 var(--tc-blue-edge);
  --tc-key-orange: 0 1px 0 rgba(255, 255, 255, .35) inset, 0 4px 0 var(--tc-orange-edge);
  --tc-key-orange-hover: 0 1px 0 rgba(255, 255, 255, .35) inset, 0 5px 0 var(--tc-orange-edge);
  --tc-key-orange-press: 0 1px 0 rgba(255, 255, 255, .3) inset, 0 1px 0 var(--tc-orange-edge);
  --tc-ease: cubic-bezier(.2, .7, .2, 1);
  --tc-ease-pop: cubic-bezier(.3, 1.6, .5, 1);
  --tc-t-fast: .14s;
  --tc-t-card: .2s;
  --tc-fg: var(--tc-ink);
  --tc-fg-2: var(--tc-ink-2);
  --tc-fg-3: var(--tc-ink-3);
  --tc-rule: var(--tc-line);
  --tc-rule-2: var(--tc-line-2);
  --tc-fill: var(--tc-paper-2);
  --tc-link: var(--tc-blue-strong);
  --tc-link-hover: var(--tc-blue-deep);
  --tc-focus: var(--tc-blue);
  --tc-cream-hi: #FBF8F2;
  --tc-blue-text-on-night: #A9CCF7;
  --tc-typing: #A39B8B;
  --tc-cream-2: #F3ECDF;
  --tc-night-hover: #34312B;
  --tc-tick: #FFFFFF;
  --tc-cream: #FAF6EF;
  --tc-ink-on-light: #1B1A17;
  --tc-on-blue: #FFFFFF;
  --tc-blue-fill: #2068C4;
  --tc-blue-edge: #174F99;
  --tc-orange-edge: #B4441A;
  --tc-card-hover: #FFFFFF;
  --tc-ledge-warm: rgba(180, 68, 26, .18);
  --tc-ledge-warm-2: rgba(180, 68, 26, .2);
  --tc-ledge-warm-3: rgba(180, 68, 26, .25);
  --tc-night-ledge: #000000;
  --tc-scroll-shade: rgba(74, 52, 18, .16);
  --tc-scroll-shade-0: rgba(74, 52, 18, 0);
  --tc-room-glow: none;
  --tc-room-rim: 0 0 0 0 transparent;
  --tc-night-rim: transparent;
  --tc-night-dash: #4A463F;
  --tc-shadow-ctl: 0 1px 0 rgba(255, 255, 255, .07) inset, 0 4px 0 var(--tc-night-edge), 0 26px 34px -22px rgba(120, 52, 14, .55);
  --tc-shadow-night-press: 0 1px 0 rgba(255, 255, 255, .07) inset, 0 1px 0 var(--tc-night-edge), 0 12px 20px -16px rgba(40, 28, 8, .5);
  --tc-select: var(--tc-sun);
  --tc-sun-wash: #FFEDC2;
  --tc-art-floor: #F7D9C8;
  --tc-art-shadow: #F4B79A;
  --tc-art-shadow-o: .55;
  --tc-art-pane: #FFFFFF;
  --tc-art-pane-line: #D9CFBC;
  --tc-art-pane-rule: #E8E0D1;
  --tc-art-pane-edge: #BFD7F4;
  --tc-art-pane-tint: #E6F0FB;
  --tc-art-pane-ink: #1B1A17;
  --tc-art-bar: #9CC2EE;
  --tc-sheet: #FFFFFF;
  --tc-sheet-ink: #1B1A17;
  --tc-sheet-ink-2: #4D4941;
  --tc-sheet-ink-3: #6A655A;
  --tc-sheet-line: #E8E0D1;
  --tc-sheet-line-2: #D9CFBC;
  --tc-sheet-blue-soft: #BFD7F4;
  --tc-ticket-edge: #E9CB85;
  --tc-ticket-shade: rgba(120, 84, 10, .18);
  --tc-ticket-k: #6B5312;
  --tc-ticket-dash: #D9B969;
  --tc-ticket-ink: #4A3B10;
  --tc-sun-edge: #E9CB85;
  --tc-shadow-window: 0 4px 0 var(--tc-edge), 0 30px 44px -26px rgba(74, 52, 18, .42);
  --tc-art-dot: #CDC1AA;
}
:where(.tc-site) .tc-room,
:where(.tc-site) .tc-card-night {
  --tc-fg: var(--tc-cream);
  --tc-fg-2: var(--tc-night-2);
  --tc-fg-3: var(--tc-night-3);
  --tc-rule: var(--tc-night-line);
  --tc-rule-2: var(--tc-night-line);
  --tc-fill: var(--tc-night-1);
  --tc-link: var(--tc-orange-on-night);
  --tc-link-hover: var(--tc-cream);
  --tc-focus: var(--tc-orange);
}
:where(.tc-site) :is(.tc-room, .tc-card-night) :is(.tc-card:not(.tc-card-night), .tc-panel) {
  --tc-fg: var(--tc-ink);
  --tc-fg-2: var(--tc-ink-2);
  --tc-fg-3: var(--tc-ink-3);
  --tc-rule: var(--tc-line);
  --tc-rule-2: var(--tc-line-2);
  --tc-fill: var(--tc-paper-2);
  --tc-link: var(--tc-blue-strong);
  --tc-link-hover: var(--tc-blue-deep);
  --tc-focus: var(--tc-blue);
}
@media (max-width: 1179px) {
  .tc-site {
    --tc-gap-col: 40px;
    --tc-pad-panel: 40px;
  }
}
@media (max-width: 1023px) {
  .tc-site {
    --tc-section: 104px;
    --tc-section-top: 24px;
    --tc-fs-h1: clamp(50px, 10.2vw, 86px);
    --tc-r-room: 36px;
  }
}
@media (max-width: 719px) {
  .tc-site {
    --tc-gutter: 20px;
    --tc-section: 72px;
    --tc-section-top: 16px;
    --tc-header-h: 64px;
    --tc-fs-body: 16px;
    --tc-fs-lg: 17px;
    --tc-fs-lede: 19px;
    --tc-fs-h3: 32px;
    --tc-pad-card: 20px;
    --tc-pad-panel: 24px;
    --tc-r-card: 24px;
    --tc-r-panel: 28px;
    --tc-r-room: 30px;
  }
}
@media (max-width: 389px) {
  .tc-site {
    --tc-fs-h1: clamp(44px, 12.6vw, 50px);
  }
}
.tc-site {
  color-scheme: light;
  background: var(--tc-paper);
  color: var(--tc-fg);
  font: 400 var(--tc-fs-body) / var(--tc-lh-body) var(--tc-sans);
  font-optical-sizing: auto;
  font-synthesis: style;
  letter-spacing: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}
:where(.tc-site).tc-shell {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  min-height: 100dvh;
}
:where(.tc-site).tc-shell > :where(main) { flex: 1 0 auto; }
@layer base {
  .tc-site,
  .tc-site *,
  .tc-site *::before,
  .tc-site *::after { box-sizing: border-box; }
  .tc-site [hidden] { display: none !important; }
  .tc-site :where(img, svg) { display: block; max-width: 100%; }
  .tc-site :where(h1, h2, h3, h4, h5, h6, p, dl, dd, ol, ul, figure, blockquote, pre) { margin: 0; }
  .tc-site :where(ol, ul) { padding: 0; list-style: none; }
  .tc-site :where(a) { color: inherit; text-decoration: underline; }
  .tc-site :where(hr) { height: 0; margin: 0; border: 0; border-top: 1px solid var(--tc-rule); }
  .tc-site :where(b, strong) { font-weight: 600; }
  .tc-site :where(button, input, select, textarea) { font: inherit; letter-spacing: inherit; color: inherit; }
  .tc-site :where(table) { border-collapse: collapse; border-spacing: 0; }
  .tc-site :where([id]) { scroll-margin-top: calc(var(--tc-header-h) + 20px); }
  .tc-site :where(h1) { font-family: var(--tc-display); font-size: var(--tc-fs-h1); line-height: .94; letter-spacing: var(--tc-track-display); font-weight: 700; text-wrap: balance; }
  .tc-site :where(h2) { font-family: var(--tc-display); font-size: var(--tc-fs-h2); line-height: 1; letter-spacing: var(--tc-track-display); font-weight: 700; text-wrap: balance; }
  .tc-site :where(h3) { font-size: var(--tc-fs-h3); line-height: 1; letter-spacing: var(--tc-track-display); font-weight: 700; text-wrap: balance; }
  .tc-site :where(h4) { font-size: var(--tc-fs-h4); line-height: 1.1; letter-spacing: var(--tc-track-title); font-weight: 700; text-wrap: balance; }
  .tc-site :where(h5, h6) { font-size: var(--tc-fs-h5); line-height: 1.2; letter-spacing: -.025em; font-weight: 700; }
}
.tc-site :where(code, kbd, samp, pre) { font-family: var(--tc-mono); font-variant-numeric: tabular-nums; color: inherit; }
.tc-site ::selection { background: var(--tc-select); color: var(--tc-ink); }
.tc-site :focus-visible { outline: 3px solid var(--tc-focus); outline-offset: 3px; }
.tc-site main[tabindex="-1"]:focus-visible { outline: none; }
:where(.tc-site) .tc-wrap { width: min(100% - var(--tc-gutter) * 2, var(--tc-wrap)); margin-inline: auto; }
:where(.tc-site) .tc-wrap-text { width: min(100% - var(--tc-gutter) * 2, var(--tc-wrap-text)); margin-inline: auto; }
:where(.tc-site) .tc-section { padding-block: var(--tc-section); }
:where(.tc-site) .tc-section + .tc-section { padding-top: 0; }
:where(.tc-site) .tc-section-first { padding-top: var(--tc-section-top); }
:where(.tc-site) .tc-section-ruled > .tc-wrap { border-top: 1px solid var(--tc-rule-2); padding-top: 72px; }
:where(.tc-site) .tc-grid-3 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--tc-gap-card); }
:where(.tc-site) .tc-grid-2 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--tc-gap-card); }
:where(.tc-site) .tc-split { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: var(--tc-gap-col); }
:where(.tc-site) .tc-stack { display: grid; gap: var(--tc-s-4); align-content: start; }
:where(.tc-site) .tc-h1 { font-family: var(--tc-display); font-size: var(--tc-fs-h1); line-height: .94; letter-spacing: var(--tc-track-display); font-weight: 700; text-wrap: balance; }
:where(.tc-site) .tc-h2 { font-family: var(--tc-display); font-size: var(--tc-fs-h2); line-height: 1; letter-spacing: var(--tc-track-display); font-weight: 700; text-wrap: balance; }
:where(.tc-site) .tc-h2-lg { font-size: var(--tc-fs-h2-lg); }
:where(.tc-site) .tc-h3 { font-family: var(--tc-sans); font-size: var(--tc-fs-h3); line-height: 1; letter-spacing: var(--tc-track-display); font-weight: 700; text-wrap: balance; }
:where(.tc-site) .tc-h4 { font-family: var(--tc-sans); font-size: var(--tc-fs-h4); line-height: 1.1; letter-spacing: var(--tc-track-title); font-weight: 700; text-wrap: balance; }
:where(.tc-site) .tc-h5 { font-family: var(--tc-sans); font-size: var(--tc-fs-h5); line-height: 1.2; letter-spacing: -.025em; font-weight: 700; }
:where(.tc-site) .tc-lede { font-size: var(--tc-fs-lede); line-height: var(--tc-lh-text); color: var(--tc-fg-2); max-width: 30em; text-wrap: balance; }
:where(.tc-site) .tc-text { font-size: var(--tc-fs-body); line-height: var(--tc-lh-body); text-wrap: pretty; }
:where(.tc-site) .tc-text-lg { font-size: var(--tc-fs-lg); line-height: var(--tc-lh-text); text-wrap: pretty; }
:where(.tc-site) .tc-text-sm { font-size: var(--tc-fs-sm); line-height: 1.45; text-wrap: pretty; }
:where(.tc-site) .tc-muted { color: var(--tc-fg-2); }
:where(.tc-site) .tc-quiet { color: var(--tc-fg-3); }
:where(.tc-site) .tc-measure { max-width: 34em; }
:where(.tc-site) .tc-kicker { display: block; font: 500 var(--tc-fs-code) / 1 var(--tc-mono); letter-spacing: var(--tc-track-label); text-transform: uppercase; color: var(--tc-fg-3); }
:where(.tc-site) .tc-caption { font-size: var(--tc-fs-fine); line-height: 1.3; color: var(--tc-fg-3); }
:where(.tc-site) .tc-dot-q { color: var(--tc-blue); }
:where(.tc-site) .tc-dot-a { color: var(--tc-orange); }
:where(.tc-site) .tc-num { font-variant-numeric: tabular-nums lining-nums; }
:where(.tc-site) .tc-mono { font-family: var(--tc-mono); font-variant-numeric: tabular-nums; }
:where(.tc-site) .tc-nb { white-space: nowrap; }
:where(.tc-site) .tc-vh { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
:where(.tc-site) .tc-i { width: 20px; height: 20px; flex: none; }
:where(.tc-site) .tc-link { color: var(--tc-link); font-weight: 600; text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 4px; }
:where(.tc-site) .tc-link:hover { color: var(--tc-link-hover); }
:where(.tc-site) .tc-link-quiet { color: var(--tc-fg); text-decoration: underline; text-decoration-thickness: 1.5px; text-underline-offset: 3px; text-decoration-color: var(--tc-link); }
:where(.tc-site) .tc-link-quiet:hover { text-decoration-thickness: 2.5px; }
:where(.tc-site) .tc-link-mark { color: var(--tc-fg); font-weight: 500; text-decoration: underline; text-decoration-thickness: 2.5px; text-underline-offset: 5px; text-decoration-color: var(--tc-blue); transition: background-color var(--tc-t-fast); }
:where(.tc-site) .tc-link-mark:hover { background: var(--tc-blue-tint); }
:where(.tc-site) .tc-link-mark-orange { text-decoration-color: var(--tc-orange); }
:where(.tc-site) .tc-link-mark-orange:hover { background: var(--tc-orange-tint); }
:where(.tc-site) .tc-btn { position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 10px; height: 46px; padding: 0 18px; border: 0; border-radius: var(--tc-r-btn); font: 600 var(--tc-fs-sm) / 1 var(--tc-sans); letter-spacing: normal; text-decoration: none; white-space: nowrap; cursor: pointer; appearance: none; transition: transform var(--tc-t-fast) var(--tc-ease), box-shadow var(--tc-t-fast), background-color var(--tc-t-fast); }
:where(.tc-site) .tc-btn .tc-i { transition: transform .18s var(--tc-ease); }
:where(.tc-site) .tc-btn:hover .tc-i { transform: translateX(3px); }
:where(.tc-site) .tc-btn-primary { background: var(--tc-blue-fill); color: var(--tc-on-blue); box-shadow: var(--tc-key-blue); }
:where(.tc-site) .tc-btn-primary:hover { background: var(--tc-blue-hover); transform: translateY(-1px); box-shadow: var(--tc-key-blue-hover); }
:where(.tc-site) .tc-btn-primary:active { transform: translateY(3px); box-shadow: var(--tc-key-blue-press); }
:where(.tc-site) .tc-btn-primary:focus-visible { outline-color: var(--tc-blue); }
:where(.tc-site) .tc-btn-secondary { background: var(--tc-card); color: var(--tc-ink); box-shadow: inset 0 0 0 1px var(--tc-line-2), 0 4px 0 var(--tc-line-2); }
:where(.tc-site) .tc-btn-secondary:hover { background: var(--tc-card-hover); transform: translateY(-1px); box-shadow: inset 0 0 0 1px var(--tc-line-2), 0 5px 0 var(--tc-line-2); }
:where(.tc-site) .tc-btn-secondary:active { transform: translateY(3px); box-shadow: inset 0 0 0 1px var(--tc-line-2), 0 1px 0 var(--tc-line-2); }
:where(.tc-site) .tc-btn-orange { background: var(--tc-orange); color: var(--tc-ink-on-light); box-shadow: var(--tc-key-orange); }
:where(.tc-site) .tc-btn-orange:hover { background: var(--tc-orange-hover); transform: translateY(-1px); box-shadow: var(--tc-key-orange-hover); }
:where(.tc-site) .tc-btn-orange:active { transform: translateY(3px); box-shadow: var(--tc-key-orange-press); }
:where(.tc-site) .tc-btn-orange:focus-visible { outline-color: var(--tc-orange); }
:where(.tc-site) .tc-btn-lg { height: 62px; padding: 0 28px; border-radius: var(--tc-r-btn-lg); font-size: 20px; letter-spacing: -.01em; }
:where(.tc-site) .tc-btn-lg .tc-i { width: 22px; height: 22px; }
:where(.tc-site) .tc-btn-block { display: flex; width: 100%; }
:where(.tc-site) .tc-btn:is(:disabled, [aria-disabled="true"]) { opacity: .55; cursor: not-allowed; transform: none; }
:where(.tc-site) .tc-cta { display: flex; align-items: center; gap: 14px 20px; flex-wrap: wrap; }
:where(.tc-site) .tc-cta-note { font-size: var(--tc-fs-sm); line-height: 1.3; color: var(--tc-fg-2); }
:where(.tc-site) .tc-cta-note :where(b) { color: var(--tc-fg); font-weight: 600; white-space: nowrap; }
:where(.tc-site) .tc-badge { display: inline-block; flex: none; font: 500 var(--tc-fs-label) / 1 var(--tc-mono); letter-spacing: .03em; padding: 5px 8px; border-radius: var(--tc-r-pill); border: 1px solid var(--tc-line-2); background: var(--tc-card); color: var(--tc-ink-2); white-space: nowrap; }
:where(.tc-site) .tc-chip { position: relative; display: inline-block; font: 500 var(--tc-fs-label) / 1 var(--tc-mono); padding: 6px 10px 6px 23px; border-radius: var(--tc-r-pill); background: var(--tc-orange-tint); color: var(--tc-orange-strong); white-space: nowrap; }
:where(.tc-site) .tc-chip::before { content: ""; position: absolute; left: 10px; top: 50%; width: 7px; height: 7px; margin-top: -3.5px; border-radius: 50%; background: var(--tc-orange); }
:where(.tc-site) .tc-chip-blue { background: var(--tc-blue-tint); color: var(--tc-blue-deep); }
:where(.tc-site) .tc-chip-blue::before { background: var(--tc-blue); }
:where(.tc-site) .tc-chip-quiet { background: var(--tc-paper-2); color: var(--tc-ink-2); }
:where(.tc-site) .tc-chip-quiet::before { background: var(--tc-ink-3); }
:where(.tc-site) :is(.tc-room, .tc-card-night) .tc-chip { background: var(--tc-orange-wash); color: var(--tc-chip-on-night); }
:where(.tc-site) :is(.tc-room, .tc-card-night) .tc-chip-blue { background: var(--tc-blue-wash); color: var(--tc-blue-text-on-night); }
:where(.tc-site) :is(.tc-room, .tc-card-night) .tc-chip-blue::before { background: var(--tc-blue-on-night); }
:where(.tc-site) :is(.tc-room, .tc-card-night) .tc-chip-quiet { background: var(--tc-white-wash); color: var(--tc-night-2); }
:where(.tc-site) :is(.tc-room, .tc-card-night) .tc-chip-quiet::before { background: var(--tc-night-3); }
:where(.tc-site) .tc-pill { display: inline-flex; align-items: center; gap: 7px; height: 30px; padding: 0 11px 0 9px; border-radius: var(--tc-r-pill); background: var(--tc-card); color: var(--tc-ink); font-size: var(--tc-fs-code); font-weight: 600; white-space: nowrap; box-shadow: 0 2px 0 var(--tc-ledge-warm); }
:where(.tc-site) .tc-pill .tc-i { width: 16px; height: 16px; }
:where(.tc-site) .tc-card { position: relative; background: var(--tc-card); color: var(--tc-fg); border: 1px solid var(--tc-line); border-radius: var(--tc-r-card); padding: var(--tc-pad-card); box-shadow: var(--tc-shadow-card); }
:where(.tc-site) .tc-card-sm { border-radius: var(--tc-r-md); padding: 16px 18px; box-shadow: var(--tc-shadow-card-sm); }
:where(.tc-site) .tc-card-lift { transition: transform var(--tc-t-card) var(--tc-ease), box-shadow var(--tc-t-card); }
:where(.tc-site) .tc-card-lift:hover { transform: translateY(-5px); box-shadow: var(--tc-shadow-card-hover); }
:where(.tc-site) .tc-card-go { font-size: var(--tc-fs-lg); font-weight: 600; letter-spacing: -.01em; text-decoration: none; color: var(--tc-link); }
:where(.tc-site) :is(.tc-card-go, .tc-card-hit)::after { content: ""; position: absolute; inset: 0; z-index: 1; border-radius: var(--tc-r-card); }
:where(.tc-site) .tc-card-night { background: var(--tc-night); border-color: var(--tc-night); box-shadow: var(--tc-shadow-night); }
:where(.tc-site) .tc-card-night.tc-card-lift:hover { box-shadow: var(--tc-shadow-night-hover); }
@supports selector(:has(a)) {
  :where(.tc-site) .tc-card-lift:has(:is(.tc-card-go, .tc-card-hit):active) { transform: translateY(2px); box-shadow: var(--tc-shadow-card-press); }
  :where(.tc-site) .tc-card-lift:has(:is(.tc-card-go, .tc-card-hit):focus-visible) { outline: 3px solid var(--tc-focus); outline-offset: 4px; }
  :where(.tc-site) .tc-card-night.tc-card-lift:has(:is(.tc-card-go, .tc-card-hit):focus-visible) { outline-color: var(--tc-orange-strong); }
  .tc-site :is(.tc-card-go, .tc-card-hit):focus-visible { outline: none; }
}
:where(.tc-site) .tc-panel { position: relative; border-radius: var(--tc-r-panel); padding: var(--tc-pad-panel); background: var(--tc-paper-2); color: var(--tc-fg); }
:where(.tc-site) .tc-panel-blue { background: var(--tc-blue-tint); }
:where(.tc-site) .tc-panel-orange { background: var(--tc-orange-tint); }
:where(.tc-site) .tc-panel-sun { background: var(--tc-sun-wash); }
:where(.tc-site) .tc-room { position: relative; background: var(--tc-night); color: var(--tc-fg); border-radius: var(--tc-r-room); padding: var(--tc-pad-panel); }
:where(.tc-site) .tc-room-panel { border-radius: var(--tc-r-panel); }
:where(.tc-site) .tc-room-band { margin-inline: 16px; padding: 104px 0 88px; }
:where(.tc-site) .tc-room-card { background: var(--tc-night-1); border: 1px solid var(--tc-night-line); border-radius: var(--tc-r-md); padding: 14px 16px; box-shadow: var(--tc-shadow-night-card); }
:where(.tc-site) .tc-table-wrap { overflow-x: auto; }
:where(.tc-site) .tc-table { width: 100%; font-size: var(--tc-fs-sm); line-height: 1.45; text-align: left; }
:where(.tc-site) .tc-table :where(caption) { caption-side: top; text-align: left; padding-bottom: 16px; font-size: var(--tc-fs-lg); line-height: 1.3; font-weight: 600; letter-spacing: -.01em; color: var(--tc-fg); }
:where(.tc-site) .tc-table :where(th, td) { padding: 13px 20px 13px 0; border-top: 1px solid var(--tc-rule); text-align: left; vertical-align: baseline; }
:where(.tc-site) .tc-table :where(th:last-child, td:last-child) { padding-right: 0; }
:where(.tc-site) .tc-table :where(thead th) { border-top: 0; padding-top: 0; padding-bottom: 12px; font: 500 var(--tc-fs-code) / 1.3 var(--tc-mono); letter-spacing: var(--tc-track-label); text-transform: uppercase; color: var(--tc-fg-3); white-space: nowrap; }
:where(.tc-site) .tc-table :where(tbody th) { font-weight: 600; color: var(--tc-fg); }
:where(.tc-site) .tc-table :where(td) { color: var(--tc-fg-2); }
:where(.tc-site) .tc-table :where(tbody tr:last-child > *) { border-bottom: 1px solid var(--tc-rule); }
:where(.tc-site) .tc-table .tc-td-num { text-align: right; white-space: nowrap; }
:where(.tc-site) .tc-table :where(td).tc-td-num { font: 400 var(--tc-fs-ui) / 1.5 var(--tc-mono); font-variant-numeric: tabular-nums; color: var(--tc-fg); }
:where(.tc-site) .tc-rows { border-bottom: 1px solid var(--tc-rule); }
:where(.tc-site) .tc-rows > :where(div) { display: flex; justify-content: space-between; align-items: baseline; gap: 6px 16px; padding: 11px 0; border-top: 1px solid var(--tc-rule); }
:where(.tc-site) .tc-rows :where(dt) { flex: none; font-size: var(--tc-fs-fine); line-height: 22px; color: var(--tc-fg-3); }
:where(.tc-site) .tc-rows :where(dd) { font-size: var(--tc-fs-sm); line-height: 22px; color: var(--tc-fg); text-align: right; text-wrap: balance; }
:where(.tc-site) .tc-code { overflow-x: auto; padding: 12px 16px; font: 400 var(--tc-fs-code) / 19px var(--tc-mono); color: var(--tc-ink); background: var(--tc-card); border: 1px solid var(--tc-line); border-radius: var(--tc-r-md); box-shadow: var(--tc-shadow-card-sm); tab-size: 4; }
:where(.tc-site) .tc-code-inline { font-size: .88em; padding: .1em .38em; border-radius: 6px; background: var(--tc-fill); white-space: nowrap; }
:where(.tc-site) .tc-field { display: grid; gap: 8px; align-content: start; }
:where(.tc-site) .tc-label { font-size: var(--tc-fs-ui); line-height: 1.3; font-weight: 600; color: var(--tc-fg); }
:where(.tc-site) :is(.tc-input, .tc-select, .tc-textarea) { display: block; width: 100%; min-height: 46px; padding: 10px 14px; border: 1px solid var(--tc-field-line); border-radius: var(--tc-r-btn); background: var(--tc-card); color: var(--tc-ink); font: 400 var(--tc-fs-sm) / 1.5 var(--tc-sans); box-shadow: inset 0 2px 0 var(--tc-paper-2); appearance: none; transition: border-color var(--tc-t-fast), box-shadow var(--tc-t-fast); }
:where(.tc-site) :is(.tc-input, .tc-textarea)::placeholder { color: var(--tc-ink-3); opacity: 1; }
:where(.tc-site) :is(.tc-input, .tc-select, .tc-textarea):hover { border-color: var(--tc-ink-3); }
.tc-site :is(.tc-input, .tc-select, .tc-textarea):focus-visible { outline: 3px solid var(--tc-focus); outline-offset: 2px; border-color: var(--tc-blue-strong); }
:where(.tc-site) :is(.tc-input, .tc-select, .tc-textarea):disabled { background: var(--tc-paper-2); color: var(--tc-ink-3); cursor: not-allowed; }
:where(.tc-site) :is(.tc-input, .tc-select, .tc-textarea)[aria-invalid="true"] { border-color: var(--tc-orange-strong); box-shadow: inset 0 2px 0 var(--tc-orange-tint), 0 0 0 1px var(--tc-orange-strong); }
:where(.tc-site) .tc-textarea { min-height: 112px; resize: vertical; }
:where(.tc-site) .tc-input-num { font-family: var(--tc-mono); font-variant-numeric: tabular-nums; }
:where(.tc-site) .tc-select { padding-right: 40px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5.5 8l4.5 4.5L14.5 8' fill='none' stroke='%231B1A17' stroke-width='2.3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 12px center; background-size: 20px 20px; cursor: pointer; }
:where(.tc-site) .tc-hint { font-size: var(--tc-fs-sm); line-height: 1.4; color: var(--tc-fg-2); }
:where(.tc-site) .tc-error { font-size: var(--tc-fs-sm); line-height: 1.4; font-weight: 500; color: var(--tc-orange-strong); }
:where(.tc-site) :is(.tc-room, .tc-card-night) .tc-error { color: var(--tc-orange-on-night); }
:where(.tc-site) .tc-check { display: flex; align-items: flex-start; gap: 10px; font-size: var(--tc-fs-sm); line-height: 1.45; cursor: pointer; }
:where(.tc-site) .tc-check :where(input) { flex: none; width: 20px; height: 20px; margin: 2px 0 0; accent-color: var(--tc-blue-strong); cursor: pointer; }
:where(.tc-site) .tc-seg { display: flex; width: fit-content; max-width: 100%; gap: 2px; padding: 3px; border-radius: 12px; border: 1px solid var(--tc-line); background: var(--tc-paper-2); }
:where(.tc-site) .tc-seg :where(label) { position: relative; display: block; }
:where(.tc-site) .tc-seg :where(input) { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; opacity: 0; cursor: pointer; }
:where(.tc-site) .tc-seg :where(span) { display: flex; align-items: center; gap: 7px; height: 34px; padding: 0 13px 0 11px; border-radius: var(--tc-r-xs); font-size: var(--tc-fs-ui); line-height: 1; font-weight: 600; color: var(--tc-ink-2); white-space: nowrap; transition: background-color var(--tc-t-fast), color var(--tc-t-fast); }
:where(.tc-site) .tc-seg .tc-i { width: 15px; height: 15px; }
:where(.tc-site) .tc-seg :where(label:hover span) { color: var(--tc-ink); }
:where(.tc-site) .tc-seg :where(input:checked + span) { background: var(--tc-card); color: var(--tc-ink); box-shadow: 0 0 0 1.5px var(--tc-field-line), 0 2px 0 var(--tc-edge); }
:where(.tc-site) .tc-seg :where(input:checked + span) .tc-i { color: var(--tc-blue-strong); }
:where(.tc-site) .tc-seg :where(input:focus-visible + span) { outline: 3px solid var(--tc-focus); outline-offset: 2px; }
:where(.tc-site) .tc-prose { font-size: var(--tc-fs-body); line-height: 1.6; color: var(--tc-fg-2); text-wrap: pretty; }
:where(.tc-site) .tc-prose > * + * { margin-top: 1em; }
:where(.tc-site) .tc-prose :where(h1, h2, h3, h4) { color: var(--tc-fg); }
:where(.tc-site) .tc-prose :where(h2) { font-size: var(--tc-fs-h3); margin-top: 1.6em; }
:where(.tc-site) .tc-prose :where(h3) { font-size: var(--tc-fs-h4); line-height: 1.1; letter-spacing: var(--tc-track-title); margin-top: 1.5em; }
:where(.tc-site) .tc-prose :where(h4) { font-size: var(--tc-fs-h5); line-height: 1.2; letter-spacing: -.025em; margin-top: 1.4em; }
:where(.tc-site) .tc-prose :where(ul, ol) { padding-left: 1.3em; }
:where(.tc-site) .tc-prose :where(ul) { list-style: disc; }
:where(.tc-site) .tc-prose :where(ol) { list-style: decimal; }
:where(.tc-site) .tc-prose :where(li + li) { margin-top: .45em; }
:where(.tc-site) .tc-prose :where(li)::marker { color: var(--tc-fg-3); }
:where(.tc-site) .tc-prose :where(a) { color: var(--tc-fg); text-decoration: underline; text-decoration-thickness: 1.5px; text-underline-offset: 3px; text-decoration-color: var(--tc-link); }
:where(.tc-site) .tc-prose :where(a:hover) { text-decoration-thickness: 2.5px; }
:where(.tc-site) .tc-prose :where(strong, b) { color: var(--tc-fg); }
:where(.tc-site) .tc-prose :where(:not(pre) > code) { font-size: .88em; padding: .1em .38em; border-radius: 6px; background: var(--tc-fill); }
:where(.tc-site) .tc-skip { position: fixed; top: 10px; left: 10px; z-index: 100; display: inline-flex; align-items: center; height: 46px; padding: 0 18px; border-radius: var(--tc-r-btn); background: var(--tc-ink); color: var(--tc-paper); font: 600 var(--tc-fs-sm) / 1 var(--tc-sans); text-decoration: none; transform: translateY(-200%); }
:where(.tc-site) .tc-skip:focus { transform: none; }
:where(.tc-site) .tc-top { position: sticky; top: 0; z-index: 30; background: var(--tc-paper); color: var(--tc-ink); }
:where(.tc-site) .tc-top-in { display: flex; align-items: center; height: var(--tc-header-h); }
:where(.tc-site) .tc-brand { display: inline-flex; flex: none; align-items: center; gap: 10px; text-decoration: none; border-radius: 10px; color: var(--tc-ink); }
:where(.tc-site) .tc-brand :where(img) { width: 36px; height: 36px; }
:where(.tc-site) .tc-wordmark { font-size: 24px; font-weight: 700; letter-spacing: -.035em; line-height: 1; white-space: nowrap; }
:where(.tc-site) .tc-wordmark :where(span) { font-weight: 400; letter-spacing: -.03em; }
:where(.tc-site) .tc-nav { display: flex; gap: 2px; margin-left: 28px; }
:where(.tc-site) .tc-nav-link { padding: 9px 12px; border-radius: var(--tc-r-sm); text-decoration: none; font-size: var(--tc-fs-sm); line-height: var(--tc-lh-body); font-weight: 500; color: var(--tc-ink-2); white-space: nowrap; transition: background-color var(--tc-t-fast), color var(--tc-t-fast); }
:where(.tc-site) .tc-nav-link:hover { background: var(--tc-paper-2); color: var(--tc-ink); }
:where(.tc-site) .tc-nav-link[aria-current="page"] { background: var(--tc-paper-2); color: var(--tc-ink); }
:where(.tc-site) .tc-top-end { margin-left: auto; display: flex; align-items: center; gap: 10px; }
:where(.tc-site) .tc-menu { display: none; position: relative; }
:where(.tc-site) .tc-menu-btn { display: grid; place-items: center; width: 46px; height: 46px; padding: 0; border: 1px solid var(--tc-line-2); border-radius: var(--tc-r-btn); background: var(--tc-card); color: var(--tc-ink); cursor: pointer; appearance: none; }
:where(.tc-site) .tc-menu-btn :where(path) { transform-box: view-box; transform-origin: 10px 10px; transition: transform .18s var(--tc-ease); }
:where(.tc-site) .tc-menu-btn[aria-expanded="true"] :where(path:first-child) { transform: rotate(45deg) translateY(3.5px); }
:where(.tc-site) .tc-menu-btn[aria-expanded="true"] :where(path:last-child) { transform: rotate(-45deg) translateY(-3.5px); }
:where(.tc-site) .tc-menu-panel { position: absolute; right: 0; top: 56px; width: min(300px, calc(100vw - 40px)); display: grid; gap: 2px; padding: 10px; background: var(--tc-card); border: 1px solid var(--tc-line); border-radius: var(--tc-r-lg); box-shadow: var(--tc-shadow-pop); }
:where(.tc-site) .tc-menu-link { padding: 12px 14px; border-radius: 12px; text-decoration: none; font-size: 17px; line-height: var(--tc-lh-body); font-weight: 500; color: var(--tc-ink); }
:where(.tc-site) .tc-menu-link:hover,
:where(.tc-site) .tc-menu-link[aria-current="page"] { background: var(--tc-paper-2); }
:where(.tc-site) .tc-menu-panel .tc-btn { margin-top: 8px; height: 50px; }
@supports (animation-timeline: scroll()) {
  :where(.tc-site) .tc-top { animation: tc-top-line linear both; animation-timeline: scroll(root); animation-range: 0 96px; }
}
@keyframes tc-top-line { to { box-shadow: 0 1px 0 var(--tc-line); } }
@media (prefers-reduced-motion: no-preference) {
  :where(.tc-site) .tc-menu-panel { animation: tc-rise .16s ease-out both; }
}
@keyframes tc-rise { from { opacity: 0; transform: translateY(6px); } }
:where(.tc-site) .tc-foot { background: var(--tc-paper-2); color: var(--tc-ink); padding: 72px 0 44px; }
:where(.tc-site) .tc-foot-in { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 3.5fr) minmax(0, 3.5fr); gap: 48px; }
:where(.tc-site) .tc-foot .tc-brand :where(img) { width: 32px; height: 32px; }
:where(.tc-site) .tc-foot-say { margin-top: 18px; font-size: 17px; line-height: var(--tc-lh-body); color: var(--tc-ink-2); max-width: 19em; text-wrap: balance; }
:where(.tc-site) .tc-foot-mail { display: inline-block; margin-top: 16px; padding: 4px 0; font: 500 var(--tc-fs-ui) / 1.3 var(--tc-mono); color: var(--tc-ink); text-decoration: none; }
:where(.tc-site) .tc-foot-mail:hover { text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 4px; text-decoration-color: var(--tc-blue); }
:where(.tc-site) .tc-foot .tc-kicker { margin-bottom: 16px; }
:where(.tc-site) .tc-foot-links { columns: 2; column-gap: 24px; }
:where(.tc-site) .tc-foot-links :where(li) { break-inside: avoid; }
:where(.tc-site) .tc-foot-links :where(a) { display: inline-block; padding: 5px 0; text-decoration: none; font-size: var(--tc-fs-sm); line-height: var(--tc-lh-body); color: var(--tc-ink); white-space: nowrap; }
:where(.tc-site) .tc-foot-links :where(a:hover) { text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 4px; text-decoration-color: var(--tc-blue); }
:where(.tc-site) .tc-foot-small { margin-top: 56px; padding-top: 22px; border-top: 1px solid var(--tc-line-2); font-size: var(--tc-fs-sm); line-height: var(--tc-lh-body); color: var(--tc-ink-3); text-wrap: balance; }
:where(.tc-site) .tc-foot-small :where(span) { white-space: nowrap; }
:where(.tc-site) .tc-foot-small :where(a) { color: var(--tc-ink-2); text-decoration: underline; text-underline-offset: 3px; }
:where(.tc-site) .tc-foot-small :where(a:hover) { color: var(--tc-ink); }
@media (max-width: 1179px) {
  :where(.tc-site) .tc-grid-3 { grid-template-columns: minmax(0, 1fr); gap: 20px; }
}
@media (min-width: 920px) and (max-width: 1023px) {
  :where(.tc-site) .tc-nav { gap: 0; margin-left: 14px; }
  :where(.tc-site) .tc-nav-link { padding-inline: 8px; }
}
@media (min-width: 720px) {
  :where(.tc-site) .tc-menu-panel .tc-btn { display: none; }
}
@media (max-width: 919px) {
  :where(.tc-site) .tc-nav,
  :where(.tc-site) .tc-top-end > .tc-nav-link { display: none; }
  :where(.tc-site) .tc-menu { display: block; }
}
@media (max-width: 899px) {
  :where(.tc-site) .tc-split,
  :where(.tc-site) .tc-grid-2 { grid-template-columns: minmax(0, 1fr); }
  :where(.tc-site) .tc-room-band { padding: 80px 0 72px; }
  :where(.tc-site) .tc-foot-in { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 40px 32px; }
  :where(.tc-site) .tc-foot-in > :where(div) { grid-column: 1 / -1; }
}
@media (max-width: 719px) {
  :where(.tc-site) .tc-brand { gap: 8px; }
  :where(.tc-site) .tc-top .tc-brand :where(img) { width: 30px; height: 30px; }
  :where(.tc-site) .tc-top .tc-wordmark { font-size: 21px; }
  :where(.tc-site) .tc-top-end > .tc-btn { display: none; }
  :where(.tc-site) .tc-btn-lg { width: 100%; }
  :where(.tc-site) .tc-room-band { margin-inline: 8px; }
  :where(.tc-site) .tc-section-ruled > .tc-wrap { padding-top: 56px; }
  :where(.tc-site) .tc-foot { padding-top: 56px; }
  :where(.tc-site) .tc-foot-links { columns: 1; }
}
@media (max-width: 599px) {
  :where(.tc-site) .tc-foot-small :where(span) { white-space: normal; }
}
@media (max-width: 399px) {
  :where(.tc-site) .tc-top .tc-wordmark { font-size: 20px; }
  :where(.tc-site) .tc-top .tc-badge { padding: 4px 6px; }
}
@media (prefers-reduced-motion: reduce) {
  .tc-site,
  .tc-site *,
  .tc-site *::before,
  .tc-site *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}
html { background: #FAF6EF; color-scheme: light; scrollbar-color: #B9AE98 #F3ECDF; }
body.tc-site { margin: 0; }
.tc-shell > .docs-layout { flex: 1 0 auto; }
.tc-menu > summary { list-style: none; cursor: pointer; }
.tc-menu > summary::-webkit-details-marker { display: none; }
.tc-menu[open] > .tc-menu-btn path:first-child { transform: rotate(45deg) translateY(3.5px); }
.tc-menu[open] > .tc-menu-btn path:last-child { transform: rotate(-45deg) translateY(-3.5px); }
.tc-nav-link[aria-current="true"] { background: var(--tc-paper-2); color: var(--tc-ink); }
.tc-menu-link[aria-current="true"] { background: var(--tc-paper-2); }
.docs-layout {
  display: grid;
  grid-template-columns: 208px minmax(0, 1fr);
  column-gap: 56px;
  align-items: start;
  padding-block: 48px var(--tc-section);
}
main { min-width: 0; }
.guide-nav { position: sticky; top: calc(var(--tc-header-h) + 24px); max-height: calc(100vh - var(--tc-header-h) - 48px); overflow-y: auto; padding-bottom: 8px; }
.guide-nav .tc-kicker { margin-bottom: 12px; }
.guide-nav nav { display: grid; gap: 2px; margin-left: -12px; }
.guide-nav .tc-nav-link { display: block; }
.guide-group { margin: 20px 0 4px 12px; font: 500 var(--tc-fs-code) / 1 var(--tc-mono); letter-spacing: var(--tc-track-label); text-transform: uppercase; color: var(--tc-fg-3); }
.guide-menu { display: none; }
.doc-head .tc-kicker { margin-bottom: 16px; }
main h1 { font-family: var(--tc-display); font-size: clamp(40px, 5vw, 60px); line-height: 1; letter-spacing: var(--tc-track-display); font-weight: 700; text-wrap: balance; }
.introduction { max-width: 34em; margin-top: 20px; font-size: var(--tc-fs-lede); line-height: var(--tc-lh-text); color: var(--tc-fg-2); text-wrap: pretty; }
.guide-actions { display: flex; flex-wrap: wrap; gap: 12px 14px; margin-top: 28px; }
.page-nav { display: none; }
.page-nav .tc-kicker { margin-bottom: 10px; }
.page-nav ul, .page-menu ul { display: grid; }
.page-nav a, .page-menu a { display: flex; align-items: baseline; gap: 10px; padding: 5px 0; font-size: var(--tc-fs-sm); line-height: 1.35; font-weight: 500; color: var(--tc-fg-2); text-decoration: none; }
.page-nav a:hover, .page-menu a:hover { color: var(--tc-link-hover); text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 4px; }
.toc-n { flex: none; min-width: 1.1em; font: 500 var(--tc-fs-code) / 1 var(--tc-mono); color: var(--tc-fg-3); }
.page-menu { margin-top: 28px; }
.page-menu nav { padding: 6px 16px 12px; border-top: 1px solid var(--tc-rule); }
.page-menu ul { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 28px; }
.guide-menu, .page-menu { border: 1px solid var(--tc-line-2); border-radius: var(--tc-r-btn); background: var(--tc-card); }
.guide-menu > summary, .page-menu > summary { display: flex; align-items: center; gap: 12px; min-height: 48px; padding: 0 16px; list-style: none; font-size: var(--tc-fs-sm); font-weight: 600; cursor: pointer; }
.guide-menu > summary::-webkit-details-marker, .page-menu > summary::-webkit-details-marker { display: none; }
.guide-menu > summary::after, .page-menu > summary::after { content: ""; flex: none; width: 8px; height: 8px; margin: -4px 4px 0 auto; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(45deg); transition: transform var(--tc-t-fast); }
.guide-menu[open] > summary::after, .page-menu[open] > summary::after { margin-top: 4px; transform: rotate(-135deg); }
.guide-menu-k { font: 500 var(--tc-fs-code) / 1 var(--tc-mono); letter-spacing: var(--tc-track-label); text-transform: uppercase; color: var(--tc-fg-3); }
main > section { margin-top: 52px; padding-top: 40px; border-top: 1px solid var(--tc-rule); }
.page-menu + section { margin-top: 36px; }
main > section > * + * { margin-top: 16px; }
main > section > :is(figure, fieldset, .works, .tbl, .cards, .steps, .note, .facts) { margin-top: 22px; }
main > section > :is(figure, fieldset, .works, .tbl, .cards, .steps, .note, .facts) + * { margin-top: 22px; }
main > section > h2 { font-family: var(--tc-sans); font-size: clamp(28px, 3vw, 38px); line-height: 1.08; letter-spacing: var(--tc-track-title); font-weight: 700; color: var(--tc-fg); text-wrap: balance; }
.doc-step > h2 { display: flex; align-items: center; gap: 14px; }
.step-n { flex: none; display: grid; place-items: center; width: 36px; height: 36px; border-radius: 50%; border: 4.5px solid var(--tc-blue); font: 500 14px / 1 var(--tc-mono); letter-spacing: 0; color: var(--tc-fg); }
section p,
section li { font-size: var(--tc-fs-body); line-height: 1.6; color: var(--tc-fg-2); text-wrap: pretty; }
section :where(ul, ol) { padding-left: 1.4em; }
section ul { list-style: disc; }
section ol { list-style: decimal; }
section li + li { margin-top: .5em; }
section li { padding-left: .2em; }
section li::marker { color: var(--tc-fg-3); }
section strong { color: var(--tc-fg); }
section a:not(.tc-btn) { color: var(--tc-link); font-weight: 500; text-decoration: underline; text-decoration-thickness: 1.5px; text-underline-offset: 3px; overflow-wrap: anywhere; }
section a:not(.tc-btn):hover { color: var(--tc-link-hover); text-decoration-thickness: 2.5px; }
section :not(pre) > code { padding: .1em .38em; border-radius: 6px; background: var(--tc-fill); color: var(--tc-fg); font-size: .88em; overflow-wrap: anywhere; }
.sample, .req-panel { overflow: hidden; background: var(--tc-card); border: 1px solid var(--tc-line); border-radius: var(--tc-r-md); box-shadow: var(--tc-shadow-card-sm); color: var(--tc-fg); }
.sample-bar, .req-file { display: flex; align-items: center; gap: 8px 12px; padding: 8px 10px 8px 16px; border-bottom: 1px solid var(--tc-rule); font: 500 var(--tc-fs-code) / 1.3 var(--tc-mono); letter-spacing: .02em; color: var(--tc-fg-3); }
.sample-bar { justify-content: space-between; }
.req-name { margin-right: auto; }
.req-mark { flex: none; padding: 4px 8px; border-radius: 6px; background: var(--tc-blue-fill); color: var(--tc-on-blue); font: 600 var(--tc-fs-label) / 1 var(--tc-sans); letter-spacing: .01em; white-space: nowrap; }
.sample pre, .req pre { margin: 0; padding: 14px 0 16px; overflow-x: auto; font: 400 13px / 20px var(--tc-mono); color: var(--tc-fg); tab-size: 4; background:
  linear-gradient(90deg, var(--tc-card) 40%, rgba(255, 255, 255, 0)) 0 0 / 36px 100% no-repeat local,
  linear-gradient(270deg, var(--tc-card) 40%, rgba(255, 255, 255, 0)) 100% 0 / 36px 100% no-repeat local,
  linear-gradient(90deg, var(--tc-scroll-shade), var(--tc-scroll-shade-0)) 0 0 / 12px 100% no-repeat scroll,
  linear-gradient(270deg, var(--tc-scroll-shade), var(--tc-scroll-shade-0)) 100% 0 / 12px 100% no-repeat scroll; }
.sample pre code, .req pre code, .resp pre code { display: block; width: max-content; min-width: 100%; padding: 0; background: none; font: inherit; overflow-wrap: normal; }
.l { display: block; padding: 0 18px; white-space: pre; }
.hl { background: var(--tc-blue-tint); box-shadow: inset 3px 0 0 var(--tc-blue); }
.s { color: var(--tc-blue-deep); }
.c { color: var(--tc-fg-3); }
.sample pre:focus-visible, .req pre:focus-visible, .resp pre:focus-visible { outline-offset: -3px; }
.req { position: relative; min-width: 0; min-inline-size: 0; margin: 0; padding: 0; border: 0; }
.req-r { position: absolute; width: 1px; height: 1px; margin: 0; opacity: 0; pointer-events: none; }
.req-tabs { display: flex; flex-wrap: wrap; gap: 2px; width: fit-content; max-width: 100%; margin-bottom: 12px; padding: 3px; border: 1px solid var(--tc-line); border-radius: 12px; background: var(--tc-paper-2); }
.req-tabs label { display: block; height: 34px; padding: 0 13px; border-radius: var(--tc-r-xs); font-size: var(--tc-fs-ui); font-weight: 600; line-height: 34px; color: var(--tc-ink-2); white-space: nowrap; cursor: pointer; transition: background-color var(--tc-t-fast), color var(--tc-t-fast); }
.req-tabs label:hover { color: var(--tc-ink); }
.req-panel { display: none; }
.req-note { margin-top: 12px; }
.req-r:nth-of-type(1):checked ~ .req-p0,
.req-r:nth-of-type(2):checked ~ .req-p1,
.req-r:nth-of-type(3):checked ~ .req-p2,
.req-r:nth-of-type(4):checked ~ .req-p3 { display: block; }
.req-r:nth-of-type(1):checked ~ .req-tabs label:nth-of-type(1),
.req-r:nth-of-type(2):checked ~ .req-tabs label:nth-of-type(2),
.req-r:nth-of-type(3):checked ~ .req-tabs label:nth-of-type(3),
.req-r:nth-of-type(4):checked ~ .req-tabs label:nth-of-type(4) { background: var(--tc-card); color: var(--tc-ink); box-shadow: 0 0 0 1.5px var(--tc-field-line), 0 2px 0 var(--tc-edge); }
.req-r:nth-of-type(1):focus-visible ~ .req-tabs label:nth-of-type(1),
.req-r:nth-of-type(2):focus-visible ~ .req-tabs label:nth-of-type(2),
.req-r:nth-of-type(3):focus-visible ~ .req-tabs label:nth-of-type(3),
.req-r:nth-of-type(4):focus-visible ~ .req-tabs label:nth-of-type(4) { outline: 3px solid var(--tc-focus); outline-offset: 2px; }
.resp { margin: 0; padding: 0; overflow: hidden; border: 1px solid var(--tc-night-line); border-radius: var(--tc-r-md); }
.resp-bar { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 12px; padding: 11px 16px; border-bottom: 1px solid var(--tc-night-line); }
.resp-title { font: 600 15px / 1.2 var(--tc-sans); color: var(--tc-cream); }
.resp-cut { margin-right: auto; font: 400 var(--tc-fs-label) / 1 var(--tc-mono); color: var(--tc-night-3); }
.resp pre { margin: 0; padding: 12px 0 14px; overflow-x: auto; font: 400 13px / 20px var(--tc-mono); color: var(--tc-night-2); tab-size: 2; }
.resp .hl { background: var(--tc-orange-wash); box-shadow: inset 3px 0 0 var(--tc-orange); }
.jk { color: var(--tc-night-3); }
.jv { color: var(--tc-cream); }
.jn { color: var(--tc-chip-on-night); }
.receipt { margin: 0 16px; padding: 12px 0 8px; border-top: 1.5px dashed var(--tc-night-dash); }
.resp-solo .receipt { margin: 0 16px; padding: 14px 0 8px; border-top: 0; }
.receipt-legend { margin-bottom: 4px; font: 500 var(--tc-fs-label) / 1 var(--tc-mono); letter-spacing: var(--tc-track-label); text-transform: uppercase; color: var(--tc-night-3); }
.receipt table { width: 100%; font-size: var(--tc-fs-sm); line-height: 1.4; }
.receipt th, .receipt td { padding: 9px 16px 9px 0; border-top: 1px solid var(--tc-night-line); font-weight: 400; text-align: left; vertical-align: baseline; }
.receipt tr:first-child > * { border-top: 0; }
.receipt th code { padding: 0; background: none; color: var(--tc-cream); font: 500 var(--tc-fs-code) / 1.3 var(--tc-mono); white-space: nowrap; }
.receipt .receipt-v { width: 4ch; padding-right: 20px; color: var(--tc-chip-on-night); font: 500 14px / 1.3 var(--tc-mono); text-align: right; font-variant-numeric: tabular-nums; }
.receipt .receipt-m { padding-right: 0; color: var(--tc-night-2); }
.example { --tc-focus: var(--tc-blue-on-night); overflow: hidden; border-radius: var(--tc-r-md); background: var(--tc-night); color: var(--tc-cream-2); box-shadow: var(--tc-shadow-night-card); }
.example figcaption { padding: 11px 16px; border-bottom: 1px solid var(--tc-night-line); background: var(--tc-night-1); font: 500 var(--tc-fs-code) / 1.3 var(--tc-mono); letter-spacing: .02em; color: var(--tc-night-3); }
.example pre { overflow-x: auto; padding: 16px 18px; font: 400 14px / 1.65 var(--tc-mono); tab-size: 4; }
.example pre code { padding: 0; background: none; color: inherit; font: inherit; overflow-wrap: normal; }
.example pre:focus-visible { outline-offset: -3px; }
.terminal-bar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 14px; }
.terminal-title { display: inline-flex; align-items: center; gap: 12px; }
.terminal-lights { display: inline-flex; flex: none; gap: 7px; }
.terminal-lights span { width: 11px; height: 11px; border-radius: 50%; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15); }
.terminal-lights span:nth-child(1) { background: #FF5F57; }
.terminal-lights span:nth-child(2) { background: #FEBC2E; }
.terminal-lights span:nth-child(3) { background: #28C840; }
.terminal pre { white-space: pre-wrap; overflow-wrap: anywhere; }
.terminal pre code { overflow-wrap: inherit; }
.copy-command { min-height: 44px; padding: 0 16px; border: 1px solid var(--tc-night-line); border-radius: 11px; background: var(--tc-night); color: var(--tc-cream-2); font: 600 var(--tc-fs-ui) / 1 var(--tc-sans); letter-spacing: normal; cursor: pointer; transition: background-color var(--tc-t-fast), border-color var(--tc-t-fast); }
.copy-command:hover { border-color: var(--tc-night-3); background: var(--tc-night-hover); }
.copy-command:disabled { cursor: wait; }
.sample .copy-command, .req-file .copy-command { min-height: 36px; padding: 0 12px; border-color: var(--tc-line-2); background: var(--tc-card); color: var(--tc-fg); }
.sample .copy-command:hover, .req-file .copy-command:hover { border-color: var(--tc-field-line); background: var(--tc-card-hover); }
.copy-status { padding: 2px 18px 16px; font-size: var(--tc-fs-sm); line-height: 1.45; color: var(--tc-night-2); }
.sample .copy-status, .req-panel .copy-status { padding: 0 16px 12px; color: var(--tc-fg-2); }
.copy-status:empty { height: 0; margin: 0; padding: 0; overflow: hidden; }
.sample .copy-status:empty, .req-panel .copy-status:empty { padding: 0; }
.steps { counter-reset: step; display: grid; gap: 16px; padding: 0; list-style: none; }
.step { counter-increment: step; position: relative; margin: 0; padding: 18px 22px 20px 72px; background: var(--tc-card); border: 1px solid var(--tc-line); border-radius: var(--tc-r-md); box-shadow: var(--tc-shadow-card-sm); }
.step::before { content: counter(step); position: absolute; left: 22px; top: 18px; display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; border: 4.5px solid var(--tc-blue); font: 500 14px / 1 var(--tc-mono); color: var(--tc-fg); }
.step h3 { font: 700 var(--tc-fs-h5) / 1.2 var(--tc-sans); letter-spacing: -.025em; color: var(--tc-fg); text-wrap: balance; }
.step p { margin-top: 4px; font-size: var(--tc-fs-sm); line-height: 1.5; }
section .steps li + li { margin-top: 0; }
.works { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, .66fr); padding: 0; overflow: hidden; }
.works > div { padding: 22px 24px 10px; }
.works-no { background: var(--tc-paper); border-left: 1px solid var(--tc-line); }
.works h3 { padding-bottom: 12px; border-bottom: 1px solid var(--tc-rule); font: 500 var(--tc-fs-code) / 1 var(--tc-mono); letter-spacing: var(--tc-track-label); text-transform: uppercase; color: var(--tc-fg-3); }
.works ul { padding: 0; list-style: none; }
.works li, section .works li + li { display: flex; align-items: flex-start; gap: 11px; margin: 0; padding: 10px 0; font-size: var(--tc-fs-sm); line-height: 1.4; color: var(--tc-fg); }
.works li > span { min-width: 0; }
.works .tc-i { margin-top: 1px; }
.works-yes .tc-i { color: var(--tc-blue-strong); }
.works-no li { color: var(--tc-fg-2); }
.works-no .tc-i { color: var(--tc-fg-3); }
.works-note { margin-top: 14px; }
.note { padding: 16px 20px 18px; border-radius: var(--tc-r-md); color: var(--tc-fg); }
.note-limit { background: var(--tc-sun-wash); box-shadow: inset 4px 0 0 var(--tc-orange); }
.note-tip { background: var(--tc-blue-tint); box-shadow: inset 4px 0 0 var(--tc-blue); }
.note p { color: var(--tc-fg); }
.note p + p { margin-top: 4px; }
.note-title { font-weight: 700; }
.note a:not(.tc-btn) { color: var(--tc-fg); text-decoration-color: var(--tc-fg-2); }
.tbl table { width: 100%; font-size: var(--tc-fs-sm); line-height: 1.45; text-align: left; }
.tbl caption { padding-bottom: 10px; font: 500 var(--tc-fs-code) / 1.3 var(--tc-mono); letter-spacing: var(--tc-track-label); text-align: left; text-transform: uppercase; color: var(--tc-fg-3); }
.tbl :where(th, td) { padding: 12px 18px 12px 0; border-top: 1px solid var(--tc-rule); text-align: left; vertical-align: baseline; }
.tbl :where(th:last-child, td:last-child) { padding-right: 0; }
.tbl thead th { padding-top: 6px; padding-bottom: 10px; border-top: 1px solid var(--tc-rule-2); font: 500 var(--tc-fs-code) / 1.3 var(--tc-mono); letter-spacing: var(--tc-track-label); text-transform: uppercase; color: var(--tc-fg-3); }
.tbl td { color: var(--tc-fg-2); }
.tbl td code { white-space: nowrap; overflow-wrap: normal; }
.tbl td:first-child { color: var(--tc-fg); font-weight: 600; }
.tbl tbody tr:last-child > * { border-bottom: 1px solid var(--tc-rule); }
.facts dd { overflow-wrap: anywhere; }
.facts dd :not(pre) > code { white-space: normal; }
.cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 230px), 1fr)); gap: 18px; padding: 0; list-style: none; }
.cards li { margin: 0; padding: 18px 20px 20px; }
.cards h3 { font: 700 var(--tc-fs-h5) / 1.2 var(--tc-sans); letter-spacing: -.025em; }
.cards h3 a.tc-card-hit { display: flex; align-items: center; justify-content: space-between; gap: 10px; color: var(--tc-fg); font-size: inherit; font-weight: inherit; text-decoration: none; }
.cards .tc-i { color: var(--tc-link); }
.cards .tc-card-hit::after { border-radius: var(--tc-r-md); }
.cards p { margin-top: 6px; font-size: var(--tc-fs-sm); line-height: 1.45; }
.alpha-notice { margin-top: 64px; padding: 24px 28px 26px; border-radius: var(--tc-r-lg); background: var(--tc-sun-wash); color: var(--tc-ink); }
.alpha-notice h2 { margin-bottom: 14px; font: 700 var(--tc-fs-h5) / 1.2 var(--tc-sans); letter-spacing: -.025em; color: var(--tc-ink); }
.alpha-notice ul { display: grid; gap: 10px; padding: 0; list-style: none; }
.alpha-notice li { font-size: var(--tc-fs-sm); line-height: 1.5; color: var(--tc-ink); }
.alpha-links { margin-top: 14px; font-size: var(--tc-fs-sm); line-height: 1.5; color: var(--tc-ink); }
.alpha-notice a { color: var(--tc-ink); text-decoration: underline; text-decoration-thickness: 1.5px; text-underline-offset: 3px; text-decoration-color: var(--tc-ink-2); }
.alpha-notice a:hover { text-decoration-thickness: 2.5px; }
.review-date { margin-top: 20px; font-size: var(--tc-fs-sm); line-height: 1.45; color: var(--tc-fg-3); }
.review-date a { color: var(--tc-fg-2); text-decoration-thickness: 1.5px; text-underline-offset: 3px; text-decoration-color: var(--tc-link); }
.review-date a:hover { color: var(--tc-fg); }
.pager { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin-top: 36px; }
.pager a { display: grid; gap: 4px; padding: 16px 18px; border: 1px solid var(--tc-line); border-radius: var(--tc-r-md); background: var(--tc-card); color: var(--tc-fg); text-decoration: none; transition: border-color var(--tc-t-fast), background-color var(--tc-t-fast); }
.pager a:hover { border-color: var(--tc-line-2); background: var(--tc-card-hover); }
.pager-next { grid-column: 2; text-align: right; }
.pager-dir { font: 500 var(--tc-fs-code) / 1 var(--tc-mono); letter-spacing: var(--tc-track-label); text-transform: uppercase; color: var(--tc-fg-3); }
.pager-title { font-size: var(--tc-fs-lg); font-weight: 700; line-height: 1.25; }
@media (min-width: 1180px) {
  main { display: grid; grid-template-columns: minmax(0, 1fr) 188px; column-gap: 44px; }
  main > * { grid-column: 1; }
  main > .page-menu { display: none; }
  main > .page-nav { display: block; grid-column: 2; grid-row: 1 / span 60; position: sticky; top: calc(var(--tc-header-h) + 24px); align-self: start; margin-top: 4px; }
  .page-nav ul { grid-template-columns: minmax(0, 1fr); }
  main > section:first-of-type { margin-top: 36px; }
}
@media (min-width: 900px) and (max-width: 1179px) {
  main { max-width: 46rem; }
}
@media (max-width: 899px) {
  .docs-layout { grid-template-columns: minmax(0, 1fr); row-gap: 24px; padding-top: 20px; }
  .guide-nav { display: none; }
  .guide-menu { display: block; }
  .guide-menu nav { display: grid; gap: 2px; padding: 6px 8px 12px; border-top: 1px solid var(--tc-rule); }
  .guide-menu .guide-group { margin-left: 14px; }
  .guide-menu .tc-nav-link { display: block; }
}
@media (max-width: 719px) {
  main > section { margin-top: 40px; padding-top: 32px; }
  .page-menu ul { grid-template-columns: minmax(0, 1fr); }
  .alpha-notice { padding: 20px 20px 22px; }
  .l { padding: 0 14px; white-space: pre-wrap; overflow-wrap: anywhere; }
  .sample pre code, .req pre code, .resp pre code { width: auto; }
  .sample pre, .req pre, .resp pre { font-size: 13px; }
  .example pre { padding: 14px 16px; font-size: 13px; white-space: pre-wrap; overflow-wrap: anywhere; }
  .example pre code { overflow-wrap: inherit; }
  .step { padding: 16px 16px 18px 62px; }
  .step::before { left: 16px; top: 16px; }
  .works { grid-template-columns: minmax(0, 1fr); }
  .works-no { border-left: 0; border-top: 1px solid var(--tc-line); }
  .works > div { padding: 18px 18px 8px; }
  .receipt { margin: 0 14px; }
  .receipt tr { display: grid; grid-template-columns: minmax(0, 1fr) auto; column-gap: 12px; padding: 9px 0; border-top: 1px solid var(--tc-night-line); }
  .receipt tr:first-child { border-top: 0; }
  .receipt th, .receipt td { padding: 0; border-top: 0; }
  .receipt .receipt-m { grid-column: 1 / -1; margin-top: 2px; }
  .receipt .receipt-v { width: auto; padding-right: 0; }
  .facts > div { flex-direction: column; align-items: flex-start; }
  .facts dd { text-align: left; }
  .tbl thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
  .tbl table, .tbl caption, .tbl tbody, .tbl tr, .tbl td { display: block; }
  .tbl tr { padding: 12px 0; border-top: 1px solid var(--tc-rule); }
  .tbl tr:last-child { border-bottom: 1px solid var(--tc-rule); }
  .tbl :where(th, td) { padding: 2px 0; border: 0; }
  .tbl td::before { content: attr(data-label); display: block; font: 500 var(--tc-fs-label) / 1.6 var(--tc-mono); letter-spacing: var(--tc-track-label); text-transform: uppercase; color: var(--tc-fg-3); }
  .tbl tbody tr:last-child > * { border-bottom: 0; }
  .tbl td code { white-space: normal; overflow-wrap: anywhere; }
  .pager { grid-template-columns: minmax(0, 1fr); }
  .pager-next { grid-column: 1; }
}
@media print {
  .guide-nav, .guide-menu, .page-nav, .page-menu, .pager, .req-tabs, .copy-command { display: none !important; }
  .docs-layout { display: block; }
  .req-panel { display: block !important; margin-top: 12px; }
}
@media screen and (prefers-color-scheme: dark) {
  html:root:not(.tc-doc-night) {
    color-scheme: dark;
    background: #171512;
    scrollbar-color: #5A554C #171512;
  }
  html:root:not(.tc-doc-night) > body { background: #171512; }
  html:root:not(.tc-doc-night)::-webkit-scrollbar-track,
  html:root:not(.tc-doc-night) *::-webkit-scrollbar-track { background: #171512; }
  html:root:not(.tc-doc-night)::-webkit-scrollbar-thumb,
  html:root:not(.tc-doc-night) *::-webkit-scrollbar-thumb { border-color: #171512; background: #5A554C; }
  .tc-site:not(.tc-app-top) {
    color-scheme: dark;
    --tc-paper: #171512;
    --tc-paper-2: #1E1C18;
    --tc-card: #262320;
    --tc-card-hover: #2F2B27;
    --tc-ink: #F4EFE5;
    --tc-ink-2: #CBC4B6;
    --tc-ink-3: #A59E90;
    --tc-line: #36322C;
    --tc-line-2: #4A453D;
    --tc-edge: #0C0B09;
    --tc-field-line: #8A8473;
    --tc-blue: #3F8BE4;
    --tc-blue-strong: #5C9CEA;
    --tc-blue-deep: #9CC6F5;
    --tc-blue-hover: #2570CC;
    --tc-blue-tint: #172A44;
    --tc-blue-soft: #2C4D78;
    --tc-tick: #10151C;
    --tc-orange-strong: #F0794A;
    --tc-orange-tint: #2F1E15;
    --tc-orange-on-night: #F4855A;
    --tc-sun-wash: #302611;
    --tc-sun-edge: #5E4A1C;
    --tc-select: #5B4A1E;
    --tc-night: #2A2620;
    --tc-night-1: #35302A;
    --tc-night-line: #4B453C;
    --tc-night-2: #D3CCBE;
    --tc-night-3: #B0A999;
    --tc-night-edge: #0F0E0C;
    --tc-night-dash: #5E584D;
    --tc-night-hover: #3E3932;
    --tc-night-rim: rgba(255, 196, 150, .14);
    --tc-room-rim: inset 0 0 0 1px var(--tc-night-rim);
    --tc-room-glow: radial-gradient(75% 62% at 82% 100%, rgba(235, 104, 52, .22), rgba(235, 104, 52, 0) 74%);
    --tc-shadow-card: 0 1px 0 rgba(255, 255, 255, .06) inset, 0 4px 0 var(--tc-edge), 0 24px 38px -24px rgba(0, 0, 0, .75);
    --tc-shadow-card-hover: 0 1px 0 rgba(255, 255, 255, .07) inset, 0 5px 0 var(--tc-edge), 0 34px 44px -26px rgba(0, 0, 0, .8);
    --tc-shadow-card-press: 0 1px 0 rgba(255, 255, 255, .05) inset, 0 1px 0 var(--tc-edge), 0 12px 20px -16px rgba(0, 0, 0, .7);
    --tc-shadow-card-sm: 0 1px 0 rgba(255, 255, 255, .06) inset, 0 4px 0 var(--tc-edge), 0 22px 30px -22px rgba(0, 0, 0, .75);
    --tc-shadow-pop: 0 1px 0 rgba(255, 255, 255, .06) inset, 0 4px 0 var(--tc-edge), 0 28px 40px -20px rgba(0, 0, 0, .8);
    --tc-shadow-night: var(--tc-room-rim), 0 1px 0 rgba(255, 255, 255, .08) inset, 0 4px 0 var(--tc-night-edge), 0 24px 38px -24px rgba(0, 0, 0, .75);
    --tc-shadow-night-hover: var(--tc-room-rim), 0 1px 0 rgba(255, 255, 255, .08) inset, 0 5px 0 var(--tc-night-edge), 0 34px 44px -26px rgba(0, 0, 0, .8);
    --tc-shadow-night-press: var(--tc-room-rim), 0 1px 0 rgba(255, 255, 255, .07) inset, 0 1px 0 var(--tc-night-edge), 0 12px 20px -16px rgba(0, 0, 0, .7);
    --tc-shadow-ctl: var(--tc-room-rim), 0 1px 0 rgba(255, 255, 255, .08) inset, 0 4px 0 var(--tc-night-edge), 0 26px 34px -22px rgba(0, 0, 0, .7);
    --tc-shadow-window: 0 4px 0 var(--tc-edge), 0 30px 44px -26px rgba(0, 0, 0, .8);
    --tc-ledge-warm: rgba(0, 0, 0, .4);
    --tc-ledge-warm-2: rgba(0, 0, 0, .4);
    --tc-ledge-warm-3: rgba(0, 0, 0, .4);
    --tc-scroll-shade: rgba(0, 0, 0, .5);
    --tc-scroll-shade-0: rgba(0, 0, 0, 0);
    --tc-ticket-shade: rgba(0, 0, 0, .5);
    --tc-art-floor: #3B2519;
    --tc-art-shadow: #EB6834;
    --tc-art-shadow-o: .2;
    --tc-art-pane: #262320;
    --tc-art-pane-line: #4A453D;
    --tc-art-pane-rule: #3A362F;
    --tc-art-pane-edge: #2C4D78;
    --tc-art-pane-tint: #1F3552;
    --tc-art-pane-ink: #F4EFE5;
    --tc-art-bar: #2F5C96;
    --tc-art-dot: #4A453D;
  }
  .tc-site:not(.tc-app-top) :is(.tc-room, .tc-card-night) {
    background-image: var(--tc-room-glow);
  }
  .tc-site:not(.tc-app-top) .tc-room { box-shadow: var(--tc-room-rim); }
  .tc-site:not(.tc-app-top) .tc-room-card { border-color: var(--tc-night-line); }
  .tc-site:not(.tc-app-top) :is(.tc-v-receipt, .tc-pr-receipt-cast, .tc-ticket-wrap, .tc-pr-ticket-wrap, .tc-earn-v-letter) {
    color: var(--tc-sheet-ink);
    --tc-card: var(--tc-sheet);
    --tc-ink: var(--tc-sheet-ink);
    --tc-ink-2: var(--tc-sheet-ink-2);
    --tc-ink-3: var(--tc-sheet-ink-3);
    --tc-line: var(--tc-sheet-line);
    --tc-line-2: var(--tc-sheet-line-2);
    --tc-fg: var(--tc-sheet-ink);
    --tc-fg-2: var(--tc-sheet-ink-2);
    --tc-fg-3: var(--tc-sheet-ink-3);
  }
  .tc-site:not(.tc-app-top) .tc-v-receipt { box-shadow: 0 0 0 1px var(--tc-sheet-line); }
  .tc-site:not(.tc-app-top) :is(.tc-ticket-wrap, .tc-pr-ticket-wrap) {
    --tc-sun: #E6D29C;
    --tc-ticket-edge: #C7AA62;
    --tc-ticket-dash: #BC9E56;
  }
  .tc-site:not(.tc-app-top) .tc-btn-secondary { box-shadow: inset 0 0 0 1px var(--tc-line-2), 0 4px 0 var(--tc-edge); }
  .tc-site:not(.tc-app-top) .tc-btn-secondary:hover { box-shadow: inset 0 0 0 1px var(--tc-line-2), 0 5px 0 var(--tc-edge); }
  .tc-site:not(.tc-app-top) .tc-btn-secondary:active { box-shadow: inset 0 0 0 1px var(--tc-line-2), 0 1px 0 var(--tc-edge); }
  .tc-site:not(.tc-app-top) .tc-select {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5.5 8l4.5 4.5L14.5 8' fill='none' stroke='%23F4EFE5' stroke-width='2.3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  }
  .tc-site:not(.tc-app-top) .example { background-image: var(--tc-room-glow); box-shadow: var(--tc-room-rim), var(--tc-shadow-night-card); }
  .tc-site:not(.tc-app-top) .alpha-notice { box-shadow: inset 0 0 0 1px var(--tc-sun-edge); }
}