/* jp-go-digital-design-system — vendored CSS
 * Source: https://github.com/digital-go-jp/design-system-example-components-html
 * Upstream commit: 3b34f4c3553fa3bee90bfd8b6fe962ac3055107d — MIT License, Copyright (c) 2025 デジタル庁
 * Generated by scripts/vendor.cljs — DO NOT EDIT BY HAND (re-vendor instead). */
:root {
  --color-primitive-blue-50: #e8f1fe;
  --color-primitive-blue-100: #d9e6ff;
  --color-primitive-blue-200: #c5d7fb;
  --color-primitive-blue-300: #9db7f9;
  --color-primitive-blue-400: #7096f8;
  --color-primitive-blue-500: #4979f5;
  --color-primitive-blue-600: #3460fb;
  --color-primitive-blue-700: #264af4;
  --color-primitive-blue-800: #0031d8;
  --color-primitive-blue-900: #0017c1;
  --color-primitive-blue-1000: #00118f;
  --color-primitive-blue-1100: #000071;
  --color-primitive-blue-1200: #000060;
  --color-primitive-light-blue-50: #f0f9ff;
  --color-primitive-light-blue-100: #dcf0ff;
  --color-primitive-light-blue-200: #c0e4ff;
  --color-primitive-light-blue-300: #97d3ff;
  --color-primitive-light-blue-400: #57b8ff;
  --color-primitive-light-blue-500: #39abff;
  --color-primitive-light-blue-600: #008bf2;
  --color-primitive-light-blue-700: #0877d7;
  --color-primitive-light-blue-800: #0066be;
  --color-primitive-light-blue-900: #0055ad;
  --color-primitive-light-blue-1000: #00428c;
  --color-primitive-light-blue-1100: #00316a;
  --color-primitive-light-blue-1200: #00234b;
  --color-primitive-cyan-50: #e9f7f9;
  --color-primitive-cyan-100: #c8f8ff;
  --color-primitive-cyan-200: #99f2ff;
  --color-primitive-cyan-300: #79e2f2;
  --color-primitive-cyan-400: #2bc8e4;
  --color-primitive-cyan-500: #01b7d6;
  --color-primitive-cyan-600: #00a3bf;
  --color-primitive-cyan-700: #008da6;
  --color-primitive-cyan-800: #008299;
  --color-primitive-cyan-900: #006f83;
  --color-primitive-cyan-1000: #006173;
  --color-primitive-cyan-1100: #004c59;
  --color-primitive-cyan-1200: #003741;
  --color-primitive-green-50: #e6f5ec;
  --color-primitive-green-100: #c2e5d1;
  --color-primitive-green-200: #9bd4b5;
  --color-primitive-green-300: #71c598;
  --color-primitive-green-400: #51b883;
  --color-primitive-green-500: #2cac6e;
  --color-primitive-green-600: #259d63;
  --color-primitive-green-700: #1d8b56;
  --color-primitive-green-800: #197a4b;
  --color-primitive-green-900: #115a36;
  --color-primitive-green-1000: #0c472a;
  --color-primitive-green-1100: #08351f;
  --color-primitive-green-1200: #032213;
  --color-primitive-lime-50: #ebfad9;
  --color-primitive-lime-100: #d0f5a2;
  --color-primitive-lime-200: #c0f354;
  --color-primitive-lime-300: #ade830;
  --color-primitive-lime-400: #9ddd15;
  --color-primitive-lime-500: #8cc80c;
  --color-primitive-lime-600: #7eb40d;
  --color-primitive-lime-700: #6fa104;
  --color-primitive-lime-800: #618e00;
  --color-primitive-lime-900: #507500;
  --color-primitive-lime-1000: #3e5a00;
  --color-primitive-lime-1100: #2c4100;
  --color-primitive-lime-1200: #1e2d00;
  --color-primitive-yellow-50: #fbf5e0;
  --color-primitive-yellow-100: #fff0b3;
  --color-primitive-yellow-200: #ffe380;
  --color-primitive-yellow-300: #ffd43d;
  --color-primitive-yellow-400: #ffc700;
  --color-primitive-yellow-500: #ebb700;
  --color-primitive-yellow-600: #d2a400;
  --color-primitive-yellow-700: #b78f00;
  --color-primitive-yellow-800: #a58000;
  --color-primitive-yellow-900: #927200;
  --color-primitive-yellow-1000: #806300;
  --color-primitive-yellow-1100: #6e5600;
  --color-primitive-yellow-1200: #604b00;
  --color-primitive-orange-50: #ffeee2;
  --color-primitive-orange-100: #ffdfca;
  --color-primitive-orange-200: #ffc199;
  --color-primitive-orange-300: #ffa66d;
  --color-primitive-orange-400: #ff8d44;
  --color-primitive-orange-500: #ff7628;
  --color-primitive-orange-600: #fb5b01;
  --color-primitive-orange-700: #e25100;
  --color-primitive-orange-800: #c74700;
  --color-primitive-orange-900: #ac3e00;
  --color-primitive-orange-1000: #8b3200;
  --color-primitive-orange-1100: #6d2700;
  --color-primitive-orange-1200: #541e00;
  --color-primitive-red-50: #fdeeee;
  --color-primitive-red-100: #ffdada;
  --color-primitive-red-200: #ffbbbb;
  --color-primitive-red-300: #ff9696;
  --color-primitive-red-400: #ff7171;
  --color-primitive-red-500: #ff5454;
  --color-primitive-red-600: #fe3939;
  --color-primitive-red-700: #fa0000;
  --color-primitive-red-800: #ec0000;
  --color-primitive-red-900: #ce0000;
  --color-primitive-red-1000: #a90000;
  --color-primitive-red-1100: #850000;
  --color-primitive-red-1200: #620000;
  --color-primitive-magenta-50: #f3e5f4;
  --color-primitive-magenta-100: #ffd0ff;
  --color-primitive-magenta-200: #ffaeff;
  --color-primitive-magenta-300: #ff8eff;
  --color-primitive-magenta-400: #f661f6;
  --color-primitive-magenta-500: #f137f1;
  --color-primitive-magenta-600: #db00db;
  --color-primitive-magenta-700: #c000c0;
  --color-primitive-magenta-800: #aa00aa;
  --color-primitive-magenta-900: #8b008b;
  --color-primitive-magenta-1000: #6c006c;
  --color-primitive-magenta-1100: #500050;
  --color-primitive-magenta-1200: #3b003b;
  --color-primitive-purple-50: #f1eafa;
  --color-primitive-purple-100: #ecddff;
  --color-primitive-purple-200: #ddc2ff;
  --color-primitive-purple-300: #cda6ff;
  --color-primitive-purple-400: #bb87ff;
  --color-primitive-purple-500: #a565f8;
  --color-primitive-purple-600: #8843e1;
  --color-primitive-purple-700: #6f23d0;
  --color-primitive-purple-800: #5c10be;
  --color-primitive-purple-900: #5109ad;
  --color-primitive-purple-1000: #41048e;
  --color-primitive-purple-1100: #30016c;
  --color-primitive-purple-1200: #21004b;
  --color-neutral-white: #ffffff;
  --color-neutral-black: #000000;
  --color-neutral-solid-gray-50: #f2f2f2;
  --color-neutral-solid-gray-100: #e6e6e6;
  --color-neutral-solid-gray-200: #cccccc;
  --color-neutral-solid-gray-300: #b3b3b3;
  --color-neutral-solid-gray-400: #999999;
  --color-neutral-solid-gray-420: #949494;
  --color-neutral-solid-gray-500: #7f7f7f;
  --color-neutral-solid-gray-536: #767676;
  --color-neutral-solid-gray-600: #666666;
  --color-neutral-solid-gray-700: #4d4d4d;
  --color-neutral-solid-gray-800: #333333;
  --color-neutral-solid-gray-900: #1a1a1a;
  --color-neutral-opacity-gray-50: rgba(0, 0, 0, 0.05);
  --color-neutral-opacity-gray-100: rgba(0, 0, 0, 0.1);
  --color-neutral-opacity-gray-200: rgba(0, 0, 0, 0.2);
  --color-neutral-opacity-gray-300: rgba(0, 0, 0, 0.3);
  --color-neutral-opacity-gray-400: rgba(0, 0, 0, 0.4);
  --color-neutral-opacity-gray-420: rgba(0, 0, 0, 0.42);
  --color-neutral-opacity-gray-500: rgba(0, 0, 0, 0.5);
  --color-neutral-opacity-gray-536: rgba(0, 0, 0, 0.54);
  --color-neutral-opacity-gray-600: rgba(0, 0, 0, 0.6);
  --color-neutral-opacity-gray-700: rgba(0, 0, 0, 0.7);
  --color-neutral-opacity-gray-800: rgba(0, 0, 0, 0.8);
  --color-neutral-opacity-gray-900: rgba(0, 0, 0, 0.9);
  --font-family-sans:
    "Noto Sans JP", -apple-system, BlinkMacSystemFont, sans-serif;
  --font-family-mono: "Noto Sans Mono", monospace;
  --elevation-1:
    0 2px 8px 1px rgba(0, 0, 0, 0.1), 0 1px 5px 0 rgba(0, 0, 0, 0.3);
  --elevation-2:
    0 2px 12px 2px rgba(0, 0, 0, 0.1), 0 1px 6px 0 rgba(0, 0, 0, 0.3);
  --elevation-3:
    0 4px 16px 3px rgba(0, 0, 0, 0.1), 0 1px 6px 0 rgba(0, 0, 0, 0.3);
  --elevation-4:
    0 6px 20px 4px rgba(0, 0, 0, 0.1), 0 2px 6px 0 rgba(0, 0, 0, 0.3);
  --elevation-5:
    0 8px 24px 5px rgba(0, 0, 0, 0.1), 0 2px 10px 0 rgba(0, 0, 0, 0.3);
  --elevation-6:
    0 10px 30px 6px rgba(0, 0, 0, 0.1), 0 3px 12px 0 rgba(0, 0, 0, 0.3);
  --elevation-7:
    0 12px 36px 7px rgba(0, 0, 0, 0.1), 0 3px 14px 0 rgba(0, 0, 0, 0.3);
  --elevation-8:
    0 14px 40px 7px rgba(0, 0, 0, 0.1), 0 3px 16px 0 rgba(0, 0, 0, 0.3);
  --color-semantic-success-1: var(--color-primitive-green-600);
  --color-semantic-success-2: var(--color-primitive-green-800);
  --color-semantic-error-1: var(--color-primitive-red-800);
  --color-semantic-error-2: var(--color-primitive-red-900);
  --color-semantic-warning-yellow-1: var(--color-primitive-yellow-700);
  --color-semantic-warning-yellow-2: var(--color-primitive-yellow-900);
  --color-semantic-warning-orange-1: var(--color-primitive-orange-600);
  --color-semantic-warning-orange-2: var(--color-primitive-orange-800);
  --color-key-50: var(--color-primitive-blue-50);
  --color-key-100: var(--color-primitive-blue-100);
  --color-key-200: var(--color-primitive-blue-200);
  --color-key-300: var(--color-primitive-blue-300);
  --color-key-400: var(--color-primitive-blue-400);
  --color-key-500: var(--color-primitive-blue-500);
  --color-key-600: var(--color-primitive-blue-600);
  --color-key-700: var(--color-primitive-blue-700);
  --color-key-800: var(--color-primitive-blue-800);
  --color-key-900: var(--color-primitive-blue-900);
  --color-key-1000: var(--color-primitive-blue-1000);
  --color-key-1100: var(--color-primitive-blue-1100);
  --color-key-1200: var(--color-primitive-blue-1200);
}

html {
  scrollbar-gutter: stable;
  font-family: var(--font-family-sans);
}

html:has(:modal) {
  overflow: clip;
  scrollbar-gutter: auto;
}

body:has(:modal) {
  overflow: auto;
  scrollbar-gutter: stable;
}

:where(a):any-link {
  color: var(--color-primitive-blue-1000);
  text-decoration: underline;
  text-decoration-thickness: calc(1 / 16 * 1rem);
  text-underline-offset: calc(3 / 16 * 1rem);
}

:where(a):visited {
  color: var(--color-primitive-magenta-900);
}

@media (hover: hover) {
  :where(a):hover {
    color: var(--color-primitive-blue-900);
    text-decoration-thickness: calc(3 / 16 * 1rem);
  }
}

:where(a):active {
  color: var(--color-primitive-orange-800);
  text-decoration-thickness: calc(1 / 16 * 1rem);
}

:focus-visible {
  outline: calc(4 / 16 * 1rem) solid var(--color-neutral-black);
  outline-offset: calc(2 / 16 * 1rem);
  border-radius: calc(4 / 16 * 1rem);
  box-shadow: 0 0 0 calc(2 / 16 * 1rem) var(--color-primitive-yellow-300);
}

.dads-u-visually-hidden {
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  position: absolute !important;
  white-space: nowrap !important;
  width: 1px !important;
}

:where(.dads-u-focus-outline):focus-visible {
  outline: calc(4 / 16 * 1rem) solid var(--color-neutral-black) !important;
  outline-offset: calc(2 / 16 * 1rem) !important;
  border-radius: calc(4 / 16 * 1rem) !important;
  background-color: var(--color-primitive-yellow-300) !important;
  box-shadow: 0 0 0 calc(2 / 16 * 1rem) var(--color-primitive-yellow-300) !important;
}

@supports selector(:has(*)) {
  :where(.dads-u-focus-within-outline):focus-visible,
  :where(.dads-u-focus-within-outline):has(:focus-visible) {
    outline: calc(4 / 16 * 1rem) solid var(--color-neutral-black) !important;
    outline-offset: calc(2 / 16 * 1rem) !important;
    border-radius: calc(4 / 16 * 1rem) !important;
    background-color: var(--color-primitive-yellow-300) !important;
    box-shadow: 0 0 0 calc(2 / 16 * 1rem) var(--color-primitive-yellow-300) !important;
  }
}
@supports not selector(:has(*)) {
  :where(.dads-u-focus-within-outline):focus-within {
    outline: calc(4 / 16 * 1rem) solid var(--color-neutral-black) !important;
    outline-offset: calc(2 / 16 * 1rem) !important;
    border-radius: calc(4 / 16 * 1rem) !important;
    background-color: var(--color-primitive-yellow-300) !important;
    box-shadow: 0 0 0 calc(2 / 16 * 1rem) var(--color-primitive-yellow-300) !important;
  }
}

.dads-u-dsp-64B-140 {
  font-weight: bold !important;
  font-size: calc(64 / 16 * 1rem) !important;
  line-height: 1.4 !important;
  letter-spacing: 0 !important;
}

.dads-u-dsp-57B-140 {
  font-weight: bold !important;
  font-size: calc(57 / 16 * 1rem) !important;
  line-height: 1.4 !important;
  letter-spacing: 0 !important;
}

.dads-u-dsp-48B-140 {
  font-weight: bold !important;
  font-size: calc(48 / 16 * 1rem) !important;
  line-height: 1.4 !important;
  letter-spacing: 0 !important;
}

.dads-u-dsp-64N-140 {
  font-weight: normal !important;
  font-size: calc(64 / 16 * 1rem) !important;
  line-height: 1.4 !important;
  letter-spacing: 0 !important;
}

.dads-u-dsp-57N-140 {
  font-weight: normal !important;
  font-size: calc(57 / 16 * 1rem) !important;
  line-height: 1.4 !important;
  letter-spacing: 0 !important;
}

.dads-u-dsp-48N-140 {
  font-weight: normal !important;
  font-size: calc(48 / 16 * 1rem) !important;
  line-height: 1.4 !important;
  letter-spacing: 0 !important;
}

.dads-u-std-45B-140 {
  font-weight: bold !important;
  font-size: calc(45 / 16 * 1rem) !important;
  line-height: 1.4 !important;
  letter-spacing: 0 !important;
}

.dads-u-std-36B-140 {
  font-weight: bold !important;
  font-size: calc(36 / 16 * 1rem) !important;
  line-height: 1.4 !important;
  letter-spacing: 0.01em !important;
}

.dads-u-std-32B-150 {
  font-weight: bold !important;
  font-size: calc(32 / 16 * 1rem) !important;
  line-height: 1.5 !important;
  letter-spacing: 0.01em !important;
}

.dads-u-std-28B-150 {
  font-weight: bold !important;
  font-size: calc(28 / 16 * 1rem) !important;
  line-height: 1.5 !important;
  letter-spacing: 0.01em !important;
}

.dads-u-std-26B-150 {
  font-weight: bold !important;
  font-size: calc(26 / 16 * 1rem) !important;
  line-height: 1.5 !important;
  letter-spacing: 0.02em !important;
}

.dads-u-std-24B-150 {
  font-weight: bold !important;
  font-size: calc(24 / 16 * 1rem) !important;
  line-height: 1.5 !important;
  letter-spacing: 0.02em !important;
}

.dads-u-std-22B-150 {
  font-weight: bold !important;
  font-size: calc(22 / 16 * 1rem) !important;
  line-height: 1.5 !important;
  letter-spacing: 0.02em !important;
}

.dads-u-std-20B-150 {
  font-weight: bold !important;
  font-size: calc(20 / 16 * 1rem) !important;
  line-height: 1.5 !important;
  letter-spacing: 0.02em !important;
}

.dads-u-std-18B-160 {
  font-weight: bold !important;
  font-size: calc(18 / 16 * 1rem) !important;
  line-height: 1.6 !important;
  letter-spacing: 0.02em !important;
}

.dads-u-std-17B-170 {
  font-weight: bold !important;
  font-size: calc(17 / 16 * 1rem) !important;
  line-height: 1.7 !important;
  letter-spacing: 0.02em !important;
}

.dads-u-std-16B-170 {
  font-weight: bold !important;
  font-size: calc(16 / 16 * 1rem) !important;
  line-height: 1.7 !important;
  letter-spacing: 0.02em !important;
}

.dads-u-std-16B-175 {
  font-weight: bold !important;
  font-size: calc(16 / 16 * 1rem) !important;
  line-height: 1.75 !important;
  letter-spacing: 0.02em !important;
}

.dads-u-std-45N-140 {
  font-weight: normal !important;
  font-size: calc(45 / 16 * 1rem) !important;
  line-height: 1.4 !important;
  letter-spacing: 0 !important;
}

.dads-u-std-36N-140 {
  font-weight: normal !important;
  font-size: calc(36 / 16 * 1rem) !important;
  line-height: 1.4 !important;
  letter-spacing: 0.01em !important;
}

.dads-u-std-32N-150 {
  font-weight: normal !important;
  font-size: calc(32 / 16 * 1rem) !important;
  line-height: 1.5 !important;
  letter-spacing: 0.01em !important;
}

.dads-u-std-28N-150 {
  font-weight: normal !important;
  font-size: calc(28 / 16 * 1rem) !important;
  line-height: 1.5 !important;
  letter-spacing: 0.01em !important;
}

.dads-u-std-26N-150 {
  font-weight: normal !important;
  font-size: calc(26 / 16 * 1rem) !important;
  line-height: 1.5 !important;
  letter-spacing: 0.02em !important;
}

.dads-u-std-24N-150 {
  font-weight: normal !important;
  font-size: calc(24 / 16 * 1rem) !important;
  line-height: 1.5 !important;
  letter-spacing: 0.02em !important;
}

.dads-u-std-22N-150 {
  font-weight: normal !important;
  font-size: calc(22 / 16 * 1rem) !important;
  line-height: 1.5 !important;
  letter-spacing: 0.02em !important;
}

.dads-u-std-20N-150 {
  font-weight: normal !important;
  font-size: calc(20 / 16 * 1rem) !important;
  line-height: 1.5 !important;
  letter-spacing: 0.02em !important;
}

.dads-u-std-18N-160 {
  font-weight: normal !important;
  font-size: calc(18 / 16 * 1rem) !important;
  line-height: 1.6 !important;
  letter-spacing: 0.02em !important;
}

.dads-u-std-17N-170 {
  font-weight: normal !important;
  font-size: calc(17 / 16 * 1rem) !important;
  line-height: 1.7 !important;
  letter-spacing: 0.02em !important;
}

.dads-u-std-16N-170 {
  font-weight: normal !important;
  font-size: calc(16 / 16 * 1rem) !important;
  line-height: 1.7 !important;
  letter-spacing: 0.02em !important;
}

.dads-u-std-16N-175 {
  font-weight: normal !important;
  font-size: calc(16 / 16 * 1rem) !important;
  line-height: 1.75 !important;
  letter-spacing: 0.02em !important;
}

.dads-u-dns-17B-130 {
  font-weight: bold !important;
  font-size: calc(17 / 16 * 1rem) !important;
  line-height: 1.3 !important;
  letter-spacing: 0 !important;
}

.dads-u-dns-17B-120 {
  font-weight: bold !important;
  font-size: calc(17 / 16 * 1rem) !important;
  line-height: 1.2 !important;
  letter-spacing: 0 !important;
}

.dads-u-dns-16B-130 {
  font-weight: bold !important;
  font-size: calc(16 / 16 * 1rem) !important;
  line-height: 1.3 !important;
  letter-spacing: 0 !important;
}

.dads-u-dns-16B-120 {
  font-weight: bold !important;
  font-size: calc(16 / 16 * 1rem) !important;
  line-height: 1.2 !important;
  letter-spacing: 0 !important;
}

.dads-u-dns-14B-130 {
  font-weight: bold !important;
  font-size: calc(14 / 16 * 1rem) !important;
  line-height: 1.3 !important;
  letter-spacing: 0 !important;
}

.dads-u-dns-14B-120 {
  font-weight: bold !important;
  font-size: calc(14 / 16 * 1rem) !important;
  line-height: 1.2 !important;
  letter-spacing: 0 !important;
}

.dads-u-dns-17N-130 {
  font-weight: normal !important;
  font-size: calc(17 / 16 * 1rem) !important;
  line-height: 1.3 !important;
  letter-spacing: 0 !important;
}

.dads-u-dns-17N-120 {
  font-weight: normal !important;
  font-size: calc(17 / 16 * 1rem) !important;
  line-height: 1.2 !important;
  letter-spacing: 0 !important;
}

.dads-u-dns-16N-130 {
  font-weight: normal !important;
  font-size: calc(16 / 16 * 1rem) !important;
  line-height: 1.3 !important;
  letter-spacing: 0 !important;
}

.dads-u-dns-16N-120 {
  font-weight: normal !important;
  font-size: calc(16 / 16 * 1rem) !important;
  line-height: 1.2 !important;
  letter-spacing: 0 !important;
}

.dads-u-dns-14N-130 {
  font-weight: normal !important;
  font-size: calc(14 / 16 * 1rem) !important;
  line-height: 1.3 !important;
  letter-spacing: 0 !important;
}

.dads-u-dns-14N-120 {
  font-weight: normal !important;
  font-size: calc(14 / 16 * 1rem) !important;
  line-height: 1.2 !important;
  letter-spacing: 0 !important;
}

.dads-u-oln-17B-100 {
  font-weight: bold !important;
  font-size: calc(17 / 16 * 1rem) !important;
  line-height: 1 !important;
  letter-spacing: 0.02em !important;
}

.dads-u-oln-16B-100 {
  font-weight: bold !important;
  font-size: calc(16 / 16 * 1rem) !important;
  line-height: 1 !important;
  letter-spacing: 0.02em !important;
}

.dads-u-oln-14B-100 {
  font-weight: bold !important;
  font-size: calc(14 / 16 * 1rem) !important;
  line-height: 1 !important;
  letter-spacing: 0.02em !important;
}

.dads-u-oln-17N-100 {
  font-weight: normal !important;
  font-size: calc(17 / 16 * 1rem) !important;
  line-height: 1 !important;
  letter-spacing: 0.02em !important;
}

.dads-u-oln-16N-100 {
  font-weight: normal !important;
  font-size: calc(16 / 16 * 1rem) !important;
  line-height: 1 !important;
  letter-spacing: 0.02em !important;
}

.dads-u-oln-14N-100 {
  font-weight: normal !important;
  font-size: calc(14 / 16 * 1rem) !important;
  line-height: 1 !important;
  letter-spacing: 0.02em !important;
}

.dads-u-mono-17B-150 {
  font-weight: bold !important;
  font-size: calc(17 / 16 * 1rem) !important;
  line-height: 1.5 !important;
  font-family: var(--font-family-mono) !important;
  letter-spacing: 0 !important;
}

.dads-u-mono-16B-150 {
  font-weight: bold !important;
  font-size: calc(16 / 16 * 1rem) !important;
  line-height: 1.5 !important;
  font-family: var(--font-family-mono) !important;
  letter-spacing: 0 !important;
}

.dads-u-mono-14B-150 {
  font-weight: bold !important;
  font-size: calc(14 / 16 * 1rem) !important;
  line-height: 1.5 !important;
  font-family: var(--font-family-mono) !important;
  letter-spacing: 0 !important;
}

.dads-u-mono-17N-150 {
  font-weight: normal !important;
  font-size: calc(17 / 16 * 1rem) !important;
  line-height: 1.5 !important;
  font-family: var(--font-family-mono) !important;
  letter-spacing: 0 !important;
}

.dads-u-mono-16N-150 {
  font-weight: normal !important;
  font-size: calc(16 / 16 * 1rem) !important;
  line-height: 1.5 !important;
  font-family: var(--font-family-mono) !important;
  letter-spacing: 0 !important;
}

.dads-u-mono-14N-150 {
  font-weight: normal !important;
  font-size: calc(14 / 16 * 1rem) !important;
  line-height: 1.5 !important;
  font-family: var(--font-family-mono) !important;
  letter-spacing: 0 !important;
}
/* --- component: button --- */
.dads-button {
  --button-color: var(--color-key-900);
  --button-hover-color: var(--color-key-1000);
  --button-active-color: var(--color-key-1200);
  --button-outline-hover-bg-color: var(--color-key-200);
  --button-outline-active-bg-color: var(--color-key-300);
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: calc(4 / 16 * 1rem);
  box-sizing: border-box;
  width: fit-content;
  max-width: 100%;
  font-weight: bold;
  font-size: calc(16 / 16 * 1rem);
  line-height: 1;
  font-family: var(--font-family-sans);
  letter-spacing: 0.02em;
  text-decoration: none;
  text-underline-offset: calc(3 / 16 * 1rem);
}

.dads-button:disabled,
.dads-button[aria-disabled="true"] {
  cursor: default;
}

.dads-button[data-type="solid-fill"] {
  border: 4px double transparent;
  background-color: var(--button-color);
  color: var(--color-neutral-white);
}

@media (hover: hover) {
  .dads-button[data-type="solid-fill"]:hover {
    background-color: var(--button-hover-color);
    text-decoration: underline;
    text-decoration-thickness: calc(1 / 16 * 1rem);
  }
}

.dads-button[data-type="solid-fill"]:active {
  background-color: var(--button-active-color);
  text-decoration: underline;
}

.dads-button[data-type="solid-fill"]:focus-visible {
  outline: calc(4 / 16 * 1rem) solid var(--color-neutral-black);
  outline-offset: calc(2 / 16 * 1rem);
  box-shadow: 0 0 0 calc(2 / 16 * 1rem) var(--color-primitive-yellow-300);
}

.dads-button[data-type="solid-fill"]:disabled,
.dads-button[data-type="solid-fill"][aria-disabled="true"] {
  background-color: var(--color-neutral-solid-gray-300);
  color: var(--color-neutral-solid-gray-50);
  text-decoration: none;
}

@media (forced-colors: active) {
  .dads-button[data-type="solid-fill"]:disabled,
  .dads-button[data-type="solid-fill"][aria-disabled="true"] {
    border-color: GrayText;
    color: GrayText;
  }
}

.dads-button[data-type="outline"] {
  border: 1px solid currentcolor;
  background-color: var(--color-neutral-white);
  color: var(--button-color);
}

@media (hover: hover) {
  .dads-button[data-type="outline"]:hover {
    background-color: var(--button-outline-hover-bg-color);
    color: var(--button-hover-color);
    text-decoration: underline;
    text-decoration-thickness: calc(1 / 16 * 1rem);
  }
}

.dads-button[data-type="outline"]:active {
  background-color: var(--button-outline-active-bg-color);
  color: var(--button-active-color);
  text-decoration: underline;
}

.dads-button[data-type="outline"]:focus-visible {
  outline: calc(4 / 16 * 1rem) solid var(--color-neutral-black);
  outline-offset: calc(2 / 16 * 1rem);
  box-shadow: 0 0 0 calc(2 / 16 * 1rem) var(--color-primitive-yellow-300);
}

.dads-button[data-type="outline"]:disabled,
.dads-button[data-type="outline"][aria-disabled="true"] {
  background-color: var(--color-neutral-white);
  color: var(--color-neutral-solid-gray-300);
  text-decoration: none;
}

@media (forced-colors: active) {
  .dads-button[data-type="outline"]:disabled,
  .dads-button[data-type="outline"][aria-disabled="true"] {
    border-color: GrayText;
    color: GrayText;
  }
}

.dads-button[data-type="text"] {
  border: 0;
  background-color: transparent;
  color: var(--button-color);
  text-decoration: underline;
  text-decoration-thickness: calc(1 / 16 * 1rem);
}

@media (hover: hover) {
  .dads-button[data-type="text"]:hover {
    background-color: var(--color-key-50);
    color: var(--button-hover-color);
    text-decoration-thickness: calc(3 / 16 * 1rem);
  }
}

.dads-button[data-type="text"]:active {
  background-color: var(--color-key-100);
  color: var(--button-active-color);
}

.dads-button[data-type="text"]:focus-visible {
  outline: calc(4 / 16 * 1rem) solid var(--color-neutral-black);
  outline-offset: calc(2 / 16 * 1rem);
  background-color: var(--color-primitive-yellow-300);
  box-shadow: 0 0 0 calc(2 / 16 * 1rem) var(--color-primitive-yellow-300);
}

.dads-button[data-type="text"]:disabled,
.dads-button[data-type="text"][aria-disabled="true"] {
  background-color: transparent;
  color: var(--color-neutral-solid-gray-300);
  text-decoration-thickness: revert;
}

@media (forced-colors: active) {
  .dads-button[data-type="text"]:disabled,
  .dads-button[data-type="text"][aria-disabled="true"] {
    color: GrayText;
  }
}

.dads-button[data-size="lg"] {
  min-width: calc(136 / 16 * 1rem);
  min-height: calc(56 / 16 * 1rem);
  border-radius: calc(8 / 16 * 1rem);
  padding: calc(12 / 16 * 1rem) calc(16 / 16 * 1rem);
}

.dads-button[data-size="md"] {
  min-width: calc(96 / 16 * 1rem);
  min-height: calc(48 / 16 * 1rem);
  border-radius: calc(8 / 16 * 1rem);
  padding: calc(8 / 16 * 1rem) calc(16 / 16 * 1rem);
}

.dads-button[data-size="sm"] {
  position: relative;
  min-width: calc(80 / 16 * 1rem);
  min-height: calc(36 / 16 * 1rem);
  border-radius: calc(6 / 16 * 1rem);
  padding: calc(2 / 16 * 1rem) calc(12 / 16 * 1rem);
}

.dads-button[data-size="sm"]::after {
  content: "";
  position: absolute;
  inset: 0;
  margin: auto;
  height: calc(44 / 16 * 1rem);
}

.dads-button[data-size="xs"] {
  position: relative;
  min-width: calc(72 / 16 * 1rem);
  min-height: calc(28 / 16 * 1rem);
  border-radius: calc(4 / 16 * 1rem);
  padding: calc(2 / 16 * 1rem) calc(8 / 16 * 1rem);
  font-size: calc(14 / 16 * 1rem);
}

.dads-button[data-size="xs"]::after {
  content: "";
  position: absolute;
  inset: 0;
  margin: auto;
  height: calc(44 / 16 * 1rem);
}

.dads-button__icon {
  flex-shrink: 0;
}
/* --- component: heading --- */
.dads-heading {
  color: var(--color-neutral-solid-gray-800);
  font-family: var(--font-family-sans);
}

.dads-heading[data-size="64"] {
  --_shoulder-size: calc(28 / 16 * 1rem);
  --_shoulder-line-height: 1.5;
  --_shoulder-letter-spacing: 0.01em;
  font-weight: bold;
  font-size: calc(64 / 16 * 1rem);
  line-height: 1.4;
  letter-spacing: 0;
}

.dads-heading[data-size="57"] {
  --_shoulder-size: calc(24 / 16 * 1rem);
  --_shoulder-line-height: 1.5;
  --_shoulder-letter-spacing: 0.02em;
  font-weight: bold;
  font-size: calc(57 / 16 * 1rem);
  line-height: 1.4;
  letter-spacing: 0;
}

.dads-heading[data-size="45"] {
  --_shoulder-size: calc(22 / 16 * 1rem);
  --_shoulder-line-height: 1.5;
  --_shoulder-letter-spacing: 0.02em;
  font-weight: bold;
  font-size: calc(45 / 16 * 1rem);
  line-height: 1.4;
  letter-spacing: 0;
}

.dads-heading[data-size="36"] {
  --_shoulder-size: calc(20 / 16 * 1rem);
  --_shoulder-line-height: 1.5;
  --_shoulder-letter-spacing: 0.02em;
  font-weight: bold;
  font-size: calc(36 / 16 * 1rem);
  line-height: 1.4;
  letter-spacing: 0.01em;
}

.dads-heading[data-size="32"] {
  --_shoulder-size: calc(18 / 16 * 1rem);
  --_shoulder-line-height: 1.6;
  --_shoulder-letter-spacing: 0.02em;
  font-weight: bold;
  font-size: calc(32 / 16 * 1rem);
  line-height: 1.5;
  letter-spacing: 0.01em;
}

.dads-heading[data-size="28"] {
  --_shoulder-size: calc(16 / 16 * 1rem);
  --_shoulder-line-height: 1.7;
  --_shoulder-letter-spacing: 0.02em;
  font-weight: bold;
  font-size: calc(28 / 16 * 1rem);
  line-height: 1.5;
  letter-spacing: 0.01em;
}

.dads-heading[data-size="24"] {
  --_shoulder-size: calc(16 / 16 * 1rem);
  --_shoulder-line-height: 1.7;
  --_shoulder-letter-spacing: 0.02em;
  font-weight: bold;
  font-size: calc(24 / 16 * 1rem);
  line-height: 1.5;
  letter-spacing: 0.02em;
}

.dads-heading[data-size="20"] {
  --_shoulder-size: calc(16 / 16 * 1rem);
  --_shoulder-line-height: 1.7;
  --_shoulder-letter-spacing: 0.02em;
  font-weight: bold;
  font-size: calc(20 / 16 * 1rem);
  line-height: 1.5;
  letter-spacing: 0.02em;
}

.dads-heading[data-size="18"] {
  --_shoulder-size: calc(16 / 16 * 1rem);
  --_shoulder-line-height: 1.7;
  --_shoulder-letter-spacing: 0.02em;
  font-weight: bold;
  font-size: calc(18 / 16 * 1rem);
  line-height: 1.6;
  letter-spacing: 0.02em;
}

.dads-heading[data-size="16"] {
  --_shoulder-size: calc(16 / 16 * 1rem);
  --_shoulder-line-height: 1.7;
  --_shoulder-letter-spacing: 0.02em;
  font-weight: bold;
  font-size: calc(16 / 16 * 1rem);
  line-height: 1.7;
  letter-spacing: 0.02em;
}

.dads-heading[data-chip] {
  position: relative;
  padding-left: calc(1em / 3 + 0.5em);
}

.dads-heading[data-chip]::before {
  position: absolute;
  top: 0.2em;
  bottom: 0.1em;
  left: 0;
  width: calc(1em / 3);
  background-color: var(--color-key-900);
  content: "";
}

@supports (top: 1lh) {
  .dads-heading[data-chip]::before {
    top: calc(0.5lh - 0.45em);
    bottom: calc(0.5lh - 0.55em);
  }
}

.dads-heading[data-chip]:has(.dads-heading__shoulder)::before {
  top: calc((var(--_shoulder-size) * (var(--_shoulder-line-height) - 1)) / 2);
}

@media (forced-colors: active) {
  .dads-heading[data-chip]::before {
    background-color: CanvasText;
  }
}

.dads-heading[data-rule] {
  border-bottom: solid var(--color-key-900);
}

.dads-heading[data-rule="8"] {
  border-bottom-width: calc(8 / 16 * 1rem);
  padding-bottom: calc(32 / 16 * 1rem);
}

.dads-heading[data-rule="6"] {
  border-bottom-width: calc(6 / 16 * 1rem);
  padding-bottom: calc(24 / 16 * 1rem);
}

.dads-heading[data-rule="4"] {
  border-bottom-width: calc(4 / 16 * 1rem);
  padding-bottom: calc(16 / 16 * 1rem);
}

.dads-heading[data-rule="2"] {
  border-bottom-width: calc(2 / 16 * 1rem);
  padding-bottom: calc(8 / 16 * 1rem);
}

.dads-heading__shoulder {
  margin: 0;
  font-weight: bold;
  font-size: var(--_shoulder-size);
  line-height: var(--_shoulder-line-height);
  letter-spacing: var(--_shoulder-letter-spacing);
}

.dads-heading__heading {
  margin: 0;
  font: inherit;
}

.dads-heading__icon {
  margin-right: calc(0.4em - 0.25em);
}

.dads-heading__icon::after {
  content: " ";
}

.dads-heading__icon-svg {
  display: inline-block;
  width: 1.25em;
  height: 1.25em;
  vertical-align: -0.25em;
}
/* --- component: accordion --- */
.dads-accordion {
  --_icon-size: calc(20 / 16 * 1rem);
  border-bottom: 1px solid var(--color-neutral-solid-gray-420);
}

@media (min-width: 48rem) {
  .dads-accordion {
    --_icon-size: calc(32 / 16 * 1rem);
  }
}

.dads-accordion__summary {
  position: relative;
  display: block;
  padding: calc(8 / 16 * 1rem) calc(8 / 16 * 1rem) calc(8 / 16 * 1rem)
    calc(var(--_icon-size) + 0.75rem);
  color: var(--color-neutral-solid-gray-800);
  font-weight: normal;
  font-size: calc(16 / 16 * 1rem);
  line-height: 1.7;
  font-family: var(--font-family-sans);
  letter-spacing: 0.02em;
  cursor: default;
}

.dads-accordion__summary::marker {
  content: "";
}

.dads-accordion__summary::-webkit-details-marker {
  display: none;
}

@media (min-width: 48rem) {
  .dads-accordion__summary {
    padding: calc(16 / 16 * 1rem) calc(16 / 16 * 1rem) calc(16 / 16 * 1rem)
      calc(var(--_icon-size) + calc(20 / 16 * 1rem));
    font-size: calc(18 / 16 * 1rem);
    line-height: 1.6;
  }
}

@media (hover: hover) {
  .dads-accordion__summary:hover:not(:focus-visible) {
    background-color: var(--color-neutral-solid-gray-50);
  }
}

.dads-accordion__summary:focus-visible {
  outline: calc(4 / 16 * 1rem) solid var(--color-neutral-black);
  outline-offset: calc(2 / 16 * 1rem);
  border-radius: calc(4 / 16 * 1rem);
  background-color: var(--color-primitive-yellow-300);
  box-shadow: 0 0 0 calc(2 / 16 * 1rem) var(--color-primitive-yellow-300);
}

.dads-accordion__icon {
  position: absolute;
  top: calc(8 / 16 * 1rem);
  left: calc(2 / 16 * 1rem);
  margin-top: calc((1lh - var(--_icon-size)) / 2);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: var(--_icon-size);
  height: var(--_icon-size);
  border-radius: 50%;
  border: 1px solid currentcolor;
  background-color: var(--color-neutral-white);
  color: var(--color-key-1000);
}

@media (min-width: 48rem) {
  .dads-accordion__icon {
    top: calc(14 / 16 * 1rem);
    left: calc(6 / 16 * 1rem);
  }
}

.dads-accordion[open] .dads-accordion__icon {
  transform: rotate(180deg);
}

@media (hover: hover) {
  .dads-accordion__summary:hover .dads-accordion__icon {
    outline: calc(2 / 16 * 1rem) solid currentcolor;
  }
}

.dads-accordion__icon-svg {
  margin-top: calc(2 / 16 * 1rem);
  width: calc(16 / 16 * 1rem);
  height: calc(16 / 16 * 1rem);
  pointer-events: none;
}

@media (min-width: 48rem) {
  .dads-accordion__icon-svg {
    width: auto;
    height: auto;
  }
}

.dads-accordion__summary :is(h1, h2, h3, h4, h5, h6) {
  margin: 0;
  font: inherit;
}

.dads-accordion__content {
  padding: calc(16 / 16 * 1rem) calc(8 / 16 * 1rem) calc(16 / 16 * 1rem)
    calc(var(--_icon-size) + 0.75rem);
}

@media (min-width: 48rem) {
  .dads-accordion__content {
    padding: calc(24 / 16 * 1rem) calc(16 / 16 * 1rem) calc(24 / 16 * 1rem)
      calc(var(--_icon-size) + 1.25rem);
  }
}

.dads-accordion__back-link:any-link {
  display: flex;
  align-items: flex-start;
  gap: calc(6 / 16 * 1rem);
  width: fit-content;
  color: var(--color-primitive-blue-1000);
  text-decoration: underline;
  text-decoration-thickness: calc(1 / 16 * 1rem);
  text-underline-offset: calc(3 / 16 * 1rem);
  text-spacing-trim: trim-start;
}

@media (hover: hover) {
  .dads-accordion__back-link:hover {
    color: var(--color-primitive-blue-900);
    text-decoration-thickness: calc(3 / 16 * 1rem);
  }
}

.dads-accordion__back-link:active {
  color: var(--color-primitive-orange-800);
  text-decoration-thickness: calc(1 / 16 * 1rem);
}

.dads-accordion__back-link:focus-visible {
  outline: calc(4 / 16 * 1rem) solid var(--color-neutral-black);
  outline-offset: calc(2 / 16 * 1rem);
  border-radius: calc(4 / 16 * 1rem);
  background-color: var(--color-primitive-yellow-300);
  box-shadow: 0 0 0 calc(2 / 16 * 1rem) var(--color-primitive-yellow-300);
}

.dads-accordion__back-link-icon {
  margin-top: calc((1lh - 24 / 16 * 1rem) / 2);
  flex-shrink: 0;
}
/* --- component: input-text --- */
.dads-input-text {
  display: block;
  color: var(--color-neutral-solid-gray-800);
  font-weight: normal;
  font-size: calc(16 / 16 * 1rem);
  line-height: 1.7;
  font-family: var(--font-family-sans);
  letter-spacing: 0.02em;
}

.dads-input-text__input {
  box-sizing: border-box;
  max-width: 100%;
  border: 1px solid var(--color-neutral-solid-gray-600);
  background-color: var(--color-neutral-white);
  padding: calc(12 / 16 * 1rem) calc(16 / 16 * 1rem);
  border-radius: calc(8 / 16 * 1rem);
  color: var(--color-neutral-solid-gray-900);
  font: inherit;
  line-height: 1;
}

.dads-input-text__input[data-size="sm"] {
  height: 2.5rem;
}

.dads-input-text__input[data-size="md"] {
  height: 3rem;
}

.dads-input-text__input[data-size="lg"] {
  height: 3.5rem;
}

.dads-input-text__input:read-only:not(:disabled) {
  border-style: dashed;
}

.dads-input-text__input:focus-visible {
  outline: calc(4 / 16 * 1rem) solid var(--color-neutral-black);
  outline-offset: calc(2 / 16 * 1rem);
  box-shadow: 0 0 0 calc(2 / 16 * 1rem) var(--color-primitive-yellow-300);
}

@media (hover: hover) {
  .dads-input-text__input:not(:read-only):hover {
    border-color: var(--color-neutral-black);
  }
}

.dads-input-text__input:is(:user-invalid, [aria-invalid="true"]) {
  border-color: var(--color-semantic-error-1);
}

@media (hover: hover) {
  .dads-input-text__input:is(:user-invalid, [aria-invalid="true"]):hover {
    border-color: var(--color-primitive-red-1000);
  }
}

.dads-input-text__input:is(:disabled, [aria-disabled="true"]),
.dads-input-text__input:is(:disabled, [aria-disabled="true"]):hover {
  border-color: var(--color-neutral-solid-gray-300);
  background-color: var(--color-neutral-solid-gray-50);
  color: var(--color-neutral-solid-gray-420);
}

@media (forced-colors: active) {
  .dads-input-text__input[aria-disabled="true"],
  .dads-input-text__input[aria-disabled="true"]:hover {
    border-color: GrayText;
    color: GrayText;
  }
}

.dads-input-text__error-text {
  margin: calc(8 / 16 * 1rem) 0 0 0;
  display: block;
  color: var(--color-semantic-error-1);
}
/* --- component: textarea --- */
.dads-textarea {
  display: block;
  color: var(--color-neutral-solid-gray-800);
  font-weight: normal;
  font-size: calc(16 / 16 * 1rem);
  line-height: 1.7;
  font-family: var(--font-family-sans);
  letter-spacing: 0.02em;
}

.dads-textarea__textarea {
  display: block;
  box-sizing: border-box;
  max-width: 100%;
  border: 1px solid var(--color-neutral-solid-gray-600);
  background-color: var(--color-neutral-white);
  padding: calc(16 / 16 * 1rem);
  border-radius: calc(8 / 16 * 1rem);
  color: var(--color-neutral-solid-gray-900);
  font: inherit;
  resize: vertical;
}

.dads-textarea__textarea:read-only:not(:disabled) {
  border-style: dashed;
}

.dads-textarea__textarea:focus-visible {
  outline: calc(4 / 16 * 1rem) solid var(--color-neutral-black);
  outline-offset: calc(2 / 16 * 1rem);
  box-shadow: 0 0 0 calc(2 / 16 * 1rem) var(--color-primitive-yellow-300);
}

@media (hover: hover) {
  .dads-textarea__textarea:not(:read-only):hover {
    border-color: var(--color-neutral-black);
  }
}

.dads-textarea__textarea:is(:user-invalid, [aria-invalid="true"]) {
  border-color: var(--color-semantic-error-1);
}

@media (hover: hover) {
  .dads-textarea__textarea:is(:user-invalid, [aria-invalid="true"]):hover {
    border-color: var(--color-primitive-red-1000);
  }
}

.dads-textarea__textarea:is(:disabled, [aria-disabled="true"]),
.dads-textarea__textarea:is(:disabled, [aria-disabled="true"]):hover {
  border-color: var(--color-neutral-solid-gray-300);
  background-color: var(--color-neutral-solid-gray-50);
  color: var(--color-neutral-solid-gray-420);
  resize: none;
}

@media (forced-colors: active) {
  .dads-textarea__textarea[aria-disabled="true"],
  .dads-textarea__textarea[aria-disabled="true"]:hover {
    border-color: GrayText;
    color: GrayText;
  }
}

.dads-textarea__error-text {
  margin: calc(8 / 16 * 1rem) 0 0 0;
  display: block;
  color: var(--color-semantic-error-1);
}

.dads-textarea__counter {
  display: block;
  margin-top: calc(8 / 16 * 1rem);
  color: var(--color-neutral-solid-gray-600);
  font-size: calc(16 / 16 * 1rem);
  line-height: 1;
  letter-spacing: 0.02em;
}

.dads-textarea__counter[data-exceeded] {
  color: var(--color-semantic-error-1);
}
/* --- component: checkbox --- */
.dads-checkbox {
  display: flex;
  align-items: start;
  gap: var(--_gap);
  width: fit-content;
}

.dads-checkbox:has(.dads-checkbox__label:not(:empty)) {
  padding-top: calc(8 / 16 * 1rem);
  padding-bottom: calc(8 / 16 * 1rem);
}

.dads-checkbox[data-size="sm"] {
  --_gap: calc(4 / 16 * 1rem);
  --_checkbox-size: calc(24 / 16 * 1rem);
  --_checkbox-border-width: calc(2 / 16 * 1rem);
  --_checkbox-scale: 1;
  --_label-padding-top: calc(1 / 16 * 1rem);
  --_label-font-size: calc(16 / 16 * 1rem);
}

.dads-checkbox[data-size="md"] {
  --_gap: calc(8 / 16 * 1rem);
  --_checkbox-size: calc(32 / 16 * 1rem);
  --_checkbox-border-width: calc(2 / 16 * 1rem);
  --_checkbox-scale: calc(20 / 14);
  --_label-padding-top: calc(4 / 16 * 1rem);
  --_label-font-size: calc(16 / 16 * 1rem);
}

.dads-checkbox[data-size="lg"] {
  --_gap: calc(8 / 16 * 1rem);
  --_checkbox-size: calc(44 / 16 * 1rem);
  --_checkbox-border-width: calc(3 / 16 * 1rem);
  --_checkbox-scale: calc(27 / 14);
  --_label-padding-top: calc(10 / 16 * 1rem);
  --_label-font-size: calc(17 / 16 * 1rem);
}

.dads-checkbox__checkbox {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  width: var(--_checkbox-size);
  height: var(--_checkbox-size);
  border-radius: 12.5%;
}

@media (hover: hover) {
  .dads-checkbox__checkbox:has(
    :not(:focus, :disabled, [aria-disabled="true"]):hover
  ) {
    background-color: var(--color-neutral-solid-gray-420);
  }
}

.dads-checkbox__input {
  --_base-color: var(--color-neutral-white);
  --_accent-color: var(--color-key-900);
  --_accent-hover-color: var(--color-key-1100);
  --_border-color: var(--color-neutral-solid-gray-600);
  --_border-hover-color: var(--color-neutral-black);
  --_check-color: var(--color-neutral-white);

  margin: 0;
  appearance: none;
  width: 75%;
  height: 75%;
  border-radius: calc(2 / 18 * 100%);
  background-color: var(--_base-color);
  background-clip: padding-box;
  border: var(--_checkbox-border-width) solid var(--_border-color);
}

.dads-checkbox__input:focus {
  outline: calc(4 / 16 * 1rem) solid var(--color-neutral-black);
  outline-offset: calc(2 / 16 * 1rem);
  box-shadow: 0 0 0 calc(2 / 16 * 1rem) var(--color-primitive-yellow-300);
}

@media (hover: hover) {
  .dads-checkbox__input:not(:disabled, [aria-disabled="true"]):hover {
    border-color: var(--_border-hover-color);
  }
}

.dads-checkbox__input:is(:checked, :indeterminate) {
  border-color: var(--_accent-color);
  background-color: var(--_accent-color);
}

@media (hover: hover) {
  .dads-checkbox__input:is(:checked, :indeterminate):not(
    :disabled,
    [aria-disabled="true"]
  ):hover {
    border-color: var(--_accent-hover-color);
    background-color: var(--_accent-hover-color);
  }
}

.dads-checkbox__input::before {
  display: none;
  width: calc(14 / 16 * 1rem);
  height: calc(14 / 16 * 1rem);
  background-color: var(--_check-color);
  transform-origin: left top;
  transform: scale(var(--_checkbox-scale, 1));
  content: "";
}

.dads-checkbox__input:checked::before {
  display: block;
  clip-path: path(
    "M5.6,11.2L12.65,4.15L11.25,2.75L5.6,8.4L2.75,5.55L1.35,6.95L5.6,11.2Z"
  );
}

.dads-checkbox__input:indeterminate::before {
  display: block;
  clip-path: path("M2,6h10v2H2Z");
}

.dads-checkbox__input[aria-invalid="true"] {
  --_accent-color: var(--color-semantic-error-1);
  --_accent-hover-color: var(--color-primitive-red-1000);
  --_border-color: var(--color-semantic-error-1);
  --_border-hover-color: var(--color-primitive-red-1000);
}

.dads-checkbox__input:is(:disabled, [aria-disabled="true"]) {
  --_base-color: var(--color-neutral-solid-gray-50);
  --_accent-color: var(--color-neutral-solid-gray-300);
  --_accent-hover-color: var(--color-neutral-solid-gray-300);
  --_border-color: var(--color-neutral-solid-gray-300);
  --_border-hover-color: var(--color-neutral-solid-gray-300);
}

@media (forced-colors: active) {
  .dads-checkbox__input,
  .dads-checkbox__input[aria-invalid="true"] {
    --_accent-color: Highlight;
    --_accent-hover-color: Highlight;
    --_border-color: ButtonText;
    --_border-hover-color: ButtonText;
    --_check-color: HighlightText;
  }

  .dads-checkbox__input:is(:disabled, [aria-disabled="true"]) {
    --_accent-color: GrayText;
    --_accent-hover-color: GrayText;
    --_border-color: GrayText;
    --_border-hover-color: GrayText;
    --_check-color: Canvas;
  }
}

.dads-checkbox__label {
  padding-top: var(--_label-padding-top);
  color: var(--color-neutral-solid-gray-800);
  font-weight: normal;
  font-size: var(--_label-font-size);
  line-height: 1.3;
  font-family: var(--font-family-sans);
  letter-spacing: 0;
}
/* --- component: form-control-label --- */
.dads-form-control-label {
  margin: 0;
  display: flex;
  flex-direction: column;
  border: 0;
  padding: 0;
  color: var(--color-neutral-solid-gray-800);
  font-weight: normal;
  font-size: calc(16 / 16 * 1rem);
  line-height: 1.7;
  font-family: var(--font-family-sans);
  letter-spacing: 0.02em;
}

.dads-form-control-label[data-size="sm"] {
  gap: calc(4 / 16 * 1rem);
}

.dads-form-control-label[data-size="md"] {
  gap: calc(8 / 16 * 1rem);
}

.dads-form-control-label[data-size="lg"] {
  gap: calc(8 / 16 * 1rem);
}

.dads-form-control-label__label {
  align-self: start;
  padding: 0;
  font-weight: bold;
}

.dads-form-control-label[data-size="sm"] .dads-form-control-label__label {
  font-size: calc(16 / 16 * 1rem);
}

.dads-form-control-label[data-size="md"] .dads-form-control-label__label {
  font-size: calc(17 / 16 * 1rem);
}

.dads-form-control-label[data-size="lg"] .dads-form-control-label__label {
  font-size: calc(18 / 16 * 1rem);
}

legend.dads-form-control-label__label {
  margin-bottom: calc(8 / 16 * 1rem);
  float: none;
}

.dads-form-control-label__requirement {
  margin-left: calc(4 / 16 * 1rem);
  font-weight: normal;
  font-size: calc(16 / 16 * 1rem);
}

.dads-form-control-label__requirement[data-required="true"] {
  color: var(--color-semantic-error-1);
}

.dads-form-control-label__requirement::before {
  content: " ";
}

.dads-form-control-label__status {
  margin-left: calc(4 / 16 * 1rem);
  display: inline-block;
  outline: 1px solid transparent;
  border-radius: calc(8 / 16 * 1rem);
  background-color: var(--color-neutral-solid-gray-536);
  padding: calc(8 / 16 * 1rem);
  color: var(--color-neutral-white);
  font-weight: normal;
  font-size: calc(16 / 16 * 1rem);
  line-height: 1;
  letter-spacing: 0.02em;
}

.dads-form-control-label__support-text {
  margin-top: 0;
  margin-bottom: 0;
  color: var(--color-neutral-solid-gray-600);
}

.dads-form-control-label__error-text {
  margin-top: 0;
  margin-bottom: 0;
  color: var(--color-semantic-error-1);
  line-height: 1.3;
  letter-spacing: 0;
}
/* --- component: table --- */
.dads-table {
  --_border-color: var(--color-neutral-solid-gray-420);
  --_padding: calc(20 / 16 * 1rem) calc(16 / 16 * 1rem);
  margin: 0;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: calc(16 / 16 * 1rem);
  color: var(--color-neutral-solid-gray-800);
  font-weight: normal;
  font-size: calc(16 / 16 * 1rem);
  line-height: 1.7;
  font-family: var(--font-family-sans);
  letter-spacing: 0.02em;
}

.dads-table[data-size="dense"] {
  --_padding: calc(12 / 16 * 1rem) calc(16 / 16 * 1rem);
  line-height: 1.3;
}

.dads-table__caption {
  font-weight: bold;
  font-size: calc(17 / 16 * 1rem);
}

.dads-table__table {
  border-collapse: collapse;
}

.dads-table__table :is(td, th) {
  padding: var(--_padding);
  text-align: left;
  vertical-align: baseline;
}

.dads-table__table th {
  font-weight: bold;
}

.dads-table__col-header {
  --_border-color: var(--color-neutral-solid-gray-500);
  background-color: var(--color-neutral-solid-gray-100);
  color: var(--color-neutral-solid-gray-900);
}

.dads-table__row-header {
  --_border-color: var(--color-neutral-solid-gray-500);
  background-color: var(--color-neutral-solid-gray-100);
  color: var(--color-neutral-solid-gray-900);
}

/* Stripe */

.dads-table[data-row-stripe] {
  --_border-color: var(--color-neutral-solid-gray-500);
}

.dads-table[data-row-stripe] tr:nth-child(even) {
  background-color: var(--color-neutral-solid-gray-50);
}

/* Hover highlight */

.dads-table[data-row-hover-highlight] {
  --_border-color: var(--color-neutral-solid-gray-500);
}

@media (hover: hover) {
  .dads-table[data-row-hover-highlight] tr:hover {
    background-color: var(--color-key-50);
  }
}

/* With checkbox */

.dads-table[data-selectable] {
  --_border-color: var(--color-neutral-solid-gray-500);
}

.dads-table[data-selectable] tr:has(:checked) :where(td, th) {
  background:
    linear-gradient(#fff, #fff) top / 100% 1px no-repeat,
    linear-gradient(90deg, #fff, #fff) left / var(--_gap-x, 0) 100% no-repeat,
    var(--color-key-100);
  background-origin: padding-box;
}

.dads-table [data-border=""] :is(td, th):first-child,
.dads-table [data-border~="left"] :is(td, th):first-child,
.dads-table [data-cell-border=""] :is(td, th),
.dads-table [data-cell-border~="left"] :is(td, th),
.dads-table [data-cell-border~="right"] :is(td, th) + :is(td, th),
.dads-table [data-border=""]:is(td, th),
.dads-table [data-border~="left"]:is(td, th),
.dads-table [data-border=""] + :is(td, th),
.dads-table [data-border~="right"] + :is(td, th) {
  --_gap-x: 1px;
}

@supports (selector(:has(.x))) {
  .dads-table td:has(.dads-checkbox:only-child, .dads-radio:only-child),
  .dads-table th:has(.dads-checkbox:only-child, .dads-radio:only-child) {
    position: relative;
    box-sizing: border-box;
    width: calc(40 / 16 * 1rem);
    padding: 0;
  }

  .dads-table td > :is(.dads-checkbox:only-child, .dads-radio:only-child),
  .dads-table th > :is(.dads-checkbox:only-child, .dads-radio:only-child) {
    position: absolute;
    inset: 0;
    display: grid;
    justify-content: center;
    width: auto;
    padding-top: calc(10 / 16 * 1rem);
  }
}

/* Sort and action */

.dads-table__sort-header {
  --_border-color: var(--color-neutral-solid-gray-500);
  background-color: var(--color-neutral-solid-gray-100);
  padding: calc(12 / 16 * 1rem) calc(16 / 16 * 1rem);
  color: var(--color-neutral-solid-gray-900);
}

.dads-table[data-size="dense"] .dads-table__sort-header {
  padding-top: 0;
  padding-bottom: 0;
}

.dads-table__sort-inner {
  display: flex;
  align-items: start;
  justify-content: space-between;
  column-gap: calc(4 / 16 * 1rem);
}

.dads-table__sort-label {
  display: flex;
  align-items: start;
  gap: calc(4 / 16 * 1rem);
  padding-top: calc(8 / 16 * 1rem);
  padding-bottom: calc(8 / 16 * 1rem);
}

.dads-table[data-size="dense"] .dads-table__sort-label {
  padding-top: calc(11 / 16 * 1rem);
  padding-bottom: calc(11 / 16 * 1rem);
}

.dads-table__sort-button {
  display: inline-flex;
  align-items: start;
  column-gap: calc(4 / 16 * 1rem);
  border: 0;
  background-color: transparent;
  padding: 0;
  color: inherit;
  text-align: left;
  font: inherit;
  letter-spacing: inherit;
  text-decoration: underline;
  text-underline-offset: calc(3 / 16 * 1rem);
}

.dads-table__sort-button:hover {
  text-decoration-thickness: calc(3 / 16 * 1rem);
}

.dads-table__sort-button:focus-visible {
  outline: calc(4 / 16 * 1rem) solid var(--color-neutral-black);
  outline-offset: calc(2 / 16 * 1rem);
  border-radius: calc(4 / 16 * 1rem);
  background-color: var(--color-primitive-yellow-300);
  box-shadow: 0 0 0 calc(2 / 16 * 1rem) var(--color-primitive-yellow-300);
}

.dads-table__sort-icon {
  flex-shrink: 0;
  padding-top: calc(2 / 16 * 1rem);
}

.dads-table[data-size="dense"] .dads-table__sort-icon {
  margin-top: calc(-2 / 16 * 1rem);
  padding-top: 0;
}

.dads-table__sort-svg {
  display: block;
  width: calc(24 / 16 * 1rem);
  height: calc(24 / 16 * 1rem);
}

.dads-table__action {
  margin-right: calc(-16 / 16 * 1rem);
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: calc(44 / 16 * 1rem);
  height: calc(44 / 16 * 1rem);
  border-radius: calc(4 / 16 * 1rem);
  border: 0;
  background-color: transparent;
  padding: 0;
  color: inherit;
}

.dads-table__action:focus-visible {
  outline: calc(4 / 16 * 1rem) solid var(--color-neutral-black);
  outline-offset: calc(2 / 16 * 1rem);
  border-radius: calc(4 / 16 * 1rem);
  background-color: var(--color-primitive-yellow-300);
  box-shadow: 0 0 0 calc(2 / 16 * 1rem) var(--color-primitive-yellow-300);
}

.dads-table__action-svg {
  display: block;
  width: calc(24 / 16 * 1rem);
  height: calc(24 / 16 * 1rem);
}

/* Utilities */

.dads-table [data-width="full"] {
  width: 100%;
}

.dads-table [data-layout="fixed"] {
  table-layout: fixed;
}

.dads-table [data-cell-border=""] :where(td, th) {
  border: 1px solid var(--_border-color);
}

.dads-table [data-cell-border~="top"] :where(td, th) {
  border-top: 1px solid var(--_border-color);
}

.dads-table [data-cell-border~="right"] :where(td, th) {
  border-right: 1px solid var(--_border-color);
}

.dads-table [data-cell-border~="bottom"] :where(td, th) {
  border-bottom: 1px solid var(--_border-color);
}

.dads-table [data-cell-border~="left"] :where(td, th) {
  border-left: 1px solid var(--_border-color);
}

/* Header cell's black border should take precedence over [data-cell-border] */
:last-of-type > .dads-table__col-header,
:last-of-type > .dads-table__sort-header {
  border-bottom: 1px solid var(--color-neutral-black);
}
.dads-table__row-header:last-of-type {
  border-right: 1px solid var(--color-neutral-black);
}

.dads-table [data-border=""] {
  border: 1px solid var(--_border-color);
}

.dads-table [data-border~="top"] {
  border-top: 1px solid var(--_border-color);
}

.dads-table [data-border~="right"] {
  border-right: 1px solid var(--_border-color);
}

.dads-table [data-border~="bottom"] {
  border-bottom: 1px solid var(--_border-color);
}

.dads-table [data-border~="left"] {
  border-left: 1px solid var(--_border-color);
}

.dads-table [data-border="hidden"] {
  border-style: hidden;
}

.dads-table [data-border~="top-hidden"] {
  border-top-style: hidden;
}

.dads-table [data-border~="right-hidden"] {
  border-right-style: hidden;
}

.dads-table [data-border~="bottom-hidden"] {
  border-bottom-style: hidden;
}

.dads-table [data-border~="left-hidden"] {
  border-left-style: hidden;
}

.dads-table [data-bg="white"] {
  background-color: var(--color-neutral-white);
}

.dads-table [data-bg="solid-gray-50"] {
  --_border-color: var(--color-neutral-solid-gray-500);
  background-color: var(--color-neutral-solid-gray-50);
}

.dads-table [data-bg="solid-gray-100"] {
  --_border-color: var(--color-neutral-solid-gray-500);
  background-color: var(--color-neutral-solid-gray-100);
}

.dads-table [data-bg="transparent"] {
  background-color: transparent;
}
/* --- component: chip-label --- */
.dads-chip-label {
  display: inline-grid;
  grid-template-columns: auto auto;
  align-items: baseline;
  align-content: center;
  box-sizing: border-box;
  min-height: calc(32 / 16 * 1rem);
  border-radius: calc(8 / 16 * 1rem);
  padding: calc(3 / 16 * 1rem) calc(7 / 16 * 1rem);
  font-weight: normal;
  font-size: calc(16 / 16 * 1rem);
  line-height: 1;
  font-family: var(--font-family-sans);
  letter-spacing: 0.02em;
  overflow-wrap: anywhere;
}

.dads-chip-label[data-style="text"] {
  padding: calc(4 / 16 * 1rem) calc(8 / 16 * 1rem);
  color: var(--_text, #000);
}

.dads-chip-label[data-style="outlined"] {
  border: 1px solid var(--_non-text, #000);
  background-color: var(--color-neutral-white);
  color: var(--_text, #000);
}

.dads-chip-label[data-style="filled-1"] {
  border: 1px solid var(--_non-text, #000);
  background-color: var(--_bg, #eee);
  color: var(--_text-dark, #000);
}

.dads-chip-label[data-style="filled-2"] {
  border: 1px solid transparent;
  background-color: var(--_non-text, #000);
  color: var(--color-neutral-white, #fff);
}

.dads-chip-label[data-color="gray"] {
  --_non-text: var(--color-neutral-solid-gray-700);
  --_bg: var(--color-neutral-solid-gray-50);
  --_text: var(--color-neutral-solid-gray-800);
  --_text-dark: var(--color-neutral-solid-gray-800);
}

.dads-chip-label[data-color="blue"] {
  --_non-text: var(--color-primitive-blue-700);
  --_bg: var(--color-primitive-blue-50);
  --_text: var(--color-primitive-blue-700);
  --_text-dark: var(--color-primitive-blue-800);
}

.dads-chip-label[data-color="light-blue"] {
  --_non-text: var(--color-primitive-light-blue-800);
  --_bg: var(--color-primitive-light-blue-50);
  --_text: var(--color-primitive-light-blue-800);
  --_text-dark: var(--color-primitive-light-blue-900);
}

.dads-chip-label[data-color="cyan"] {
  --_non-text: var(--color-primitive-cyan-900);
  --_bg: var(--color-primitive-cyan-50);
  --_text: var(--color-primitive-cyan-900);
  --_text-dark: var(--color-primitive-cyan-1000);
}

.dads-chip-label[data-color="green"] {
  --_non-text: var(--color-primitive-green-800);
  --_bg: var(--color-primitive-green-50);
  --_text: var(--color-primitive-green-800);
  --_text-dark: var(--color-primitive-green-900);
}

.dads-chip-label[data-color="lime"] {
  --_non-text: var(--color-primitive-lime-900);
  --_bg: var(--color-primitive-lime-50);
  --_text: var(--color-primitive-lime-900);
  --_text-dark: var(--color-primitive-lime-1000);
}

.dads-chip-label[data-color="yellow"] {
  --_non-text: var(--color-primitive-yellow-1000);
  --_bg: var(--color-primitive-yellow-50);
  --_text: var(--color-primitive-yellow-1000);
  --_text-dark: var(--color-primitive-yellow-1100);
}

.dads-chip-label[data-color="orange"] {
  --_non-text: var(--color-primitive-orange-900);
  --_bg: var(--color-primitive-orange-50);
  --_text: var(--color-primitive-orange-900);
  --_text-dark: var(--color-primitive-orange-1000);
}

.dads-chip-label[data-color="red"] {
  --_non-text: var(--color-primitive-red-900);
  --_bg: var(--color-primitive-red-50);
  --_text: var(--color-primitive-red-900);
  --_text-dark: var(--color-primitive-red-1000);
}

.dads-chip-label[data-color="magenta"] {
  --_non-text: var(--color-primitive-magenta-800);
  --_bg: var(--color-primitive-magenta-50);
  --_text: var(--color-primitive-magenta-800);
  --_text-dark: var(--color-primitive-magenta-900);
}

.dads-chip-label[data-color="purple"] {
  --_non-text: var(--color-primitive-purple-800);
  --_bg: var(--color-primitive-purple-50);
  --_text: var(--color-primitive-purple-800);
  --_text-dark: var(--color-primitive-purple-800);
}

.dads-chip-label__icon {
  --_icon-size: calc(24 / 16 * 1rem);
  --_offset: calc((var(--_icon-size) - 1cap) / 2);
  position: relative;
  top: var(--_offset);
  margin-top: calc(-1 * var(--_offset));
  margin-right: calc(4 / 16 * 1rem);
  margin-bottom: var(--_offset);
  flex-shrink: 0;
}

@media (forced-colors: active) {
  .dads-chip-label__icon {
    fill: CanvasText;
  }
}

.dads-chip-label[data-style="filled-1"] .dads-chip-label__icon {
  color: var(--_non-text, #000);
}
/* --- component: divider --- */
.dads-divider {
  margin: 0;
  border: 0;
  border-top: 1px solid;
  opacity: 1;
}

.dads-divider[data-color="solid-gray-420"] {
  border-top-color: var(--color-neutral-solid-gray-420);
}

.dads-divider[data-color="solid-gray-536"] {
  border-top-color: var(--color-neutral-solid-gray-536);
}

.dads-divider[data-color="black"] {
  border-top-color: var(--color-neutral-black);
}

.dads-divider[data-style="solid"] {
  border-top-style: solid;
}

.dads-divider[data-style="dashed"] {
  border-top-style: dashed;
}

.dads-divider[data-width="1"] {
  border-top-width: 1px;
}

.dads-divider[data-width="2"] {
  border-top-width: 2px;
}

.dads-divider[data-width="3"] {
  border-top-width: 3px;
}

.dads-divider[data-width="4"] {
  border-top-width: 4px;
}
/* --- component: notification-banner --- */
.dads-notification-banner {
  --_base-color: var(--color-primitive-blue-900);
  --_color-chip-color: var(--color-primitive-blue-900);
  display: grid;
  grid-template-columns: calc(24 / 16 * 1rem) 1fr auto;
  grid-template-rows: minmax(calc(36 / 16 * 1rem), auto);
  border: solid var(--_base-color);
  background-color: var(--color-neutral-white);
  padding-top: calc(8 / 16 * 1rem);
  padding-right: calc(16 / 16 * 1rem);
  padding-bottom: calc(24 / 16 * 1rem);
  padding-left: calc(16 / 16 * 1rem);
  gap: calc(16 / 16 * 1rem);
  color: var(--color-neutral-solid-gray-800);
  font-weight: normal;
  font-size: calc(16 / 16 * 1rem);
  line-height: 1.7;
  font-family: var(--font-family-sans);
  letter-spacing: 0.02em;
}

.dads-notification-banner[data-style="standard"] {
  border-radius: calc(12 / 16 * 1rem);
  border-width: calc(3 / 16 * 1rem);
}

.dads-notification-banner[data-style="color-chip"] {
  border-width: calc(2 / 16 * 1rem);
  padding-left: calc(24 / 16 * 1rem);
  box-shadow: inset calc(8 / 16 * 1rem) 0 0 0 var(--_color-chip-color);
}

@media (min-width: 48rem) {
  .dads-notification-banner {
    grid-template-columns: calc(36 / 16 * 1rem) 1fr auto;
    padding-top: calc(24 / 16 * 1rem);
    padding-right: calc(24 / 16 * 1rem);
    padding-bottom: calc(32 / 16 * 1rem);
    padding-left: calc(24 / 16 * 1rem);
    column-gap: calc(24 / 16 * 1rem);
  }

  .dads-notification-banner[data-style="color-chip"] {
    padding-left: calc(40 / 16 * 1rem);
    box-shadow: inset calc(16 / 16 * 1rem) 0 0 0 var(--_color-chip-color);
  }
}

.dads-notification-banner[data-type="success"] {
  --_base-color: var(--color-semantic-success-2);
  --_color-chip-color: var(--color-semantic-success-2);
}

.dads-notification-banner[data-type="error"] {
  --_base-color: var(--color-semantic-error-1);
  --_color-chip-color: var(--color-semantic-error-1);
}

.dads-notification-banner[data-type="warning"] {
  --_base-color: var(--color-semantic-warning-yellow-2);
  --_color-chip-color: var(--color-primitive-yellow-400);
}

.dads-notification-banner[data-type="info-1"] {
  --_base-color: var(--color-primitive-blue-900);
  --_color-chip-color: var(--color-primitive-blue-900);
}

.dads-notification-banner[data-type="info-2"] {
  --_base-color: var(--color-neutral-solid-gray-536);
  --_color-chip-color: var(--color-neutral-solid-gray-536);
}

.dads-notification-banner__icon {
  justify-self: center;
  width: calc(28 / 16 * 1rem);
  height: calc(28 / 16 * 1rem);
  max-width: none;
  max-height: none;
  padding-top: calc(3 / 16 * 1rem);
  color: var(--_base-color);
}

@media (min-width: 48rem) {
  .dads-notification-banner__icon {
    margin-top: calc(-4 / 16 * 1rem);
    margin-bottom: calc(-4 / 16 * 1rem);
    width: calc(44 / 16 * 1rem);
    height: calc(44 / 16 * 1rem);
    padding: 0;
  }
}

@media (forced-colors: active) {
  .dads-notification-banner__icon {
    color: currentcolor;
  }
}

.dads-notification-banner__heading {
  grid-column: span 2;
  margin-top: 0;
  margin-bottom: 0;
  display: grid;
  grid-template-columns: inherit;
  gap: inherit;
}

.dads-notification-banner__heading-text {
  padding-top: calc(3 / 16 * 1rem);
  color: var(--color-neutral-solid-gray-900);
  font-weight: bold;
  font-size: calc(17 / 16 * 1rem);
  line-height: 1.7;
  letter-spacing: 0.02em;
}

@media (min-width: 48rem) {
  .dads-notification-banner__heading-text {
    padding-top: calc(2 / 16 * 1rem);
    font-size: calc(20 / 16 * 1rem);
    line-height: 1.5;
  }
}

.dads-notification-banner__close {
  margin-right: calc(-12 / 16 * 1rem);
  display: flex;
  align-self: start;
  align-items: center;
  column-gap: calc(4 / 16 * 1rem);
  background: transparent;
  border-radius: calc(8 / 16 * 1rem);
  border: 0;
  padding-top: calc(4 / 16 * 1rem);
  padding-right: calc(12 / 16 * 1rem);
  padding-bottom: calc(6 / 16 * 1rem);
  padding-left: calc(12 / 16 * 1rem);
  color: var(--color-neutral-solid-gray-900);
  font: inherit;
  line-height: 1;
  letter-spacing: inherit;
}

@media (hover: hover) {
  .dads-notification-banner__close:hover {
    background-color: var(--color-neutral-solid-gray-50);
    text-decoration: underline;
    text-decoration-thickness: calc(1 / 16 * 1rem);
    text-underline-offset: calc(3 / 16 * 1rem);
  }
}

.dads-notification-banner__close:focus-visible {
  outline: calc(4 / 16 * 1rem) solid var(--color-neutral-black);
  outline-offset: calc(2 / 16 * 1rem);
  background-color: var(--color-primitive-yellow-300);
  box-shadow: 0 0 0 calc(2 / 16 * 1rem) var(--color-primitive-yellow-300);
}

.dads-notification-banner__close-icon {
  margin-top: calc(2 / 16 * 1rem);
  width: calc(24 / 16 * 1rem);
  height: calc(24 / 16 * 1rem);
}

.dads-notification-banner__mobile-close {
  margin-top: calc(4 / 16 * 1rem);
  border: 0;
  border-radius: calc(4 / 16 * 1rem);
  background: transparent;
  padding: 0;
  color: var(--color-neutral-black);
  touch-action: manipulation;
}

@media (hover: hover) {
  .dads-notification-banner__mobile-close:hover {
    outline: 1px solid;
    background-color: var(--color-neutral-solid-gray-50);
  }
}

.dads-notification-banner__mobile-close:focus-visible {
  outline: calc(4 / 16 * 1rem) solid var(--color-neutral-black);
  outline-offset: calc(2 / 16 * 1rem);
  background-color: var(--color-primitive-yellow-300);
  box-shadow: 0 0 0 calc(2 / 16 * 1rem) var(--color-primitive-yellow-300);
}

.dads-notification-banner__mobile-close-icon {
  display: block;
  width: calc(44 / 16 * 1rem);
  height: calc(44 / 16 * 1rem);
}

.dads-notification-banner__body {
  margin-top: calc(-4 / 16 * 1rem);
  display: grid;
  row-gap: calc(8 / 16 * 1rem);
  grid-column: 1 / 4;
  color: var(--color-neutral-solid-gray-800);
}

@media (min-width: 48rem) {
  .dads-notification-banner__body {
    margin-top: 0;
    grid-column: 2 / 4;
  }
}

.dads-notification-banner__body > * {
  margin-top: 0;
  margin-bottom: 0;
}

.dads-notification-banner__timestamp time {
  text-autospace: normal;
}

.dads-notification-banner__actions {
  margin-bottom: calc(-8 / 16 * 1rem);
  display: grid;
  gap: calc(8 / 16 * 1rem);
  grid-column: 1 / 4;
}

@media (min-width: 48rem) {
  .dads-notification-banner__actions {
    grid-auto-flow: column;
    gap: calc(16 / 16 * 1rem);
    grid-column: 2 / 4;
    justify-content: end;
  }
}

.dads-notification-banner .dads-button {
  width: auto;
}

.dads-notification-banner[data-type="success"] .dads-button {
  --button-color: var(--color-semantic-success-2);
  --button-hover-color: var(--color-primitive-green-1000);
  --button-active-color: var(--color-primitive-green-1200);
  --button-outline-hover-bg-color: var(--color-primitive-green-200);
  --button-outline-active-bg-color: var(--color-primitive-green-300);
}

.dads-notification-banner[data-type="error"] .dads-button {
  --button-color: var(--color-semantic-error-1);
  --button-hover-color: var(--color-primitive-red-1000);
  --button-active-color: var(--color-primitive-red-1200);
  --button-outline-hover-bg-color: var(--color-primitive-red-200);
  --button-outline-active-bg-color: var(--color-primitive-red-300);
}

.dads-notification-banner[data-type="warning"] .dads-button {
  --button-color: var(--color-semantic-warning-yellow-2);
  --button-hover-color: var(--color-primitive-yellow-1000);
  --button-active-color: var(--color-primitive-yellow-1200);
  --button-outline-hover-bg-color: var(--color-primitive-yellow-200);
  --button-outline-active-bg-color: var(--color-primitive-yellow-300);
}

.dads-notification-banner[data-type="info-1"] .dads-button {
  --button-color: var(--color-primitive-blue-900);
  --button-hover-color: var(--color-primitive-blue-1000);
  --button-active-color: var(--color-primitive-blue-1200);
  --button-outline-hover-bg-color: var(--color-primitive-blue-200);
  --button-outline-active-bg-color: var(--color-primitive-blue-300);
}

.dads-notification-banner[data-type="info-2"] .dads-button {
  --button-color: var(--color-neutral-solid-gray-800);
  --button-hover-color: var(--color-neutral-solid-gray-900);
  --button-active-color: var(--color-neutral-black);
  --button-outline-hover-bg-color: var(--color-neutral-solid-gray-200);
  --button-outline-active-bg-color: var(--color-neutral-solid-gray-300);
}
/* --- component: select --- */
.dads-select {
  display: block;
  color: var(--color-neutral-solid-gray-800);
  font-weight: normal;
  font-size: calc(16 / 16 * 1rem);
  line-height: 1.7;
  font-family: var(--font-family-sans);
  letter-spacing: 0.02em;
}

.dads-select__control {
  position: relative;
  display: block;
  width: fit-content;
}

.dads-select__select {
  vertical-align: middle;
  box-sizing: border-box;
  border-radius: calc(8 / 16 * 1rem);
  border: 1px solid var(--color-neutral-solid-gray-600);
  background-color: var(--color-neutral-white);
  padding-right: calc(40 / 16 * 1rem);
  padding-left: calc(16 / 16 * 1rem);
  color: inherit;
  font: inherit;
  line-height: 1;
  letter-spacing: inherit;
  appearance: none;
}

.dads-select__select[data-size="sm"] {
  height: calc(40 / 16 * 1rem);
}

.dads-select__select[data-size="md"] {
  height: calc(48 / 16 * 1rem);
}

.dads-select__select[data-size="lg"] {
  height: calc(56 / 16 * 1rem);
}

.dads-select__select:focus-visible {
  outline: calc(4 / 16 * 1rem) solid var(--color-neutral-black);
  outline-offset: calc(2 / 16 * 1rem);
  box-shadow: 0 0 0 calc(2 / 16 * 1rem) var(--color-primitive-yellow-300);
}

@media (hover: hover) {
  .dads-select__select:hover {
    border-color: var(--color-neutral-black);
  }
}

.dads-select__select:is(:user-invalid, [aria-invalid="true"]) {
  border-color: var(--color-semantic-error-1);
}

@media (hover: hover) {
  .dads-select__select:is(:user-invalid, [aria-invalid="true"]):hover {
    border-color: var(--color-primitive-red-1000);
  }
}

.dads-select__select:is(:disabled, [aria-disabled="true"]),
.dads-select__select:is(:disabled, [aria-disabled="true"]):hover {
  border: 1px solid var(--color-neutral-solid-gray-300);
  background-color: var(--color-neutral-solid-gray-50);
  color: var(--color-neutral-solid-gray-420);
}

@media (forced-colors: active) {
  .dads-select__select {
    color: ButtonText;
    border-color: ButtonText;
  }

  .dads-select__select[aria-disabled="true"],
  .dads-select__select[aria-disabled="true"]:hover {
    border-color: GrayText;
    color: GrayText;
  }
}

.dads-select__chevron {
  pointer-events: none;
  position: absolute;
  top: 0;
  right: calc(16 / 16 * 1rem);
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
  width: calc(16 / 16 * 1rem);
  height: calc(16 / 16 * 1rem);
}

.dads-select__select:disabled + .dads-select__chevron {
  color: var(--color-neutral-solid-gray-420);
}

@media (forced-colors: active) {
  .dads-select__chevron {
    color: ButtonText;
  }

  .dads-select__select:disabled + .dads-select__chevron {
    color: GrayText;
  }
}

.dads-select__error-text {
  margin: calc(8 / 16 * 1rem) 0 0 0;
  display: block;
  color: var(--color-semantic-error-1);
}
/* --- component: link --- */
.dads-link:any-link {
  color: var(--color-primitive-blue-1000);
  text-decoration: underline;
  text-decoration-thickness: calc(1 / 16 * 1rem);
  text-underline-offset: calc(3 / 16 * 1rem);
}

.dads-link:visited {
  color: var(--color-primitive-magenta-900);
}

@media (hover: hover) {
  .dads-link:hover {
    color: var(--color-primitive-blue-900);
    text-decoration-thickness: calc(3 / 16 * 1rem);
  }
}

.dads-link:active {
  color: var(--color-primitive-orange-800);
  text-decoration-thickness: calc(1 / 16 * 1rem);
}

.dads-link:focus-visible {
  outline: calc(4 / 16 * 1rem) solid var(--color-neutral-black);
  outline-offset: calc(2 / 16 * 1rem);
  border-radius: calc(4 / 16 * 1rem);
  background-color: var(--color-primitive-yellow-300);
  box-shadow: 0 0 0 calc(2 / 16 * 1rem) var(--color-primitive-yellow-300);
}

.dads-link__icon {
  display: inline-block;
  width: calc(16 / 16 * 1rem);
  height: calc(16 / 16 * 1rem);
  vertical-align: -0.15em;
}
/* --- component: list --- */
.dads-list {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: calc(32 / 16 * 1rem);
  list-style-type: revert;
}

.dads-list > li {
  --_spacing: 0;
  padding-top: var(--_spacing);
  padding-bottom: var(--_spacing);
}

.dads-list[data-spacing="4"] > li {
  --_spacing: calc(4 / 16 * 1rem);
}

.dads-list[data-spacing="8"] > li {
  --_spacing: calc(8 / 16 * 1rem);
}

.dads-list[data-spacing="12"] > li {
  --_spacing: calc(12 / 16 * 1rem);
}

.dads-list[data-marker="number"] {
  display: grid;
  grid-template-columns: minmax(calc(32 / 16 * 1rem), auto) 1fr;
  padding-left: 0;
  list-style-type: none;
}

.dads-list[data-marker="number"] > li,
.dads-list[data-marker="number"] > li > a {
  display: grid;
  grid-column: 1 / -1;
  grid-template-columns: inherit;
  align-items: baseline;
}

.dads-list[data-marker="number"] > li > a > span {
  text-decoration-thickness: inherit;
}

.dads-list[data-marker="number"] > li > :not(a, span) {
  grid-column: 2;
}

@supports (grid-template-columns: subgrid) {
  .dads-list[data-marker="number"] > li,
  .dads-list[data-marker="number"] > li > a {
    grid-template-columns: subgrid;
  }
}

.dads-list .dads-list {
  margin-top: var(--_spacing);
  margin-bottom: calc(-1 * var(--_spacing));
}

/* jp-go-digital-design-system — vendored CSS
 * Source: https://github.com/digital-go-jp/design-system-example-components-html
 * Upstream commit: 3b34f4c3553fa3bee90bfd8b6fe962ac3055107d — MIT License, Copyright (c) 2025 デジタル庁
 * Generated by scripts/vendor.cljs — DO NOT EDIT BY HAND (re-vendor instead). */
.dads-drawer {
  margin: unset;
  max-width: 100%;
  max-height: unset;
  box-sizing: border-box;
  width: calc(288 / 16 * 1rem);
  height: 100vh;
  height: 100dvh;
  box-shadow: var(--elevation-2);
  background-color: var(--color-neutral-white);
  border: 0;
  padding: 0;
  color: var(--color-neutral-solid-gray-800);
  font-weight: normal;
  font-size: calc(16 / 16 * 1rem);
  line-height: 1.7;
  font-family: var(--font-family-sans);
  letter-spacing: 0.02em;
}

.dads-drawer[data-placement="right"] {
  left: auto;
  border-left: 1px solid transparent;
}

.dads-drawer[data-placement="left"] {
  right: auto;
  border-right: 1px solid transparent;
}

.dads-drawer[open] {
  display: grid;
  grid-template: "header" auto "body" 1fr / 1fr;
}

.dads-drawer::backdrop {
  background-color: var(--color-neutral-opacity-gray-100);
}

@media (forced-colors: active) {
  .dads-drawer::backdrop {
    background-color: #000b;
  }
}

.dads-drawer__header {
  display: flex;
  grid-area: header;
  padding: calc(20 / 16 * 1rem) calc(16 / 16 * 1rem);
}

.dads-drawer[data-placement="right"] .dads-drawer__header {
  justify-content: end;
}

.dads-drawer[data-placement="left"] .dads-drawer__header {
  justify-content: start;
}

.dads-drawer__body {
  grid-area: body;
  overflow: auto;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
}

/* jp-go-digital-design-system — vendored CSS
 * Source: https://github.com/digital-go-jp/design-system-example-components-html
 * Upstream commit: 3b34f4c3553fa3bee90bfd8b6fe962ac3055107d — MIT License, Copyright (c) 2025 デジタル庁
 * Generated by scripts/vendor.cljs — DO NOT EDIT BY HAND (re-vendor instead). */
.dads-hamburger-menu-button {
  display: flex;
  align-items: center;
  column-gap: calc(4 / 16 * 1rem);
  width: fit-content;
  border: 0;
  border-radius: calc(6 / 16 * 1rem);
  background: transparent;
  padding: calc(4 / 16 * 1rem) calc(12 / 16 * 1rem) calc(6 / 16 * 1rem)
    calc(12 / 16 * 1rem);
  color: var(--color-neutral-solid-gray-800);
  font-weight: normal;
  font-size: calc(16 / 16 * 1rem);
  line-height: 1;
  font-family: var(--font-family-sans);
  letter-spacing: 0.02em;
  touch-action: manipulation;
}

@media (hover: hover) {
  .dads-hamburger-menu-button:hover {
    background-color: var(--color-neutral-solid-gray-50);
    text-decoration: underline;
    text-underline-offset: calc(3 / 16 * 1rem);
  }
}

.dads-hamburger-menu-button:focus-visible {
  outline: calc(4 / 16 * 1rem) solid var(--color-neutral-black);
  outline-offset: calc(2 / 16 * 1rem);
  background-color: var(--color-primitive-yellow-300);
  box-shadow: 0 0 0 calc(2 / 16 * 1rem) var(--color-primitive-yellow-300);
}

.dads-hamburger-menu-button__icon {
  margin-top: calc(2 / 16 * 1rem);
  width: calc(24 / 16 * 1rem);
  height: calc(24 / 16 * 1rem);
  flex-shrink: 0;
  color: var(--color-neutral-black);
}

@media (forced-colors: active) {
  .dads-hamburger-menu-button__icon {
    color: currentcolor;
  }
}

.dds-ext-container { max-width: 64rem; margin-inline: auto; padding-inline: max(1rem,env(safe-area-inset-left)) max(1rem,env(safe-area-inset-right)); }
.dds-ext-section { padding-block: 3rem; border-top: 1px solid var(--color-neutral-solid-gray-200); }
.dds-ext-section:first-of-type { border-top: none; }
.dds-ext-grid { display: grid; grid-template-columns: repeat(auto-fill,minmax(var(--dds-ext-grid-min,16rem),1fr)); gap: 1.5rem; }
.dds-ext-grid>* { min-width: 0; }
.dds-ext-stack { display: flex; flex-direction: column; gap: var(--dds-ext-stack-gap,1rem); }
.dds-ext-row { display: flex; flex-wrap: wrap; gap: 1rem; align-items: center; }
.dds-ext-card { border: 1px solid var(--color-neutral-solid-gray-200); border-radius: 12px; padding: 1.5rem; background: var(--color-neutral-white); }
.dds-ext-hero { padding-block: 4rem 3rem; text-align: center; }
.dds-ext-hero .dads-heading { margin: 0 0 1rem; }
.dds-ext-center { display: flex; flex-direction: column; align-items: center; gap: 1rem; text-align: center; }
.dds-ext-lead { color: var(--color-neutral-solid-gray-600); font-size: 1.125rem; line-height: 1.7; margin: 0; }
body { margin: 0; background: var(--color-neutral-white); color: var(--color-neutral-solid-gray-800); font-family: var(--font-family-sans); }
img,svg { max-width: 100%; height: auto; }
.dads-table { max-width: 100%; min-width: 0; overflow-x: auto; }
:root { color-scheme: light; }
body { padding-bottom: env(safe-area-inset-bottom); }
@media (pointer:coarse) { .dads-button,.dads-accordion__summary { min-height: 44px; } }
@media (max-width:48rem) { .dds-ext-section { padding-block: 2rem; } .dds-ext-hero { padding-block: 2.5rem 2rem; } .dds-ext-grid { --dds-ext-grid-min: 100%; } }
body { font-family: var(--font-family-sans); color: var(--color-neutral-solid-gray-800); background: var(--color-neutral-white); line-height: 1.8; max-width: 64rem; margin: 0 auto; padding: 2rem 1rem 4rem; }
.container { max-width: 100%; margin: 0; padding: 0; }
h1 { font-size: 2.125rem; font-weight: 700; line-height: 1.4; margin: 0 0 1rem; color: var(--color-neutral-solid-gray-900); }
h2 { font-size: 1.5rem; font-weight: 700; line-height: 1.5; margin: 2.5rem 0 .75rem; padding-bottom: .5rem; border-bottom: 1px solid var(--color-neutral-solid-gray-200); color: var(--color-neutral-solid-gray-900); }
h3 { font-size: 1.25rem; font-weight: 700; line-height: 1.5; margin: 1.75rem 0 .5rem; color: var(--color-neutral-solid-gray-900); }
p { margin: 0 0 1rem; }
ul,ol { margin: 0 0 1rem; padding-left: 1.25rem; }
li { margin-block: .25rem; }
a { color: var(--color-key-900); }
.cta-button,.btn,.cta-primary,.cta-secondary { display: inline-block; text-decoration: none; font-weight: 700; padding: calc(12 / 16 * 1rem) calc(24 / 16 * 1rem); border-radius: calc(8 / 16 * 1rem); margin: .25rem .5rem .25rem 0; }
.cta-primary,.btn.primary { background: var(--color-key-900); color: var(--color-neutral-white); border: 1px solid var(--color-key-900); }
.cta-secondary,.btn.secondary { background: var(--color-neutral-white); color: var(--color-key-900); border: 1px solid var(--color-key-900); }
.cta,.cta-section,.ctas { margin: 1.5rem 0; }
table:not(.dads-table__table) { display: block; overflow-x: auto; max-width: 100%; border-collapse: collapse; width: 100%; margin: .75rem 0 1.5rem; font-size: .875rem; }
:not(.dads-table__table)>*>tr>th,:not(.dads-table__table)>*>tr>td { border: 1px solid var(--color-neutral-solid-gray-300); padding: .5rem .75rem; text-align: left; vertical-align: top; }
:not(.dads-table__table)>*>tr>th { background: var(--color-neutral-solid-gray-50); font-weight: 700; color: var(--color-neutral-solid-gray-900); }
code,pre { font-family: var(--font-family-mono); }
code { background: var(--color-neutral-solid-gray-50); border: 1px solid var(--color-neutral-solid-gray-200); border-radius: 4px; padding: 1px 5px; font-size: .9em; }
pre { background: var(--color-neutral-solid-gray-50); border: 1px solid var(--color-neutral-solid-gray-200); border-radius: 8px; padding: 1rem; overflow-x: auto; font-size: .8125rem; line-height: 1.7; }
pre code { background: none; border: 0; padding: 0; }
.ok { color: var(--color-semantic-success-2); font-weight: 700; }
.warn { color: var(--color-semantic-warning-yellow-2); font-weight: 700; }
.err,.critical { color: var(--color-semantic-error-1); font-weight: 700; }
.critical-cell { background: var(--color-semantic-error-1); color: var(--color-neutral-white); font-weight: 700; }
.muted { color: var(--color-neutral-solid-gray-600); font-weight: 400; }
.card,.banner,.pitch,.note,.problem,.differentiator,.what-not,.offer-list,.links,.links-section { border: 1px solid var(--color-neutral-solid-gray-200); border-radius: 12px; padding: 1.25rem 1.5rem; margin: 1.25rem 0; background: var(--color-neutral-white); }
.banner,.note { background: var(--color-neutral-solid-gray-50); }
.card>:first-child,.banner>:first-child,.pitch>:first-child { margin-top: 0; }
.card>:last-child,.banner>:last-child,.pitch>:last-child { margin-bottom: 0; }
.badge,.isic-badge,.tag,.classification { display: inline-block; font-size: .8125rem; font-weight: 700; padding: .1rem .625rem; border-radius: 1rem; background: var(--color-primitive-blue-50); color: var(--color-key-900); border: 1px solid var(--color-primitive-blue-200); }
.bar { display: flex; align-items: center; gap: .75rem; padding: .75rem 0; margin-bottom: 1rem; border-bottom: 1px solid var(--color-neutral-solid-gray-200); }
.subtitle { color: var(--color-neutral-solid-gray-600); margin: 0 0 1rem; }
.num,.amt { font-family: var(--font-family-mono); font-variant-numeric: tabular-nums; }
footer,.footer { margin-top: 3rem; padding-top: 1.5rem; border-top: 1px solid var(--color-neutral-solid-gray-200); color: var(--color-neutral-solid-gray-600); font-size: .875rem; }
img,svg { max-width: 100%; height: auto; }
:root { color-scheme: light; }
.dads-button,.dads-accordion__summary,.dads-input-text__input,.dads-textarea__textarea,.dads-checkbox { min-height: 44px; }
body { padding-left: env(safe-area-inset-left,0px); padding-right: env(safe-area-inset-right,0px); padding-bottom: env(safe-area-inset-bottom,0px); }
body{max-width:none;margin:0;padding:0 0 env(safe-area-inset-bottom,0px);}
.dds-ext-container{padding-block:2rem 4rem;}
.mk-table-scroll{max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;}
.mk-table-scroll>.dads-table{min-width:max-content;}
.site-nav{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.25rem .75rem;padding:.5rem 0;margin-bottom:1.5rem;border-bottom:1px solid var(--color-neutral-solid-gray-300);}
.brand{font-weight:700;color:var(--color-key-900);white-space:nowrap;}
.nav-links{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem 1rem;}
.nav-links a{color:var(--color-neutral-solid-gray-600);}
.nav-links a:hover{color:var(--color-neutral-solid-gray-900);}
@media(pointer:coarse){.nav-links a,.site-nav .brand,footer.note a{min-height:44px;display:inline-flex;align-items:center;}}
.site-nav a{text-decoration:none;}
.site-nav a:hover{text-decoration:underline;}
.lead{font-size:1.125rem;line-height:1.7;color:var(--color-neutral-solid-gray-600);}
.meta,.note{color:var(--color-neutral-solid-gray-600);}
.note{font-size:.875rem;}
article .meta{margin-bottom:2rem;}
.post .meta{margin:0;}
.post h3{margin-top:0;}
.post h3 a{color:var(--color-neutral-solid-gray-900);}
.post h3 a:hover{color:var(--color-key-900);}
.model-hub-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;}
.model-hub-grid form{display:grid;gap:.5rem;padding:1rem;border:1px solid var(--color-neutral-solid-gray-300);}
.model-hub-grid input,.model-hub-grid select,.model-hub-grid textarea{box-sizing:border-box;width:100%;padding:.625rem;}
.model-hub-grid button{min-height:44px;margin-top:.5rem;}
article h1{font-size:1.75rem;}
article h2{font-size:1.375rem;}
article p code,article li code,article td code{overflow-wrap:anywhere;}
.cta-row{display:flex;flex-direction:column;gap:.75rem;margin:2rem 0;}
.cta-row .dads-button{width:100%;}
@media(min-width:48rem){.model-hub-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);}
.cta-row{flex-direction:row;flex-wrap:wrap;}.cta-row .dads-button{width:auto;}}

*{box-sizing:border-box;}
.nav{display:flex;gap:.75rem;justify-content:space-between;align-items:center;min-height:56px;padding:.5rem 0;position:sticky;top:0;z-index:10;background:var(--color-neutral-white);border-bottom:1px solid var(--color-neutral-solid-gray-300);}
.brand{display:flex;align-items:center;gap:.5rem;font-weight:700;min-width:0;}
.logo{font-size:1.375rem;color:var(--color-key-900);flex-shrink:0;}
.brand-name{letter-spacing:.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.brand-tag{display:none;font-size:.6875rem;font-weight:500;color:var(--color-neutral-solid-gray-600);border:1px solid var(--color-neutral-solid-gray-300);border-radius:1rem;padding:2px 9px;letter-spacing:.3px;white-space:nowrap;}
.nav-links{display:none;}
.nav-toggle{flex-shrink:0;min-height:44px;}
.drawer-links{display:flex;flex-direction:column;padding:0 .5rem .5rem;}
.drawer-links a{display:flex;align-items:center;min-height:48px;padding:0 .75rem;border-radius:8px;text-decoration:none;color:var(--color-neutral-solid-gray-800);}
.drawer-links a:hover{background:var(--color-neutral-solid-gray-50);}
.drawer-lang{display:flex;justify-content:flex-start;padding:.75rem 1.25rem;border-top:1px solid var(--color-neutral-solid-gray-200);}
.lang-select{max-width:11rem;}
.lang-select .dads-select__control,.lang-select .dads-select__select{width:100%;}
.drawer-lang .lang-select{max-width:none;width:100%;}
.nav a,.foot a{text-decoration:none;}
.nav a:hover,.foot a:hover{text-decoration:underline;}
.accent{color:var(--color-key-900);}
.cta{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-top:1.5rem;}
.cta .dads-button{width:100%;}
.cta .dads-button[data-type=solid-fill],.cta .dads-button:last-child{grid-column:1 / -1;}
.dds-ext-hero .lead{text-align:left;}
.gpu,.bar-label{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;}
.code{display:block;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:var(--color-neutral-solid-gray-50);border:1px solid var(--color-neutral-solid-gray-200);border-radius:8px;padding:1rem;overflow:auto;font-size:.8125rem;line-height:1.7;color:var(--color-neutral-solid-gray-800);}
.how ul{margin:0;padding-left:1.25rem;}
.how li{margin:.25rem 0;}
.slider-row{display:grid;grid-template-columns:1fr auto;column-gap:.75rem;row-gap:.125rem;align-items:center;margin:1rem 0;}
.slider-row label{grid-column:1;grid-row:1;}
.slider-row .inflight{grid-column:2;grid-row:1;}
.slider-row input[type=range]{grid-column:1 / -1;grid-row:2;}
.slider-row .reps{grid-column:1 / -1;grid-row:3;text-align:right;}
.slider-row label{display:flex;flex-direction:column;font-weight:600;min-width:0;}
.slider-row .gpu{color:var(--color-neutral-solid-gray-600);font-size:.6875rem;font-weight:400;}
.slider-row input[type=range]{width:100%;min-height:44px;accent-color:var(--color-key-900);}
.inflight,.reps{color:var(--color-neutral-solid-gray-600);font-size:.75rem;text-align:right;}
.cost-banner{background:var(--color-key-50);border:1px solid var(--color-key-200);border-radius:12px;padding:1rem 1.25rem;font-size:1.25rem;margin:1rem 0;}
.cost-banner .muted{color:var(--color-neutral-solid-gray-600);font-size:.875rem;}
.bar-row{display:grid;grid-template-columns:5rem 1fr 3rem;gap:.75rem;align-items:center;margin:.25rem 0;}
.bar{height:14px;background:var(--color-neutral-solid-gray-100);border-radius:4px;overflow:hidden;border:1px solid var(--color-neutral-solid-gray-300);}
.bar-fill{height:100%;background:var(--color-key-900);}
.bar-val{font-size:.75rem;color:var(--color-neutral-solid-gray-600);text-align:right;}
.effect{display:flex;gap:.5rem .75rem;align-items:center;padding:.5rem 0;border-bottom:1px solid var(--color-neutral-solid-gray-200);font-size:.875rem;flex-wrap:wrap;}
.effect code{min-width:0;overflow-wrap:anywhere;}
.tag{background:var(--color-neutral-solid-gray-100);padding:2px 8px;border-radius:4px;}
.risk{padding:2px 8px;border-radius:4px;font-size:.6875rem;font-weight:700;}
.risk-financial{background:var(--color-semantic-warning-yellow-1);color:var(--color-neutral-solid-gray-900);}
.risk-read-only{background:var(--color-semantic-success-1);color:var(--color-neutral-solid-gray-900);}
.risk-destructive{background:var(--color-semantic-error-2);color:var(--color-neutral-white);}
.status{color:var(--color-neutral-solid-gray-600);}
.warn{margin-top:.75rem;color:var(--color-semantic-error-1);}
.warn h4{margin:0 0 .25rem;}
.try-row{display:flex;flex-direction:column;gap:.75rem;margin:1rem 0;}
.try-row .dads-button{width:100%;}
.try-input{flex:1;min-width:0;min-height:44px;padding:.75rem 1rem;border-radius:8px;border:1px solid var(--color-neutral-solid-gray-300);background:var(--color-neutral-white);color:var(--color-neutral-solid-gray-800);font-family:inherit;font-size:1rem;}
.try-input:focus-visible{outline:2px solid var(--color-key-900);outline-offset:1px;}
.try-reply{white-space:pre-wrap;}
.credits-row{display:flex;gap:1rem;flex-wrap:wrap;margin:1rem 0;}
.credit-card{flex:1;min-width:9rem;display:flex;flex-direction:column;gap:.5rem;padding:1rem 1.25rem;border:1px solid var(--color-neutral-solid-gray-300);border-radius:12px;background:var(--color-neutral-white);}
a.credit-card:hover{text-decoration:none;border-color:var(--color-key-900);}
.credit-name{color:var(--color-neutral-solid-gray-600);font-size:.875rem;}
.credit-price{font-size:1.375rem;font-weight:700;color:var(--color-neutral-solid-gray-900);}
.price{font-weight:700;}
.country-tabs{display:flex;gap:.75rem;margin:1rem 0;flex-wrap:wrap;}
.country-tabs .tab{padding:.5rem 1rem;border-radius:8px;min-height:44px;display:inline-flex;align-items:center;border:1px solid var(--color-neutral-solid-gray-300);color:var(--color-neutral-solid-gray-600);cursor:pointer;}
.country-tabs .tab.active{background:var(--color-key-900);color:var(--color-neutral-white);border-color:var(--color-key-900);font-weight:600;}
.loading,.foot{color:var(--color-neutral-solid-gray-600);text-align:center;padding:2.5rem 0;}
.foot{border-top:1px solid var(--color-neutral-solid-gray-300);margin-top:2rem;font-size:.875rem;}
.muted{color:var(--color-neutral-solid-gray-600);}
.note.success{color:var(--color-semantic-success-2);}
@media(pointer:coarse){.foot a,.nav-links a,.nav .brand,.drawer-links a{min-height:44px;display:inline-flex;align-items:center;}.lang-select .dads-select__select{min-height:44px;}}
.dev-actions{display:flex;gap:.5rem;flex-wrap:wrap;margin:1rem 0;}
.dev-summary{display:flex;flex-wrap:wrap;align-items:baseline;gap:.5rem .75rem;margin:1rem 0;padding-bottom:.75rem;border-bottom:1px solid var(--color-neutral-solid-gray-200);}
.dev-summary__total{font-weight:700;font-size:1.125rem;}
.dev-summary__states{display:flex;flex-wrap:wrap;gap:.75rem;color:var(--color-neutral-solid-gray-600);font-size:.8125rem;}
.dev-summary__state[data-state=offline]{color:var(--color-semantic-error-1);font-weight:600;}
.dev-summary__state[data-state=degraded]{color:var(--color-semantic-warning-yellow-1);font-weight:600;}
.dev-group__heading{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--color-neutral-solid-gray-600);margin:1.5rem 0 .5rem;}
.dev-list{list-style:none;margin:0;padding:0;}
.dev-row{display:flex;gap:.75rem;align-items:flex-start;min-height:44px;padding:.75rem 0;border-bottom:1px solid var(--color-neutral-solid-gray-200);}
.dev-row__body{min-width:0;flex:1;}
.dev-row__title{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;}
.dev-row__name{font-weight:600;overflow-wrap:anywhere;}
.dev-row__meta{color:var(--color-neutral-solid-gray-600);font-size:.8125rem;margin-top:.125rem;}
.dev-row__model{overflow-wrap:anywhere;}
.dev-dot{flex-shrink:0;width:.625rem;height:.625rem;border-radius:50%;margin-top:.375rem;background:var(--color-neutral-solid-gray-300);}
.dev-dot[data-state=live]{background:var(--color-semantic-success-1);}
.dev-dot[data-state=degraded]{background:var(--color-semantic-warning-yellow-1);}
.dev-dot[data-state=offline]{background:var(--color-semantic-error-1);}
.dev-dot[data-state=unknown]{background:transparent;border:2px solid var(--color-neutral-solid-gray-400,var(--color-neutral-solid-gray-300));}
.dev-error{color:var(--color-semantic-error-1);}
.claim__card{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem;}
.claim__status{font-weight:600;margin:0;}
.claim__status--ok{color:var(--color-semantic-success-1);}
.claim__status--bad{color:var(--color-semantic-error-1);}
.claim__video{width:100%;max-width:22rem;aspect-ratio:1;object-fit:cover;border-radius:.5rem;background:var(--color-neutral-solid-gray-900);}
.claim__manual{display:flex;flex-direction:column;gap:.5rem;}
.nav-identity[data-connected=true]{color:var(--color-semantic-success-2);font-weight:700;}
.identity-strip{border-bottom:1px solid var(--color-neutral-solid-gray-300);background:var(--color-primitive-blue-50);}
.identity-strip__inner{max-width:70rem;margin-inline:auto;padding:.75rem 1rem;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem;}
.identity-strip__state{font-size:.75rem;font-weight:700;letter-spacing:.08em;color:var(--color-primitive-blue-900);}
.identity-strip code{overflow-wrap:anywhere}.identity-strip a{margin-inline-start:auto;font-weight:700;}
@media(min-width:48rem){.nav-links{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem;}.nav-toggle{display:none;}.brand{gap:.75rem;flex-shrink:0;}.brand-name{overflow:visible;text-overflow:clip;}.brand-tag{display:inline-block;}.lang-select{margin-left:1rem;}.cta{display:flex;flex-wrap:wrap;justify-content:center;}.cta .dads-button,.try-row .dads-button,.cta-row .dads-button{width:auto;}.dds-ext-hero .lead{text-align:center;}.try-row{flex-direction:row;}.slider-row{grid-template-columns:10rem 1fr 7rem 7rem;row-gap:0;margin:.5rem 0;}.slider-row label,.slider-row .inflight,.slider-row input[type=range],.slider-row .reps{grid-column:auto;grid-row:auto;}.slider-row .reps{text-align:right;}}

.mk-site{--mk-paper:var(--color-neutral-white);--mk-canvas:var(--color-neutral-white);--mk-ink:var(--color-neutral-solid-gray-900);--mk-ink-soft:var(--color-neutral-solid-gray-700);--mk-rule:var(--color-neutral-solid-gray-200);--mk-ice:var(--color-key-900);--mk-ice-wash:var(--color-key-50);--mk-ice-line:var(--color-key-300);background:var(--mk-paper);color:var(--mk-ink);padding-top:env(safe-area-inset-top,0px);}
.mk-skip{position:absolute;left:.75rem;top:.75rem;z-index:30;padding:.6rem .9rem;background:var(--mk-ink);color:var(--mk-canvas);min-height:44px;transform:translateY(-200%);}
.mk-skip:focus{transform:none;}
.mk-site .dds-ext-container{padding-block:0 4.5rem;padding-inline:max(1.25rem,env(safe-area-inset-left)) max(1.25rem,env(safe-area-inset-right));}
.mk-site .site-nav{position:sticky;top:0;z-index:8;display:flex;justify-content:space-between;align-items:center;gap:.5rem;min-height:56px;margin:0 -1.25rem 0;padding:.5rem 1.25rem;background:var(--color-neutral-white);border-bottom:1px solid var(--mk-rule);}
.mk-site .site-nav .brand,.mk-site .nav .brand{display:flex;align-items:center;gap:.45rem;min-width:0;font-weight:400;letter-spacing:.04em;color:var(--mk-ink);font-size:.8125rem;text-decoration:none;}
.mk-site .logo{color:var(--mk-ice);font-size:1.125rem;flex-shrink:0;}
.mk-site .nav-links{display:flex;flex-wrap:wrap;align-items:center;gap:.15rem .9rem;}
.mk-site:has(.nav-toggle) .nav-links{display:none;}
.mk-site .nav-links a{color:var(--mk-ink-soft);font-size:.8125rem;text-decoration:none;min-height:44px;display:inline-flex;align-items:center;}
.mk-site .nav-links a[aria-current=page]{color:var(--mk-ink);box-shadow:inset 0 -1px 0 var(--mk-ice);}
.mk-site .nav-toggle{flex-shrink:0;min-height:44px;min-width:44px;}
.mk-site .drawer-links a{color:var(--mk-ink);}
.mk-site a{color:var(--mk-ice);text-underline-offset:.2em;}
.mk-site a:hover{color:var(--mk-ink);}
.mk-site :focus-visible{outline:2px solid var(--mk-ice);outline-offset:3px;}
.mk-hero{position:relative;padding:2.25rem 0 2.5rem;text-align:left;}
.mk-stage{position:relative;margin:0 0 1.75rem;overflow:hidden;}
.mk-visual{position:relative;margin:0;}
.mk-visual img{display:block;width:100%;height:auto;border:1px solid var(--mk-rule);background:var(--mk-canvas);border-radius:12px;transform:none;box-shadow:none;}
.mk-visual figcaption{margin:.55rem 0 0;font-size:.75rem;letter-spacing:.04em;color:var(--mk-ink-soft);}
.mk-visual::after{display:none;}
.mk-kicker{margin:0 0 1rem;font-size:.875rem;letter-spacing:0;color:var(--color-key-900);font-weight:700;}
.mk-site h1,.mk-hero h1{margin:0 0 1rem;font-size:clamp(2.15rem,7.2vw,3.65rem);font-weight:700;line-height:1.35;letter-spacing:0;color:var(--mk-ink);}
.mk-hero .lead{margin:0 0 1.75rem;max-width:28rem;font-size:1.05rem;line-height:1.75;color:var(--mk-ink-soft);text-align:left;}
.mk-price{margin:0 0 .35rem;}
.mk-price-label{display:block;margin:0 0 .15rem;font-size:.75rem;letter-spacing:.16em;color:var(--mk-ink-soft);}
.mk-yen{display:block;font-size:clamp(3.25rem,13vw,6.5rem);font-weight:500;line-height:.95;letter-spacing:-.035em;font-variant-numeric:tabular-nums;color:var(--mk-ink);}
.mk-cta{display:flex;flex-direction:column;gap:.85rem;margin:1.5rem 0 0;max-width:28rem;}
.mk-cta > a{width:100%;text-align:center;min-height:44px;display:inline-flex;align-items:center;justify-content:center;}
.mk-site .site-foot,.mk-site footer.note,.mk-site .foot{margin:3rem 0 0;padding:1.25rem 0 0;border-top:1px solid var(--mk-rule);color:var(--mk-ink-soft);font-size:.75rem;letter-spacing:.02em;text-align:left;}
.mk-site .site-foot a,.mk-site footer.note a,.mk-site .foot a{color:var(--mk-ink-soft);min-height:44px;display:inline-flex;align-items:center;}
.mk-legal{white-space:pre-wrap;font-family:inherit;font-size:.9375rem;line-height:1.7;overflow-wrap:anywhere;margin:0;}
.go-layout{display:flex;flex-direction:column;gap:1.5rem;margin:1.5rem 0;}
.go-main,.ad-unit{min-width:0;}
.ad-unit{border:1px solid var(--mk-rule,var(--color-neutral-solid-gray-300));border-radius:12px;padding:1rem 1.25rem;background:var(--mk-canvas,var(--color-neutral-white));}
.ad-unit__kicker{font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;color:var(--mk-ink-soft);margin:0 0 .5rem;}
.ad-unit__copy{margin:0 0 .75rem;}
.ad-unit__kind{font-size:.8125rem;margin:0;}
textarea.try-input{min-height:7rem;resize:vertical;}
.ad-form{display:flex;flex-direction:column;gap:1rem;max-width:36rem;}
.ad-form label{display:flex;flex-direction:column;gap:.35rem;font-weight:600;}
.ad-form .try-input{font-weight:400;}
.onprem-tax-quiet,.onprem-trust{margin:.28rem 0 0;}
.onprem-trust{font-size:.75rem;letter-spacing:.02em;color:var(--mk-ink-soft);}
.onprem-who,.onprem-pains,.onprem-steps{display:grid;gap:.75rem;}
.onprem-pain,.onprem-step,.onprem-tax-panel{margin:0;padding:1rem 1.1rem;border:1px solid var(--mk-ice-line);background:var(--mk-ice-wash);}
.onprem-pain{border-left-width:3px;}
.onprem-step{background:var(--mk-canvas);}
.onprem-pain h3,.onprem-step h3{margin:0 0 .45rem;font-size:1.05rem;}
.onprem-pain p,.onprem-step p,.onprem-tax-panel p{margin:0 0 .65rem;}
.onprem-pain p:last-child,.onprem-step p:last-child,.onprem-tax-panel p:last-child{margin-bottom:0;}
.onprem-step-n{display:block;margin:0 0 .3rem;font-size:.75rem;letter-spacing:.14em;color:var(--mk-ice);font-variant-numeric:tabular-nums;}
.onprem-faq{margin:1rem 0 0;}
.onprem-close{margin-top:.25rem;}
.onprem-cta-one{display:flex;flex-direction:column;gap:.3rem;}
.onprem-term{margin:1.1rem 0 0;}
.onprem-term img{width:100%;height:auto;display:block;border-radius:.5rem;border:1px solid var(--mk-ink);}
.onprem-term figcaption{margin:.5rem 0 0;font-size:.8125rem;color:color-mix(in srgb,var(--mk-canvas) 70%,transparent);}
.mkc{max-width:44rem;}
.mkc-head{padding:1.5rem 0 .5rem;}
.mkc-disclosure{border-left:3px solid var(--mk-ice);padding:.55rem .85rem;background:var(--mk-ice-wash);margin:.6rem 0;}
.mkc-thread{margin:1rem 0;}
.mkc-node[hidden]{display:none;}
.mkc-says{display:grid;gap:.5rem;}
.mkc-bubble{margin:0;padding:.8rem 1rem;background:var(--mk-canvas);border:1px solid var(--mk-rule);border-radius:.9rem;border-top-left-radius:.2rem;}
.mkc-chips{display:flex;flex-wrap:wrap;gap:.45rem;margin:.9rem 0 0;}
.mkc-chip{font:inherit;font-size:.9375rem;cursor:pointer;min-height:44px;padding:.5rem 1rem;border:1px solid var(--mk-ice-line);border-radius:999px;background:var(--mk-paper);color:var(--mk-ink);}
.mkc-chip:hover{background:var(--mk-ice-wash);}
.mkc-chip:focus-visible{outline:2px solid var(--mk-ice);outline-offset:2px;}
.mkc-cta{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin:.9rem 0 0;}
.mkc-cta-note{font-size:.75rem;color:var(--mk-ink-soft);}
.mkc-link{margin:.6rem 0 0;font-size:.9375rem;}
.mkc-form{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin:1.5rem 0 .3rem;padding-top:1rem;border-top:1px solid var(--mk-rule);}
.mkc-label{width:100%;font-size:.8125rem;color:var(--mk-ink-soft);}
.mkc-input{flex:1 1 16rem;min-height:44px;padding:.5rem .8rem;border:1px solid var(--mk-rule);border-radius:.4rem;font:inherit;}
.mkc-nomatch{margin:.4rem 0 0;}
.mkc-foot{margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--mk-rule);}
.dds-ext-card:nth-of-type(even){background:var(--color-neutral-white);border-color:var(--color-neutral-solid-gray-200);}
.onprem-reasons{margin:1.25rem 0;padding:0;border:0;background:none;}
.onprem-reasons ol{list-style:none;margin:0;padding:0;display:grid;gap:.75rem;}
.onprem-reasons li{margin:0;padding:1.1rem 1.2rem;background:var(--mk-canvas);border:1px solid var(--mk-rule);border-left:3px solid var(--mk-ice);}
.onprem-reason-n{display:block;font-size:.8125rem;letter-spacing:.16em;color:var(--mk-ice);font-variant-numeric:tabular-nums;margin-bottom:.25rem;}
.onprem-reasons h2{margin:0 0 .35rem;font-size:1.15rem;}
.onprem-reasons p{margin:0;color:var(--mk-ink-soft);}
.onprem-cta-note{font-size:.75rem;color:var(--mk-ink-soft);text-align:center;}
.lang-menu{position:relative;margin-inline-start:auto;}
.lang-menu>summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:.3rem;padding:.32rem .6rem;font-size:.8rem;border:1px solid var(--mk-ice-line);background:var(--mk-canvas);color:var(--mk-ink);white-space:nowrap;}
.lang-menu>summary::-webkit-details-marker{display:none;}
.lang-menu>summary:hover{background:var(--mk-ice-wash);}
.lang-menu>summary:focus-visible{outline:2px solid var(--mk-ink);outline-offset:2px;}
.lang-menu__caret{font-size:.8em;opacity:.85;}
@media(max-width:27rem){.site-nav:has(.lang-menu) .brand-name{display:none;}}
.lang-menu[open]>summary{background:var(--mk-ice-wash);}
.lang-menu__list{position:absolute;z-index:40;inset-inline-end:0;top:calc(100% + .3rem);display:grid;gap:.1rem;min-width:11rem;max-height:60vh;overflow:auto;padding:.35rem;border:1px solid var(--mk-ice-line);background:var(--mk-canvas);box-shadow:0 8px 24px rgba(0,0,0,.10);}
.lang-menu__list a,.lang-menu__list span{padding:.34rem .5rem;font-size:.85rem;text-decoration:none;color:var(--mk-ink-soft);}
.lang-menu__list a:hover{background:var(--mk-ice-wash);color:var(--mk-ink);}
.lang-menu__list [aria-current]{color:var(--mk-ink);background:var(--mk-ice-wash);font-weight:700;}
[dir="rtl"] .onprem-reasons ol{direction:rtl;}
[dir="rtl"] .onprem-pain{border-left-width:1px;border-right-width:3px;}
[dir="rtl"] .t3d-ledger,[dir="rtl"] .onprem-compare{text-align:right;}
.t3d-thesis{display:grid;gap:.75rem;}
.t3d-thesis > div{padding:1rem 1.1rem;border:1px solid var(--mk-ice-line);background:var(--mk-ice-wash);}
.t3d-thesis h2{margin:0 0 .5rem;font-size:1.05rem;}
.t3d-thesis ul{margin:0;padding-left:1.15rem;}
.t3d-thesis li{margin:0 0 .3rem;color:var(--mk-ink-soft);}
.t3d-thesis li:last-child{margin-bottom:0;}
.t3d-ship{margin:.45rem 0 0;color:var(--mk-ink-soft);}
.t3d-ledger{margin:1rem 0 1.25rem;border-top:1px solid var(--mk-rule,var(--color-neutral-solid-gray-300));}
.t3d-row{display:grid;gap:.5rem;padding:1rem 0;border-bottom:1px solid var(--mk-rule,var(--color-neutral-solid-gray-300));}
.t3d-row-head h3{margin:0 0 .2rem;font-size:1.05rem;}
.t3d-axis{display:block;font-size:.72rem;letter-spacing:.02em;color:var(--mk-ink-soft);overflow-wrap:anywhere;}
.t3d-row-body{display:grid;gap:.5rem;min-width:0;}
.t3d-evidence,.t3d-caveat{margin:0;padding:.6rem .9rem;border-left:3px solid;color:var(--mk-ink-soft);}
.t3d-evidence{border-left-color:var(--color-semantic-success-1);background:var(--color-semantic-success-2,var(--mk-ice-wash));}
.t3d-caveat{border-left-color:var(--color-semantic-warning-yellow-1);background:var(--mk-canvas);}
.t3d-caveat b{color:var(--color-semantic-warning-yellow-1);}
.onprem-step a{width:100%;text-align:center;min-height:44px;display:inline-flex;align-items:center;justify-content:center;}
.nav{background:var(--color-neutral-white);border-bottom-color:var(--mk-rule,var(--color-neutral-solid-gray-300));}
@media(min-width:48rem){.mk-site .nav-links{display:flex;flex-wrap:wrap;align-items:center;gap:.15rem .9rem;}.mk-site .nav-toggle{display:none;}.mk-hero{padding:3.5rem 0 3rem;}.mk-cta{max-width:none;flex-direction:row;flex-wrap:wrap;}.t3d-thesis{grid-template-columns:1fr 1fr;gap:1rem;}.t3d-row{grid-template-columns:minmax(0,15rem) minmax(0,1fr);gap:0 1.5rem;}.onprem-reasons ol{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;}.mk-cta > a{width:auto;min-width:14rem;}.go-layout{display:grid;grid-template-columns:1fr 16rem;align-items:start;}.onprem-who{grid-template-columns:1fr 1fr;gap:1.75rem;}.onprem-steps{grid-template-columns:1fr 1fr 1fr;gap:1.5rem;}}

.mk-site:has(.ap){overflow-x:clip;}
.mk-site:has(.ap){--ap-measure:52rem;--ap-wide:70rem;--ap-gut:max(1.25rem,env(safe-area-inset-left));}
.ap{color:var(--color-neutral-solid-gray-900);}
.mk-site{--ap-navh:52px;overflow-x:clip;}
[hidden]{display:none!important;}
.mk-site .site-nav{position:sticky;top:0;z-index:8;display:block;margin-inline:calc(50% - 50vw);width:100vw;padding:0;min-height:var(--ap-navh);background:color-mix(in srgb,var(--color-neutral-white) 84%,transparent);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid var(--color-neutral-solid-gray-200);}
.site-nav__inner{max-width:70rem;margin-inline:auto;min-height:var(--ap-navh);display:flex;align-items:center;gap:.5rem 1rem;padding-inline:max(1.25rem,env(safe-area-inset-left)) max(1.25rem,env(safe-area-inset-right));}
.mk-site .site-nav .nav-links{margin-inline:auto;}
.mk-site .site-nav .brand{font-size:.875rem;font-weight:600;}
@media(min-width:48rem){.mk-site:has(.nav-toggle) .nav-links{display:flex;flex-wrap:wrap;align-items:center;gap:.15rem 1.5rem;}.mk-site:has(.nav-toggle) .nav-toggle{display:none;}}
.mk-site .site-foot{margin:4rem 0 0;padding:0;border:0;margin-inline:calc(50% - 50vw);width:100vw;border-top:1px solid var(--color-neutral-solid-gray-200);background:var(--color-neutral-solid-gray-50);}
.site-foot__inner{max-width:70rem;margin-inline:auto;padding:clamp(2rem,5vw,3.5rem) max(1.25rem,env(safe-area-inset-left)) calc(clamp(2rem,5vw,3.5rem) + env(safe-area-inset-bottom,0px));}
.site-foot__cols{display:grid;gap:1.75rem 1.5rem;grid-template-columns:repeat(2,minmax(0,1fr));}
.site-foot__col{display:grid;gap:.1rem;align-content:start;}
.site-foot__col h2{margin:0 0 .6rem;font-size:.8125rem;font-weight:700;border:0;padding:0;color:var(--color-neutral-solid-gray-900);}
.site-foot__col ul{margin:0;padding:0;list-style:none;display:grid;gap:.1rem;}
.mk-site .site-foot__col a{font-size:.8125rem;text-decoration:none;line-height:1.9;min-height:0;color:var(--color-neutral-solid-gray-700);display:inline-block;}
@media(pointer:coarse){.mk-site .site-foot__col a{min-height:44px;display:inline-flex;align-items:center;}}
.mk-site .site-foot__col a:hover{color:var(--color-neutral-solid-gray-900);text-decoration:underline;text-underline-offset:.25em;}
.site-foot__legal{margin:2rem 0 0;padding-top:1.25rem;font-size:.75rem;line-height:2;color:var(--color-neutral-solid-gray-600);border-top:1px solid var(--color-neutral-solid-gray-200);}
.site-foot__legal a{color:var(--color-neutral-solid-gray-600);}
@media(min-width:48rem){.site-foot__cols{grid-template-columns:repeat(4,minmax(0,1fr));}}
.ap-localnav{position:sticky;top:var(--ap-navh);z-index:7;margin-inline:calc(50% - 50vw);width:100vw;background:color-mix(in srgb,var(--color-neutral-white) 84%,transparent);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid var(--color-neutral-solid-gray-200);}
.ap-localnav__inner{box-sizing:border-box;width:100%;max-width:var(--ap-wide);margin-inline:auto;display:flex;align-items:center;gap:1rem;min-height:48px;padding-inline:var(--ap-gut);}
.ap-localnav__title{font-size:1.0625rem;font-weight:700;white-space:nowrap;color:var(--color-neutral-solid-gray-900);}
.ap-localnav__links{flex:1 1 auto;min-width:0;display:flex;gap:1.25rem;margin:0;padding:0;list-style:none;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;}
.ap-localnav__links::-webkit-scrollbar{display:none;}
@media(max-width:47.99rem){.ap-localnav__links{-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 1.5rem),transparent);mask-image:linear-gradient(to right,#000 calc(100% - 1.5rem),transparent);}}
.ap-localnav__links a{display:inline-flex;align-items:center;min-height:44px;white-space:nowrap;font-size:.8125rem;text-decoration:none;color:var(--color-neutral-solid-gray-700);}
.ap-localnav__links a:hover{color:var(--color-neutral-solid-gray-900);text-decoration:underline;text-underline-offset:.35em;}
.ap-localnav__buy{flex-shrink:0;border-radius:999px;}
@media(max-width:33.99rem){.ap-localnav__title{display:none;}}
.ap [id]{scroll-margin-top:7.5rem;}
.ap-hero{box-sizing:border-box;min-width:0;text-align:center;padding:clamp(1.75rem,4vw,2.75rem) var(--ap-gut) 0;}
.ap-eyebrow{margin:0 0 .9rem;font-size:.9375rem;font-weight:700;letter-spacing:.01em;color:var(--color-key-900);}
.ap .ap-title{margin:0 0 1.1rem;font-size:clamp(2.6rem,8.6vw,5.25rem);font-weight:700;line-height:1.12;letter-spacing:-.02em;color:var(--color-neutral-solid-gray-900);}
.ap .ap-hero .lead{max-width:42rem;margin:0 auto;text-align:center;font-size:clamp(1.0625rem,2.4vw,1.5rem);line-height:1.65;color:var(--color-neutral-solid-gray-700);}
.ap-hero__visual{margin:clamp(.75rem,2vw,1.25rem) 0 0;}
.ap-hero__visual img{display:block;width:auto;max-width:min(100%,34rem);height:auto;max-height:min(34vh,19rem);margin-inline:auto;object-fit:contain;border:0;border-radius:0;background:none;}
.ap .ap-title--compact{font-size:clamp(1.9rem,5vw,3rem);line-height:1.2;}
.ap-price{display:flex;align-items:baseline;justify-content:center;gap:.5rem;margin:clamp(1.25rem,3vw,2rem) 0 .4rem;}
.ap-price__label{font-size:.9375rem;color:var(--color-neutral-solid-gray-700);}
.ap-price__amount{font-size:clamp(1.75rem,4.6vw,2.5rem);font-weight:600;letter-spacing:-.015em;font-variant-numeric:tabular-nums;color:var(--color-neutral-solid-gray-900);}
.ap-price__mark{font-size:.7em;margin-inline-end:.06em;}
.ap .onprem-tax-quiet{margin:0 auto;max-width:34rem;}
.ap .ap-cta{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:1rem 1.25rem;max-width:none;margin:clamp(1.25rem,3vw,1.75rem) 0 0;}
.ap .ap-cta .onprem-cta-one{align-items:center;gap:.45rem;flex:1 1 15rem;max-width:21rem;}
.ap .ap-cta a{border-radius:999px;width:100%;min-height:44px;display:inline-flex;align-items:center;justify-content:center;text-align:center;}
.ap .ap-cta .onprem-cta-note{text-align:center;max-width:17rem;}
.ap .onprem-trust{margin:1.25rem 0 0;}
.web3-hero{padding-bottom:clamp(3rem,7vw,5.5rem);}
.web3-flow{max-width:var(--ap-wide);margin:clamp(2rem,5vw,3.5rem) auto 0;padding:0;list-style:none;display:grid;gap:0;text-align:left;border-block:1px solid var(--color-neutral-solid-gray-200);}
.web3-flow li{display:grid;grid-template-columns:2.4rem 1fr;gap:.2rem .75rem;align-items:baseline;padding:1rem .25rem;border-bottom:1px solid var(--color-neutral-solid-gray-200);}
.web3-flow li:last-child{border-bottom:0;}
.web3-flow__n{grid-row:1 / 3;color:var(--color-key-900);font-weight:700;font-variant-numeric:tabular-nums;}
.web3-flow__label{font-size:.75rem;letter-spacing:.14em;color:var(--color-neutral-solid-gray-600);}
.web3-flow strong{font-size:1rem;overflow-wrap:anywhere;}
.web3-proof{margin:1.5rem auto .4rem;max-width:56rem;font-size:.8125rem;line-height:1.8;color:var(--color-neutral-solid-gray-600);overflow-wrap:anywhere;}
.studio-band{padding-block:clamp(3rem,7vw,5.5rem);}
.studio-shell{box-sizing:border-box;max-width:var(--ap-wide);}
.studio-intro{max-width:44rem;margin:0 auto clamp(2rem,5vw,3rem);text-align:center;}
.studio-intro .ap-eyebrow{color:var(--color-key-300);}
.studio-login,.studio-workspace{border:1px solid color-mix(in srgb,var(--color-neutral-white) 18%,transparent);border-radius:18px;background:color-mix(in srgb,var(--color-neutral-white) 6%,transparent);}
.studio-login{display:grid;gap:1.25rem;align-items:center;padding:clamp(1.25rem,4vw,2rem);}
.studio-login__mark{display:grid;place-items:center;width:3rem;height:3rem;border-radius:50%;color:var(--color-key-300);background:color-mix(in srgb,var(--color-key-900) 38%,transparent);}
.studio-login h3{margin:0 0 .25rem;font-size:1.25rem;}
.studio-login p{margin:.15rem 0;}
.studio-login__button{width:100%;min-height:3rem;}
.studio-login__error{grid-column:1 / -1;margin:0;color:var(--color-semantic-error-1);}
.studio-workspace{overflow:hidden;}
.studio-account{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 1rem;border-bottom:1px solid color-mix(in srgb,var(--color-neutral-white) 14%,transparent);font-size:.75rem;letter-spacing:.08em;}
.studio-account>div{display:flex;align-items:center;gap:.55rem;min-width:0;}
.studio-account code{max-width:min(48vw,25rem);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-neutral-solid-gray-300);}
.studio-account__dot{width:.5rem;height:.5rem;flex:0 0 auto;border-radius:50%;background:var(--color-semantic-success-1);box-shadow:0 0 0 .22rem color-mix(in srgb,var(--color-semantic-success-1) 18%,transparent);}
.studio-signout{padding:.45rem .65rem;border:0;background:none;color:var(--color-neutral-solid-gray-300);text-decoration:underline;text-underline-offset:.25em;cursor:pointer;}
.studio-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:1px solid color-mix(in srgb,var(--color-neutral-white) 14%,transparent);}
.studio-tab{display:flex;flex-direction:column;gap:.2rem;align-items:flex-start;padding:1rem;border:0;border-right:1px solid color-mix(in srgb,var(--color-neutral-white) 14%,transparent);background:transparent;color:var(--color-neutral-solid-gray-300);cursor:pointer;}
.studio-tab:last-child{border-right:0;}
.studio-tab small{font-size:.6875rem;letter-spacing:.14em;}
.studio-tab span{font-size:1.0625rem;font-weight:700;}
.studio-tab[data-active=true]{color:var(--color-neutral-white);background:color-mix(in srgb,var(--color-key-900) 32%,transparent);box-shadow:inset 0 -.2rem 0 var(--color-key-300);}
.studio-grid{display:grid;}
.studio-composer{padding:clamp(1rem,3vw,1.5rem);}
.studio-field+.studio-field{margin-top:1.25rem;}
.studio-field .dads-label{display:block;margin:0 0 .55rem;color:var(--color-neutral-white);font-weight:700;}
.studio-prompt,.studio-select{box-sizing:border-box;width:100%;border:1px solid var(--color-neutral-solid-gray-600);border-radius:10px;background:var(--color-neutral-solid-gray-800);color:var(--color-neutral-white);}
.studio-prompt{min-height:11rem;padding:1rem;resize:vertical;font:inherit;line-height:1.7;}
.studio-select{min-height:3rem;padding:.7rem .8rem;}
.studio-prompt::placeholder{color:var(--color-neutral-solid-gray-400);}
.studio-prompt:focus,.studio-select:focus{outline:.2rem solid var(--color-key-300);outline-offset:.15rem;}
.studio-select option:disabled{color:var(--color-neutral-solid-gray-500);}
.studio-submit-row{display:flex;flex-direction:column;gap:.75rem;margin-top:1.25rem;}
.studio-submit-row .dads-button{width:100%;min-height:3rem;}
.studio-hint{margin:.35rem 0 0;font-size:.8125rem;line-height:1.7;color:var(--color-neutral-solid-gray-400);}
.studio-hint--warn{color:var(--color-semantic-warning-yellow-1);}
.studio-result{display:grid;min-height:21rem;border-top:1px solid color-mix(in srgb,var(--color-neutral-white) 14%,transparent);background:color-mix(in srgb,var(--color-neutral-black) 26%,transparent);}
.studio-empty,.studio-progress,.studio-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:clamp(1.5rem,5vw,3rem);text-align:center;}
.studio-empty>span{font-size:clamp(2.5rem,8vw,4.5rem);font-weight:300;color:var(--color-neutral-solid-gray-600);}
.studio-empty p{max-width:20rem;}
.studio-kicker{margin:0 0 .7rem;font-size:.6875rem;font-weight:700;letter-spacing:.14em;color:var(--color-key-300)!important;}
.studio-progress h3,.studio-error h3{margin:0 0 .75rem;font-size:1.35rem;}
.studio-progress progress{width:min(100%,22rem);height:.45rem;margin:1.25rem 0;accent-color:var(--color-key-300);}
.studio-output{display:flex;flex-direction:column;min-width:0;}
.studio-output img,.studio-output video{display:block;width:100%;max-height:34rem;object-fit:contain;background:var(--color-neutral-black);}
.studio-output__text{margin:0;padding:clamp(1.5rem,5vw,3rem);white-space:pre-wrap;line-height:1.9;color:var(--color-neutral-white)!important;}
.studio-proof{display:grid;gap:.35rem;padding:1rem;border-top:1px solid color-mix(in srgb,var(--color-neutral-white) 14%,transparent);}
.studio-proof span{font-size:.6875rem;font-weight:700;letter-spacing:.14em;color:var(--color-key-300);}
.studio-proof code{overflow-wrap:anywhere;color:var(--color-neutral-solid-gray-300);}
.studio-output>.studio-hint{padding:0 1rem 1rem;}
.studio-error .dads-button{margin-top:1rem;}
.web3-pillars{display:grid;gap:1.25rem;margin:clamp(2rem,5vw,3rem) 0 0;}
.web3-pillar{padding:1.5rem 0 0;border-top:2px solid var(--color-key-900);}
.web3-pillar__tag{margin:0 0 .65rem;font-size:.75rem;font-weight:700;letter-spacing:.14em;color:var(--color-key-900);}
.web3-pillar h3{margin:0 0 .65rem;font-size:1.25rem;line-height:1.5;}
.web3-pillar p:last-child{margin:0;color:var(--color-neutral-solid-gray-700);line-height:1.85;}
.web3-start-grid{display:grid;gap:.75rem;margin:clamp(2rem,5vw,3rem) 0 0;}
.web3-start{display:flex;flex-direction:column;gap:.35rem;min-height:10rem;padding:1.4rem;border:1px solid var(--color-neutral-solid-gray-200);border-radius:18px;text-decoration:none;background:var(--color-neutral-white);}
.web3-start:hover{border-color:var(--color-key-900);}
.web3-start span{font-size:.75rem;font-weight:700;letter-spacing:.14em;color:var(--color-key-900);}
.web3-start strong{font-size:1.2rem;line-height:1.5;color:var(--color-neutral-solid-gray-900);}
.web3-start small{margin-top:auto;color:var(--color-neutral-solid-gray-600);}
.web3-request{margin:clamp(1.5rem,4vw,2.5rem) 0 0;padding:1.25rem;overflow:auto;border:1px solid var(--color-neutral-solid-gray-200);border-radius:14px;background:var(--color-neutral-solid-gray-50);color:var(--color-neutral-solid-gray-800);line-height:1.9;}
.web3-detail{margin:1rem auto 0;max-width:42rem;text-align:center;font-size:.875rem;line-height:1.8;color:var(--color-neutral-solid-gray-600);}
.web3-node .ap-band__inner{display:grid;gap:2rem;align-items:center;}
.web3-node .ap-eyebrow,.web3-node h2,.web3-node .ap-band__lead{text-align:left;}
.web3-node .ap-band__lead{margin-inline:0;}
.web3-node__stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin:2rem 0;}
.web3-node__stats div{padding-top:.75rem;border-top:1px solid var(--color-neutral-solid-gray-300);}
.web3-node__stats dt{font-size:.75rem;color:var(--color-neutral-solid-gray-600);}
.web3-node__stats dd{margin:.3rem 0 0;font-size:clamp(1.15rem,4vw,1.75rem);font-weight:600;letter-spacing:-.015em;}
.web3-node .ap-cta{justify-content:flex-start;}
.web3-node__visual{margin:0;}
.web3-node__visual img{display:block;width:100%;height:auto;max-width:30rem;margin-inline:auto;object-fit:contain;}
.ap .ap-title,.ap .ap-hero .lead,.ap .ap-band h2,.ap .ap-band__lead,.ap .onprem-reasons h2,.ap .onprem-pain h3,.ap .onprem-step h3{text-wrap:balance;}
.ap .ap-title,.ap .ap-hero .lead,.ap .ap-band h2,.ap .ap-band__lead,.ap .onprem-reasons h2,.ap .onprem-pain h3,.ap .onprem-step h3,.ap .ap-eyebrow{word-break:auto-phrase;line-break:strict;}
@media(max-width:33.99rem){.ap .ap-title{font-size:clamp(2.15rem,10.5vw,2.75rem);word-break:normal;}.ap .ap-hero .lead{word-break:normal;}}
.ap-band{margin-inline:calc(50% - 50vw);width:100vw;padding-block:clamp(3.25rem,8.5vw,6.5rem);}
.ap-band__inner{max-width:var(--ap-measure);margin-inline:auto;padding-inline:var(--ap-gut);}
.ap-band--wide .ap-band__inner{max-width:var(--ap-wide);}
.ap-band--tint{background:var(--color-neutral-solid-gray-50);}
.ap-band--dark{background:var(--color-neutral-solid-gray-900);color:var(--color-neutral-white);}
.ap-band--dark h2,.ap-band--dark h3{color:var(--color-neutral-white);}
.ap-band--dark p,.ap-band--dark li{color:var(--color-neutral-solid-gray-200);}
.ap-band--dark a{color:var(--color-key-300);}
.ap-band--dark a:hover{color:var(--color-neutral-white);}
.ap-band--dark .note{color:var(--color-neutral-solid-gray-300);}
.ap-band--dark .t3d-evidence{color:var(--color-neutral-solid-gray-200);background:color-mix(in srgb,var(--color-semantic-success-1) 16%,transparent);}
.ap-band--dark .t3d-caveat{color:var(--color-neutral-solid-gray-300);background:color-mix(in srgb,var(--color-semantic-warning-yellow-1) 12%,transparent);}
.ap-band--dark .t3d-evidence b,.ap-band--dark .t3d-evidence strong{color:var(--color-neutral-white);}
.ap-band--dark .t3d-axis{color:var(--color-neutral-solid-gray-400);background:none;}
.ap-band--dark .t3d-row,.ap-band--dark .t3d-ledger{border-color:color-mix(in srgb,var(--color-neutral-white) 18%,transparent);}
.ap .ap-band h2{margin:0 0 1rem;font-size:clamp(1.85rem,5vw,3rem);font-weight:700;line-height:1.28;letter-spacing:-.015em;text-align:center;}
.ap-band__lead{max-width:42rem;margin:0 auto;text-align:center;font-size:clamp(1rem,2vw,1.1875rem);line-height:1.8;color:var(--color-neutral-solid-gray-700);}
.ap-band--dark .ap-band__lead{color:var(--color-neutral-solid-gray-200);}
.ap h2{border-bottom:0;padding-bottom:0;}
.ap .note{border:0;background:none;padding:0;margin-block:.75rem;border-radius:0;}
.ap .ap-hero .note{max-width:34rem;margin-inline:auto;}
.ap .ap-specs table,.ap .onprem-compare{display:table;table-layout:fixed;max-width:none;font-size:1rem;}
.ap-stats{display:grid;gap:2.25rem 1rem;grid-template-columns:repeat(2,minmax(0,1fr));margin:clamp(2rem,5vw,3.25rem) 0 0;text-align:center;}
.ap-stat dt{order:2;margin:.35rem 0 0;font-size:.875rem;color:var(--color-neutral-solid-gray-700);}
.ap-stat dd{order:1;margin:0;font-size:clamp(1.9rem,5.5vw,2.75rem);font-weight:600;line-height:1.05;letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--color-neutral-solid-gray-900);}
.ap-stat{display:flex;flex-direction:column;}
.ap-stat dd small{font-size:.44em;font-weight:600;letter-spacing:0;margin-inline-start:.15em;}
.ap-figure{text-align:center;margin:0 0 .5rem;}
.ap-figure__amount{display:block;font-size:clamp(3.5rem,13vw,7rem);font-weight:600;line-height:1;letter-spacing:-.035em;font-variant-numeric:tabular-nums;color:var(--color-neutral-solid-gray-900);}
.ap-figure__mark{font-size:.42em;vertical-align:.28em;margin-inline-end:.05em;}
.ap-figure__label{display:block;margin:.5rem 0 0;font-size:.9375rem;color:var(--color-neutral-solid-gray-700);}
.ap-specs{margin:clamp(1.75rem,4vw,2.5rem) 0 0;overflow-x:auto;}
.ap .ap-specs table{width:100%;border-collapse:collapse;margin:0;}
.ap .ap-specs th,.ap .ap-specs td{padding:1rem .25rem;text-align:start;vertical-align:top;font-weight:400;font-size:1rem;line-height:1.75;border:0;background:none;border-bottom:1px solid var(--color-neutral-solid-gray-200);}
.ap .ap-specs th{white-space:normal;color:var(--color-neutral-solid-gray-600);}
.ap .ap-specs tr:first-child th:first-child{width:7.5rem;}
.ap .ap-specs tr:first-child th{font-weight:700;color:var(--color-neutral-solid-gray-900);}
.ap .ap-specs tr:last-child th,.ap .ap-specs tr:last-child td{border-bottom:0;}
.ap .onprem-reasons{margin:clamp(2rem,5vw,3rem) 0 0;}
.ap .ap-band__inner > .onprem-reasons:first-child{margin-top:0;}
.ap .onprem-reasons ol{gap:1rem;}
.ap .onprem-reasons li,.ap .onprem-pain,.ap .onprem-step{border:0;border-radius:18px;padding:clamp(1.5rem,3.2vw,2rem);background:var(--color-neutral-white);}
.ap-band--tint .onprem-reasons li,.ap-band--tint .onprem-pain,.ap-band--tint .onprem-step{background:var(--color-neutral-white);}
.ap .onprem-reason-n,.ap .onprem-step-n{font-size:.8125rem;letter-spacing:.18em;margin-bottom:.6rem;color:var(--color-key-900);}
.ap .onprem-reasons h2{margin:0 0 .55rem;font-size:1.3rem;text-align:start;letter-spacing:-.01em;line-height:1.45;}
.ap .onprem-pain h3,.ap .onprem-step h3{margin:0 0 .6rem;font-size:1.1875rem;line-height:1.5;letter-spacing:-.01em;}
.ap .onprem-reasons p,.ap .onprem-pain p,.ap .onprem-step p{color:var(--color-neutral-solid-gray-700);line-height:1.85;}
.ap .onprem-pains{gap:1rem;margin:clamp(2rem,5vw,3rem) 0 0;}
.ap .onprem-steps{gap:1rem;margin:clamp(2rem,5vw,3rem) 0 0;}
.ap .onprem-step a{border-radius:999px;margin-top:1rem;}
.ap .onprem-compare{width:100%;border-collapse:separate;border-spacing:.6rem 0;margin:clamp(2rem,5vw,3rem) -.6rem 0;font-size:.9375rem;table-layout:fixed;}
.ap .onprem-compare th{padding:0 0 1rem;text-align:start;font-size:1.0625rem;font-weight:700;border:0;background:none;border-bottom:2px solid var(--color-neutral-solid-gray-900);}
.ap .onprem-compare td{padding:1.1rem 0;vertical-align:top;border:0;background:none;line-height:1.8;border-bottom:1px solid var(--color-neutral-solid-gray-200);color:var(--color-neutral-solid-gray-700);}
.ap .onprem-compare tr:last-child td{border-bottom:0;}
.ap .onprem-tax-panel{border:0;border-radius:18px;padding:clamp(1.5rem,3.2vw,2.25rem);margin:clamp(1.75rem,4vw,2.5rem) auto 0;max-width:42rem;background:var(--color-neutral-white);}
.ap .onprem-tax-panel p{color:var(--color-neutral-solid-gray-700);line-height:1.85;}
.ap .onprem-term{margin:clamp(2rem,5vw,3rem) 0 0;}
.ap .onprem-term img{border:0;border-radius:14px;}
.ap .onprem-term figcaption{margin:.85rem 0 0;text-align:center;color:var(--color-neutral-solid-gray-300);}
.ap .onprem-faq{margin:clamp(2rem,5vw,3rem) auto 0;max-width:42rem;}
.ap-close{text-align:center;}
.ap .ap-close .onprem-disclaimer{margin:1.5rem auto 0;max-width:38rem;}
.ap .ap-fn{text-decoration:none;padding-inline:.15em;color:var(--color-key-900);font-variant-numeric:tabular-nums;}
.ap .ap-fn:hover{text-decoration:underline;}
.ap .ap-fn sup{font-size:.7em;}
.ap-band--dark .ap-fn{color:var(--color-key-300);}
.ap .ap-notes li{scroll-margin-top:7.5rem;}
.ap .ap-notes li:target{background:var(--color-key-50);border-radius:8px;padding:.5rem .75rem;margin-inline:-.75rem;}
.ap-notes{margin:0;padding-block:clamp(2.5rem,6vw,4rem);border-top:1px solid var(--color-neutral-solid-gray-200);}
.ap-notes ol{max-width:46rem;margin:0 auto;padding-inline-start:1.5rem;display:grid;gap:.85rem;}
.ap-notes li{font-size:.8125rem;line-height:1.85;color:var(--color-neutral-solid-gray-600);}
.ap-notes li a{color:var(--color-neutral-solid-gray-700);}
.ap-ps{max-width:42rem;margin:0 auto clamp(2rem,5vw,3rem);text-align:center;font-size:1rem;line-height:1.9;color:var(--color-neutral-solid-gray-700);}
@media(prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.ap .ap-reveal{animation:ap-rise linear both;animation-timeline:view();animation-range:entry 0% entry 55%;}@keyframes ap-rise{from{opacity:0;transform:translateY(1.5rem);}to{opacity:1;transform:none;}}}}
@media print{.ap .ap-reveal{animation:none;opacity:1;transform:none;}}
@media(min-width:48rem){.ap-localnav__inner{min-height:52px;gap:2rem;}.ap-localnav__links{flex:0 1 auto;justify-content:center;margin-inline:auto;}.ap-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.5rem;}.ap .onprem-reasons ol{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;}.ap .onprem-pains{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;}.ap .onprem-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;}.ap .ap-specs tr:first-child th:first-child{width:14rem;}.ap .ap-cta a{width:auto;min-width:13.5rem;}.ap .onprem-compare{border-spacing:1rem 0;margin-inline:-1rem;font-size:1rem;}.web3-flow{grid-template-columns:repeat(4,minmax(0,1fr));}.web3-flow li{display:flex;flex-direction:column;gap:.35rem;padding:1.25rem;border-bottom:0;border-right:1px solid var(--color-neutral-solid-gray-200);}.web3-flow li:last-child{border-right:0;}.web3-pillars{grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem 2.5rem;}.web3-start-grid{grid-template-columns:repeat(3,minmax(0,1fr));}.studio-login{grid-template-columns:auto minmax(0,1fr) auto;}.studio-login__button{width:auto;min-width:12rem;}.studio-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);}.studio-result{border-top:0;border-left:1px solid color-mix(in srgb,var(--color-neutral-white) 14%,transparent);}.web3-node .ap-band__inner{grid-template-columns:minmax(0,1.1fr) minmax(18rem,.9fr);gap:4rem;}}