/* Mira, mira.zerolabs.se. Colours from Grafisk profil in docs/80-screens.md. */
@font-face { font-family: "Manrope"; src: url("/assets/fonts/Manrope-400.ttf") format("truetype"); font-weight: 300 500; font-style: normal; font-display: swap; }
@font-face { font-family: "Manrope"; src: url("/assets/fonts/Manrope-600.ttf") format("truetype"); font-weight: 600 800; font-style: normal; font-display: swap; }
@font-face { font-family: "Literata"; src: url("/assets/fonts/Literata-SemiBold.ttf") format("truetype"); font-weight: 100 900; font-style: normal; font-display: swap; }

:root {
  --background: #F8F5FB; --surface: #FFFFFF; --ink: #1C1F2A; --ink-muted: #4A4F5C; --line: #E4DDEE;
  --accent: #6A4C8C; --on-accent: #FFFFFF; --accent-soft: #EEE8F4; --accent-text: #6A4C8C; --rose: #D98CA6;
  --ok: #2B704F; --ok-soft: #E3F1EA; --warn: #7A541A; --warn-soft: #F6EEDD;
  --logo: #3F2B57; --inverse-bg: #1C1F2A; --inverse-ink: #FFFFFF; --inverse-muted: #C9CBD4;
  --accent-dashed: #B9A6D3; --no: #A23B3B; --code-bg: rgba(106, 76, 140, 0.12); --focus: #6A4C8C;
  --sym-a: #6A4C8C; --sym-c: #3F2B57; --sym-o: 0.85;
  --sans: Manrope, system-ui, -apple-system, "Segoe UI", sans-serif;
  --serif: Literata, Georgia, serif;
  --mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  color-scheme: light dark;
}
@media (prefers-color-scheme: dark) {
  :root {
  --background: #1A1424; --surface: #261D33; --ink: #F3EFF8; --ink-muted: #BFB3CF; --line: #3A2E4A;
  --accent: #9B7FC0; --on-accent: #1A1424; --accent-soft: #3F2B57; --accent-text: #C4ADE3; --rose: #D98CA6;
  --ok: #7FC8A2; --ok-soft: #1C2E26; --warn: #D9AE63; --warn-soft: #2F2818;
  --logo: #F3EFF8; --inverse-bg: #261D33; --inverse-ink: #F3EFF8; --inverse-muted: #BFB3CF;
  --accent-dashed: #6A4C8C; --no: #F09A9A; --code-bg: rgba(196, 173, 227, 0.16); --focus: #C4ADE3;
  --sym-a: #9B7FC0; --sym-c: #EEE8F4; --sym-o: 1;
  }
}
:root.fixed-light {
  --background: #F8F5FB; --surface: #FFFFFF; --ink: #1C1F2A; --ink-muted: #4A4F5C; --line: #E4DDEE;
  --accent: #6A4C8C; --on-accent: #FFFFFF; --accent-soft: #EEE8F4; --accent-text: #6A4C8C; --rose: #D98CA6;
  --ok: #2B704F; --ok-soft: #E3F1EA; --warn: #7A541A; --warn-soft: #F6EEDD;
  --logo: #3F2B57; --inverse-bg: #1C1F2A; --inverse-ink: #FFFFFF; --inverse-muted: #C9CBD4;
  --accent-dashed: #B9A6D3; --no: #A23B3B; --code-bg: rgba(106, 76, 140, 0.12); --focus: #6A4C8C;
  --sym-a: #6A4C8C; --sym-c: #3F2B57; --sym-o: 0.85;
  color-scheme: light;
}

*, *::before, *::after { box-sizing: border-box; }
html { background: var(--background); -webkit-text-size-adjust: 100%; }
body { margin: 0; font-family: var(--sans); color: var(--ink); background: var(--background); line-height: 1.55; font-size: 17px; overflow-wrap: break-word; }
h1, h2, h3, h4 { overflow-wrap: break-word; hyphens: auto; }
a { color: var(--accent-text); }
a:not([class]):hover { color: var(--logo); }
summary { cursor: pointer; }
fieldset { min-width: 0; }
:focus-visible { outline: 3px solid var(--focus); outline-offset: 2px; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.skip { position: absolute; left: 16px; top: -80px; z-index: 10; background: var(--accent); color: var(--on-accent); padding: 10px 16px; border-radius: 999px; font-weight: 700; text-decoration: none; }
.skip:focus { top: 12px; }

/* Web addresses and other machine-readable strings */
code { font-family: var(--mono); font-size: 0.9em; background: var(--code-bg); color: var(--accent-text); padding: 0.1em 0.35em; border-radius: 5px; white-space: nowrap; }

/* Placeholders the owner fills in before publishing */
mark.todo { background: var(--warn-soft); color: var(--warn); font-weight: 700; padding: 0 0.25em; border-radius: 4px; }

/* The symbol follows the colour scheme */
.sym-a { fill: var(--sym-a); opacity: var(--sym-o); }
.sym-b { fill: var(--rose); opacity: var(--sym-o); }
.sym-c { fill: var(--sym-c); }

/* Generated from the inline styles in site/source by site/build.py */
.u006e3c { display: flex; flex-direction: column; line-height: 1.25 }
.u00dd29 { background: #EEE8F4; border-radius: 28px; padding: 40px; display: flex; flex-direction: column; gap: 14px; align-items: center; text-align: center }
.u0103ba { font-weight: 700; color: var(--ok); background: var(--ok-soft); padding: 3px 10px; border-radius: 999px; font-size: 12px; white-space: nowrap }
.u018595 { align-self: center; font-size: 11px; color: #4A4F5C; text-align: center; max-width: 240px }
.u02a089 { margin: 0; font-family: var(--serif); font-weight: 600; font-size: clamp(36px, 4.5vw, 52px); line-height: 1.12 }
.u02ae96 { border-collapse: collapse; font-size: 15px; min-width: 520px; width: 100% }
.u02ea6c { background: var(--surface); border: 1px solid var(--line); border-radius: 18px; padding: 22px; display: flex; flex-direction: column; gap: 6px }
.u041598 { margin: 0; padding-left: 20px; display: flex; flex-direction: column; gap: 6px; font-size: 17px; color: var(--ink) }
.u042cfe { width: 40px; height: 40px; border-radius: 10px; background: #6A4C8C; border: 1px solid rgba(0,0,0,0.08); flex: none }
.u04841f { border-radius: 30px; background: var(--background); overflow: hidden; display: flex; flex-direction: column; height: 600px }
.u04b645 { margin: 0; font-size: 18px; color: var(--ink-muted) }
.u06733b { font-size: 13px; color: var(--ink-muted) }
.u078524 { max-width: 1120px; margin: 0 auto; padding: 32px 24px 0; display: flex; flex-direction: column; gap: 16px }
.u085d80 { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(160px, 100%), 1fr)); gap: 10px }
.u088c12 { display: flex; flex-direction: column; align-items: center; gap: 3px; font-size: 11px; font-weight: 700; color: #BFB3CF }
.u099106 { display: flex; align-items: center; gap: 10px; padding: 10px 16px 12px; background: #261D33; border-bottom: 1px solid #3A2E4A }
.u0b52ad { align-self: center; font-size: 11px; color: #BFB3CF; text-align: center; max-width: 240px }
.u0bc214 { font-size: 11px; color: #4A4F5C }
.u0c1880 { max-width: 1120px; margin: 0 auto; padding: 72px 24px; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(280px, 100%), 1fr)); gap: 40px }
.u0c1941 { margin: 0; font-size: 14px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: #6A4C8C }
.u0c2d02 { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(220px, 100%), 1fr)); gap: 20px }
.u0c8224 { font-family: Manrope, system-ui, sans-serif; font-weight: 700; font-size: 48px; line-height: 1.1 }
.u0cb215 { font-size: 14px; color: var(--ok); font-weight: 700; min-height: 20px }
.u0d2405 { background: var(--surface); border: 1px solid var(--line); border-radius: 20px; padding: 24px; display: flex; flex-direction: column; gap: 8px }
.u0e10c0 { display: flex; flex-wrap: wrap; gap: 8px; font-size: 14px; color: var(--ink-muted) }
.u0eb438 { font-size: 14px; margin-top: auto; display: flex; flex-wrap: wrap; gap: 12px }
.u0ed49b { margin: 0; color: var(--inverse-muted); font-size: 16px }
.u0f6c37 { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: 40px; align-items: center }
.u0fa63b { font-size: 12px; font-weight: 700; color: var(--accent-text); background: var(--accent-soft); padding: 4px 10px; border-radius: 999px }
.u105ea6 { background: var(--surface); border: 1px solid var(--line); border-radius: 20px; padding: 28px; display: flex; flex-direction: column; gap: 10px }
.u10b270 { font-size: 13px; color: #656A78 }
.u132821 { background: var(--inverse-bg); color: var(--inverse-muted) }
.u13beaf { border-radius: 999px; padding: 10px 16px; font-weight: 700; color: var(--ink-muted); min-height: 44px; font-size: 14px; display: inline-flex; align-items: center; cursor: pointer }
.u143f74 { background: var(--surface); border: 1px solid var(--line); border-radius: 20px; padding: 24px; display: flex; flex-direction: column; gap: 10px }
.u15005b { text-decoration: none; color: #1C1F2A }
.u15895b { display: flex; flex-wrap: wrap; gap: 12px }
.u15a2cc { margin: 0; font-family: var(--serif); font-weight: 600; font-size: 28px }
.u16b5a7 { height: 96px; background: #3F2B57; border-bottom: 1px solid rgba(0,0,0,0.06) }
.u175d8d { margin: 0; color: var(--ink); font-size: 16px }
.u17b34f { margin: 0; font-size: 20px }
.u180612 { font-family: var(--serif); font-weight: 600; font-size: 22px }
.u18e29c { display: flex; flex-direction: column; gap: 8px; align-items: flex-start }
.u18ff08 { display: flex; flex-direction: column; gap: 8px; font-size: 15px; color: var(--ink-muted) }
.u1908f1 { max-width: 1120px; margin: 0 auto; padding: 0 24px 40px }
.u192902 { display: flex; flex-wrap: wrap; gap: 8px }
.u196aa2 { font-weight: 700; color: var(--ink-muted); background: var(--line); padding: 2px 10px; border-radius: 999px; font-size: 13px }
.u199b5b { width: 40px; height: 40px; border-radius: 10px; background: #F3EFF8; border: 1px solid rgba(0,0,0,0.08); flex: none }
.u1b23e6 { align-self: flex-start; max-width: 88%; background: #3F2B57; color: #F3EFF8; padding: 9px 12px; border-radius: 16px 16px 16px 4px; font-size: 14px }
.u1c5fa5 { background: #FFFFFF; border: 1px solid #DCDFE6; border-radius: 20px; padding: 48px 24px; display: flex; flex-direction: column; gap: 18px; align-items: center }
.u1c8007 { margin: 0; padding-left: 20px; display: flex; flex-direction: column; gap: 6px; font-size: 15px; color: var(--ink-muted) }
.u1cc29b { flex: 1; display: flex; flex-direction: column; gap: 10px; padding: 14px 14px 10px; overflow: hidden }
.u1cf101 { font-weight: 700; color: var(--warn); background: var(--warn-soft); padding: 3px 10px; border-radius: 999px; font-size: 12px; white-space: nowrap }
.u1d3c3b { border: 1px solid var(--accent); border-radius: 10px; padding: 6px 2px; background: var(--accent); color: var(--on-accent) }
.u1efad3 { margin: 0; color: var(--accent-text); font-size: 14px; font-weight: 600 }
.u1f0d45 { height: 96px; background: #EEE8F4; border-bottom: 1px solid rgba(0,0,0,0.06) }
.u1fc020 { width: 340px; max-width: 100%; background: var(--surface); border: 1px solid var(--line); border-radius: 40px; padding: 12px; box-shadow: 0 24px 60px rgba(28,31,42,0.14) }
.u211b26 { flex: 1; overflow-y: auto; padding: 16px 14px; display: flex; flex-direction: column; gap: 10px; font-size: 14px; line-height: 1.45 }
.u221514 { margin: 0; padding-left: 20px; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(280px, 100%), 1fr)); gap: 6px 28px; font-size: 15px; color: var(--ink-muted) }
.u222713 { background: var(--accent); color: var(--on-accent); padding: 12px 16px; border-radius: 18px 18px 18px 5px; font-size: 17px; max-width: 560px }
.u22301a { font-size: 12px; color: var(--ink-muted) }
.u24b326 { font-size: 13px; color: var(--ink-muted); margin-top: auto }
.u24d05d { margin: 2px 0 0 }
.u24faad { display: flex; gap: 4px; background: var(--surface); border: 1px solid var(--line); border-radius: 999px; padding: 4px; margin: 0 }
.u25779f { display: flex; flex-direction: column; gap: 12px; max-width: 900px }
.u25ad09 { display: inline-flex; align-items: center; gap: 11px; font-family: Literata, Georgia, serif; font-weight: 600; font-size: 48px; line-height: 1; color: #FFFFFF }
.u2994f0 { padding: 8px 12px 8px 0; border-bottom: 1px solid var(--line) }
.u29af20 { font-family: var(--serif); font-size: 28px; color: var(--accent-text); line-height: 1.1 }
.u2a0ca8 { margin: 0 }
.u2adbc0 { color: #A23B3B; font-weight: 700 }
.u2b2639 { text-decoration: none; display: inline-flex }
.u2bda56 { display: flex; justify-content: space-between; gap: 8px; align-items: center }
.u2d2ef5 { font-family: var(--serif); font-weight: 600; color: var(--logo) }
.u2e3415 { font-size: 12px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: var(--ink-muted) }
.u2fcc7b { margin: 0; font-size: 16px; color: var(--ink); max-width: 820px }
.u307d55 { display: flex; justify-content: space-between; gap: 12px; font-size: 15px; border-bottom: 1px solid var(--line); padding-bottom: 8px }
.u30c9cf { margin: 0; font-family: var(--serif); font-weight: 600; font-size: clamp(32px, 4vw, 44px); line-height: 1.15 }
.u3160e6 { font-family: var(--serif); font-size: 18px; padding: 4px 2px 0 }
.u31f29e { display: flex; justify-content: space-between; padding: 14px 24px 6px; font-size: 13px; font-weight: 700; color: #1C1F2A }
.u324791 { width: 40px; height: 40px; border-radius: 10px; background: #1C1F2A; border: 1px solid rgba(0,0,0,0.08); flex: none }
.u32abe2 { font-weight: 700; color: var(--accent-text); background: var(--accent-soft); padding: 3px 10px; border-radius: 999px; font-size: 12px; white-space: nowrap }
.u32afe8 { max-width: 1120px; margin: 0 auto; padding: 88px 24px; display: flex; flex-direction: column; gap: 32px }
.u33b7fc { background: var(--surface); border: 1px solid var(--line); border-radius: 20px; padding: 24px; display: grid; grid-template-columns: 48px 1fr; gap: 6px 18px }
.u347c56 { font-size: 15px; color: var(--ink-muted) }
.u35a284 { margin: 0; font-family: var(--serif); font-weight: 600; font-size: clamp(32px, 4vw, 44px); line-height: 1.15; color: var(--inverse-ink) }
.u3602c9 { background: var(--surface); border: 1px solid var(--line); border-radius: 18px; padding: 22px; display: flex; flex-direction: column; gap: 8px }
.u362318 { width: 22px; height: 4px; border-radius: 4px; background: #6A4C8C }
.u36befd { max-width: 1120px; margin: 0 auto; padding: 0 24px 88px; display: flex; flex-direction: column; gap: 32px }
.u377e01 { position: absolute; inset: 0 auto 0 0; width: 77%; background: var(--accent); border-radius: 4px }
.u37ca4b { margin: 0; font-family: var(--serif); font-weight: 600; font-size: 32px }
.u3a47ad { font-size: 13px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: #656A78; margin-top: 8px }
.u3acbe0 { display: flex; flex-direction: column; align-items: center; gap: 3px; font-size: 11px; font-weight: 700; color: #4A4F5C }
.u3b0c8b { max-width: 1120px; margin: 0 auto; padding: 64px 24px 0; display: flex; flex-direction: column; gap: 20px }
.u3cdd22 { color: var(--ink-muted); white-space: nowrap }
.u3d2fe5 { font-weight: 700; color: #2B704F; background: #E3F1EA; padding: 3px 10px; border-radius: 999px; font-size: 12px; white-space: nowrap }
.u3eda37 { background: var(--surface); border: 1px solid var(--line); border-radius: 20px; padding: 20px; display: flex; flex-direction: column; gap: 10px }
.u3f2056 { font-family: Literata, Georgia, serif; font-weight: 600; font-size: 48px; line-height: 1.1 }
.u3ff680 { margin: 0; font-size: 15px; color: var(--ink) }
.u405f79 { width: 112px; height: 112px; border-radius: 26px; background: #FFFFFF; display: flex; align-items: center; justify-content: center; box-shadow: 0 8px 20px rgba(28,31,42,0.14) }
.u406c51 { margin: 0; font-family: var(--serif); font-weight: 600; font-size: 24px; line-height: 1.25 }
.u40c25c { margin: 12px 0 0; padding-left: 20px; display: flex; flex-direction: column; gap: 10px; font-size: 15px; color: var(--ink-muted) }
.u411afc { margin: 10px 0 0; padding-left: 20px; display: flex; flex-direction: column; gap: 6px; font-size: 15px; color: var(--ink-muted) }
.u41576e { display: inline-flex; align-items: center; gap: 11px; font-family: Literata, Georgia, serif; font-weight: 600; font-size: 48px; line-height: 1; color: #3F2B57 }
.u42a3d8 { margin: 0; font-size: 18px; line-height: 1.3 }
.u438171 { background: var(--surface); border-top: 1px solid var(--line) }
.u4392e4 { text-align: left; color: var(--ink-muted); font-size: 13px }
.u440970 { overflow-wrap: anywhere }
.u4488fa { border-top: 1px solid var(--line); padding-top: 12px }
.u456e01 { display: flex; flex-direction: column; gap: 12px; max-width: 720px }
.u47548b { margin: 0; font-size: 16px; color: #4A4F5C }
.u477485 { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 20px; align-items: stretch }
.u4781d8 { background: var(--accent-soft); border-radius: 20px; padding: 24px; display: flex; flex-direction: column; gap: 8px }
.u48faa4 { width: 40px; height: 40px; border-radius: 10px; background: #FFFFFF; border: 1px solid rgba(0,0,0,0.08); flex: none }
.u494806 { max-width: 800px; margin: 0 auto; padding: 88px 24px; display: flex; flex-direction: column; gap: 24px }
.u49a008 { display: block; font-size: 14px }
.u4a7c8f { font-weight: 700; color: #4A4F5C; background: #ECEEF2; padding: 3px 10px; border-radius: 999px; font-size: 12px; white-space: nowrap }
.u4b357a { background: var(--accent-soft); border: 1px dashed var(--accent-dashed); border-radius: 20px; padding: 24px; display: flex; flex-direction: column; gap: 10px }
.u4c0e53 { align-self: flex-end; max-width: 84%; background: #6A4C8C; color: #FFFFFF; padding: 9px 12px; border-radius: 16px 16px 4px 16px; font-size: 14px }
.u4c1598 { background: #FFFFFF; border: 2px solid #6A4C8C; border-radius: 24px; padding: 28px; display: flex; flex-direction: column; gap: 18px }
.u4d9c41 { border: 1px solid var(--line); border-radius: 16px; padding: 16px; display: flex; flex-direction: column; gap: 10px; background: var(--background) }
.u4e0585 { max-width: 1120px; margin: 0 auto; padding: 72px 24px 0; display: flex; flex-direction: column; gap: 20px }
.u4e435d { margin: 0 12px 14px; padding: 12px 14px; border: 1px solid var(--line); border-radius: 999px; background: var(--surface); font-size: 13px; color: var(--ink-muted) }
.u4eb17f { margin: 0; padding-left: 20px; color: var(--ink-muted); display: flex; flex-direction: column; gap: 6px }
.u4f353e { align-self: flex-end; max-width: 84%; background: #6A4C8C; color: #FFFFFF; padding: 10px 12px; border-radius: 16px 16px 4px 16px; font-size: 15px }
.u513ab5 { font-weight: 700; color: var(--warn); background: var(--warn-soft); padding: 2px 10px; border-radius: 999px; font-size: 12px }
.u518808 { border-bottom: 1px solid var(--line); background: var(--surface) }
.u525764 { border-bottom: 1px solid var(--line); padding: 16px 0 }
.u52c5ab { background: var(--surface); border: 1px solid var(--line); border-radius: 24px; padding: 28px; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(300px, 100%), 1fr)); gap: 28px }
.u53590a { margin: 0; font-size: 16px; color: #4A4F5C; max-width: 820px }
.u555e11 { align-self: flex-start; text-decoration: none; background: var(--surface); color: var(--ink); padding: 14px 22px; border-radius: 999px; font-weight: 700; border: 1px solid var(--line) }
.u563d6c { flex: 999 1 420px; min-width: 0; display: flex; flex-direction: column; gap: 18px }
.u566a0d { max-width: 820px; margin: 0 auto; padding: 0 24px 88px; display: flex; flex-direction: column; gap: 12px }
.u567acf { margin: 0; font-family: var(--serif); font-weight: 600; font-size: clamp(40px, 5vw, 58px); line-height: 1.1 }
.u56af24 { display: inline-flex; align-items: center; gap: 6px; font-family: var(--serif); font-weight: 600; font-size: 24px; color: var(--logo); text-decoration: none }
.u594602 { position: absolute; inset: 0 auto 0 0; width: 80%; background: var(--accent); border-radius: 4px }
.u59e00c { background: #F8F5FB; border-radius: 18px; padding: 20px; display: flex; flex-direction: column; gap: 10px }
.u5ba261 { margin: 0; font-size: 18px }
.u5cb99e { width: 40px; height: 40px; border-radius: 10px; background: #EEE8F4; border: 1px solid rgba(0,0,0,0.08); flex: none }
.u5cca54 { flex: 1 1 340px; display: flex; justify-content: center }
.u5d68d4 { color: var(--accent-text); overflow-wrap: anywhere }
.u5db75d { font-weight: 700 }
.u5f846b { font-size: 13px; color: var(--ink-muted); margin-top: auto; padding-top: 6px; border-top: 1px solid var(--line) }
.u5fd05f { display: flex; align-items: baseline; gap: 6px }
.u6011d1 { width: 40px; height: 40px; border-radius: 10px; background: #3F2B57; border: 1px solid rgba(0,0,0,0.08); flex: none }
.u60bd15 { font-family: Literata, Georgia, serif; font-weight: 600; font-size: 28px; line-height: 1.2 }
.u60d951 { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(300px, 100%), 1fr)); gap: 16px }
.u61e300 { background: #EEE8F4; border-radius: 24px; padding: 32px 16px; display: flex; flex-direction: column; align-items: center; gap: 16px }
.u620260 { font-weight: 700; padding: 2px 10px; border-radius: 999px; font-size: 12px; color: var(--ok); background: var(--ok-soft); white-space: nowrap }
.u620e22 { display: flex; flex-direction: column; gap: 8px }
.u6362b6 { margin: 0; color: var(--ink-muted); font-size: 16px }
.u63fc9d { border: 1px solid var(--line); border-radius: 999px; padding: 10px 16px; font-weight: 700; background: var(--surface); color: var(--ink-muted); min-height: 44px; font-size: 14px; display: inline-flex; align-items: center; cursor: pointer }
.u6543bf { margin: 0; font-size: 14px; color: var(--ink-muted) }
.u66b158 { font-weight: 700; color: var(--accent-text); background: var(--accent-soft); padding: 2px 10px; border-radius: 999px; font-size: 13px }
.u67bcfe { font-family: var(--serif); font-size: 19px }
.u68424e { flex: 999 1 460px; min-width: 0; display: flex; flex-direction: column; gap: 24px }
.u6a89f9 { background: var(--accent-soft); border-radius: 18px; padding: 22px; display: flex; flex-direction: column; gap: 8px }
.u6aa194 { padding: 8px 12px }
.u6bad3b { display: flex; flex-wrap: wrap; align-items: center; gap: 24px; font-size: 15px; font-weight: 600 }
.u6c4dc2 { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 20px }
.u6c5140 { margin: 0; font-size: 16px; color: #4A4F5C; max-width: 760px }
.u6c8943 { align-self: flex-start; max-width: 92%; background: var(--surface); border: 1px solid var(--line); padding: 10px 12px; border-radius: 16px 16px 16px 4px }
.u6cb4a9 { border: 1px solid var(--line); border-radius: 10px; padding: 6px 2px; background: var(--surface) }
.u6cb4e9 { width: 40px; height: 40px; border-radius: 10px; background: #E4DDEE; border: 1px solid rgba(0,0,0,0.08); flex: none }
.u6d4b90 { margin: 0; font-family: var(--serif); font-weight: 600; font-size: 24px }
.u6d50f0 { font-size: 13px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: #6A4C8C }
.u6da376 { font-size: 13px; font-weight: 700; color: var(--accent-text) }
.u6f97ee { align-self: flex-start; max-width: 88%; background: #EEE8F4; color: #1C1F2A; padding: 10px 12px; border-radius: 16px 16px 16px 4px; font-size: 15px }
.u705bd7 { display: flex; align-items: center; gap: 8px; padding: 8px 12px; background: #261D33; border-top: 1px solid #3A2E4A }
.u709385 { margin: 12px 0 0; font-size: 15px; color: var(--ink-muted) }
.u70a772 { font-weight: 700; color: #7A541A; background: #F6EEDD; padding: 3px 10px; border-radius: 999px; font-size: 12px; white-space: nowrap }
.u70e10a { border-radius: 36px; overflow: hidden; background: #F8F5FB; display: flex; flex-direction: column; height: 600px; font-family: Manrope, system-ui, sans-serif }
.u70f7f2 { max-width: 1120px; margin: 0 auto; padding: 0 24px 24px }
.u7172d6 { text-decoration: none; color: var(--ink) }
.u719d7a { color: var(--ink-muted) }
.u72e840 { background: var(--surface); border: 1px solid var(--line); border-radius: 24px; padding: 36px; display: flex; flex-wrap: wrap; gap: 32px; align-items: flex-start }
.u731b96 { display: flex; flex-direction: column; align-items: center; gap: 3px; font-size: 11px; font-weight: 700; color: #6A4C8C }
.u763418 { background: #3F2B57; border-radius: 24px; padding: 32px 16px; display: flex; flex-direction: column; align-items: center; gap: 16px }
.u766e7a { display: flex; justify-content: space-between; gap: 12px; font-size: 15px }
.u76d775 { border-radius: 36px; overflow: hidden; background: #1A1424; display: flex; flex-direction: column; height: 600px; font-family: Manrope, system-ui, sans-serif }
.u7719b2 { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(320px, 100%), 1fr)); gap: 16px }
.u78a85f { width: 22px; height: 4px; border-radius: 4px; background: #9B7FC0 }
.u78f4b4 { margin: 0; font-size: 19px; color: var(--ink-muted); max-width: 760px }
.u79e91a { margin: 8px 0 0; padding-left: 18px; display: flex; flex-direction: column; gap: 8px }
.u7a1c7b { font-family: var(--serif); font-size: 36px; line-height: 1; color: var(--accent-text); grid-row: span 3 }
.u7cf102 { border-bottom: 1px solid #DCDFE6; background: #FFFFFF }
.u7da4e8 { font-size: 16px }
.u7fba2d { width: 40px; height: 40px; border-radius: 10px; background: #F8F5FB; border: 1px solid rgba(0,0,0,0.08); flex: none }
.u8072ff { font-family: var(--serif); font-size: 36px; font-weight: 600; color: var(--logo) }
.u80bdd6 { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(260px, 100%), 1fr)); gap: 16px }
.u80ec28 { margin: 0; padding-left: 20px; display: flex; flex-direction: column; gap: 6px; font-size: 15px; color: var(--ink) }
.u8141c1 { margin: 0; font-size: 20px; color: var(--ink-muted); max-width: 560px }
.u81ef2a { background: #EEE8F4; border-radius: 20px; padding: 48px 24px; display: flex; flex-direction: column; gap: 18px; align-items: center }
.u81f078 { margin: 0; color: var(--ink-muted); max-width: 760px }
.u8380b4 { background: var(--surface); border: 1px solid var(--line); border-radius: 24px; padding: 28px; display: flex; flex-direction: column; gap: 16px }
.u83b093 { font-weight: 700; font-size: 18px }
.u843ea8 { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(240px, 100%), 1fr)); gap: 28px }
.u854adf { width: 40px; height: 40px; border-radius: 10px; background: #DCDFE6; border: 1px solid rgba(0,0,0,0.08); flex: none }
.u891200 { margin: 0; font-family: var(--serif); font-weight: 600; font-size: clamp(28px, 3.5vw, 38px); line-height: 1.2 }
.u895071 { margin: 0; font-size: 16px; color: var(--ink-muted) }
.u89a282 { max-width: 1120px; margin: 0 auto; padding: 88px 24px; display: flex; flex-wrap: wrap; align-items: center; gap: 56px }
.u8b3a37 { max-width: 1120px; margin: 0 auto; padding: 0 24px 56px; display: flex; flex-direction: column; gap: 20px }
.u8b8bce { width: 40px; height: 40px; border-radius: 10px; background: #3A2E4A; border: 1px solid rgba(0,0,0,0.08); flex: none }
.u8cd5c7 { border: 1px solid var(--line); border-radius: 14px; padding: 12px 14px; display: flex; flex-direction: column; gap: 6px }
.u8d0dfd { margin: 0 0 16px; font-size: 14px; color: var(--ink-muted) }
.u8d7514 { margin: 12px 0 0; padding-left: 20px; display: flex; flex-direction: column; gap: 8px; font-size: 15px; color: var(--ink-muted) }
.u8e2d19 { padding: 14px 16px; display: flex; flex-direction: column; gap: 2px }
.u8e6ab9 { padding: 8px 12px 8px 0 }
.u8ebc98 { background: var(--surface); border: 1px solid var(--line); border-radius: 18px; padding: 22px; display: flex; flex-direction: column; gap: 10px }
.u904819 { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(180px, 100%), 1fr)); gap: 16px }
.u90543b { display: flex; flex-direction: column; gap: 10px }
.u913bdb { font-size: 11px; color: #BFB3CF }
.u915942 { width: 34px; height: 34px; border-radius: 999px; background: #6A4C8C; color: #FFFFFF; display: flex; align-items: center; justify-content: center; font-weight: 700 }
.u920749 { background: var(--accent-soft); border-radius: 20px; padding: 28px; display: flex; flex-direction: column; gap: 10px }
.u92165b { font-size: 15px; font-style: italic; color: var(--ink) }
.u929dd3 { margin: 12px 0 0; display: grid; grid-template-columns: 220px 1fr; gap: 10px 16px; font-size: 15px; color: var(--ink-muted) }
.u92b753 { margin: 0; font-size: 16px; color: var(--ink); max-width: 860px }
.u92b98f { flex: 999 1 420px; min-width: 0; margin: 0; color: var(--ink-muted) }
.u931dfa { margin: 0; font-size: 19px; color: var(--inverse-muted) }
.u94e911 { color: #2F7A57; font-weight: 700 }
.u95afb1 { height: 96px; background: #6A4C8C; border-bottom: 1px solid rgba(0,0,0,0.06) }
.u95ca73 { display: block; color: var(--ink); font-size: 14px }
.u962b5b { display: flex; justify-content: space-between; align-items: center; gap: 8px }
.u96f73a { font-size: 14px; color: var(--ink-muted) }
.u96fbca { font-size: 14px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(--accent-text) }
.u9765ab { width: 34px; height: 34px; border-radius: 999px; background: #9B7FC0; color: #1A1424; display: flex; align-items: center; justify-content: center; font-weight: 700 }
.u9780a8 { margin-top: auto; text-align: center; text-decoration: none; background: var(--accent); color: var(--on-accent); padding: 14px; border-radius: 999px; font-weight: 700 }
.u9806ca { width: 40px; height: 40px; border-radius: 10px; background: #4A4F5C; border: 1px solid rgba(0,0,0,0.08); flex: none }
.u987eb2 { overflow-x: auto }
.u98fffa { border-collapse: collapse; font-size: 15px; min-width: 620px; width: 100% }
.u990a3d { width: 40px; height: 40px; border-radius: 10px; background: #1A1424; border: 1px solid rgba(0,0,0,0.08); flex: none }
.u998740 { display: flex; justify-content: space-between; font-size: 15px }
.u9a6651 { margin: 0; color: var(--ink-muted); font-size: 17px }
.u9a6ca1 { flex: 1; border: 1px solid #E4DDEE; background: #F8F5FB; border-radius: 999px; padding: 9px 14px; font-size: 13px; color: #4A4F5C }
.u9a894c { display: flex; justify-content: space-around; padding: 6px 8px 18px; background: #FFFFFF }
.u9acef4 { max-width: 1120px; margin: 0 auto; padding: 72px 24px 64px; display: flex; flex-wrap: wrap; align-items: center; gap: 56px }
.u9cebf5 { font-weight: 700; color: var(--ok); background: var(--ok-soft); padding: 2px 10px; border-radius: 999px; font-size: 13px }
.u9dcfad { margin: 0; font-size: 17px; color: var(--ink) }
.u9e21d0 { font-size: 13px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: var(--ink-muted) }
.u9eb918 { position: absolute; inset: 0 auto 0 0; width: 70%; background: var(--accent); border-radius: 4px }
.ua08a40 { margin: 0; font-size: 18px; color: #4A4F5C; max-width: 560px }
.ua10fbc { max-width: 1120px; margin: 0 auto; padding: 72px 24px 0 }
.ua2459f { margin: 12px 0 0; padding-left: 22px; display: flex; flex-direction: column; gap: 8px; font-size: 16px; color: var(--ink-muted) }
.ua27094 { margin: 0; font-size: 17px }
.ua2c472 { display: flex; align-items: center; gap: 10px; padding: 10px 16px 12px; background: #FFFFFF; border-bottom: 1px solid #E4DDEE }
.ua3c456 { border-radius: 999px; padding: 10px 18px; font-weight: 700; color: var(--ink-muted); min-height: 44px; font-size: 15px; display: inline-flex; align-items: center; cursor: pointer }
.ua428ba { font-size: 15px }
.ua446ad { background: var(--surface); border: 1px solid var(--line); border-radius: 14px; padding: 14px }
.ua4aea4 { display: flex; flex-direction: column; gap: 12px }
.ua4fe8c { margin: 0; font-family: var(--serif); font-weight: 600; font-size: 22px }
.ua50bdd { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(320px, 100%), 1fr)); gap: 16px }
.ua54188 { font-size: 13px }
.ua556f8 { flex: none }
.ua5bb4c { width: 90px; height: 22px; border-radius: 999px; background: #000000 }
.ua649ff { margin: 12px 0 8px; font-size: 15px; color: var(--ink-muted) }
.ua7b209 { display: flex; flex-direction: column; align-items: center; gap: 3px; font-size: 11px; font-weight: 700; color: #9B7FC0 }
.ua7ee04 { margin: 0; color: var(--ink-muted); font-size: 16px; font-style: italic }
.ua7fb7e { margin: 0; font-family: Literata, Georgia, serif; font-weight: 600; font-size: 28px; color: #1C1F2A }
.ua8a701 { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(230px, 100%), 1fr)); gap: 20px }
.ua981cb { display: flex; flex-direction: column; gap: 2px }
.ua9b993 { max-width: 1120px; margin: 0 auto; padding: 32px 24px; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 16px; font-size: 14px; color: var(--ink-muted) }
.uaa9460 { text-decoration: none; background: var(--accent); color: var(--on-accent); padding: 12px 18px; border-radius: 999px }
.uab7c80 { margin: 12px 0 0; display: flex; flex-direction: column; gap: 10px; font-size: 15px; color: var(--ink-muted) }
.uac114a { cursor: pointer; padding: 4px 0 }
.uac6f2d { width: 320px; max-width: 100%; box-sizing: border-box; border-radius: 44px; padding: 10px; background: #0E0A14; box-shadow: 0 24px 60px rgba(28,20,40,0.22) }
.uad948e { display: flex; justify-content: space-between; align-items: baseline; gap: 8px }
.uadd522 { width: 40px; height: 40px; border-radius: 10px; background: #C4ADE3; border: 1px solid rgba(0,0,0,0.08); flex: none }
.uae67cf { max-width: 1120px; margin: 0 auto; padding: 72px 24px 56px }
.ub0d56f { width: 320px; max-width: 100%; box-sizing: border-box; border-radius: 44px; padding: 10px; background: #DCDFE6; box-shadow: 0 24px 60px rgba(28,20,40,0.22) }
.ub24c26 { text-decoration: none; background: var(--surface); color: var(--ink); padding: 16px 24px; border-radius: 999px; font-weight: 700; border: 1px solid var(--line) }
.ub264e9 { display: flex; align-items: center; gap: 12px }
.ub4b94d { background: var(--surface); border: 1px solid var(--line); border-radius: 20px; padding: 28px; display: grid; grid-template-columns: 56px 1fr; gap: 8px 20px }
.ub4e3bc { font-family: var(--serif); font-size: 32px; line-height: 1; color: var(--accent-text); grid-row: span 2 }
.ub5c127 { display: flex; flex-direction: column; align-items: center; gap: 8px }
.ub60b7c { max-width: 1120px; margin: 0 auto; padding: 32px 24px; font-size: 14px; color: #656A78 }
.ub63263 { background: #FFFFFF; border: 1px solid #DCDFE6; border-radius: 18px; overflow: hidden; display: flex; flex-direction: column }
.ub68917 { height: 8px; border-radius: 4px; background: var(--line); position: relative; overflow: hidden }
.ub7a37b { max-width: 1120px; margin: 0 auto; padding: 72px 24px 32px; display: flex; flex-direction: column; gap: 20px }
.ub80afa { text-decoration: none; background: var(--accent); color: var(--on-accent); padding: 16px 24px; border-radius: 999px; font-weight: 700 }
.ub8131b { margin: 0; font-family: Literata, Georgia, serif; font-size: clamp(24px, 3vw, 32px); line-height: 1.25 }
.ub8c1a5 { margin: 0; font-size: 18px; color: var(--inverse-ink) }
.ub8c9db { font-size: 13px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: #D8CDE6 }
.ub8d726 { margin: 12px 0 0; display: grid; grid-template-columns: 140px 1fr; gap: 8px 16px; font-size: 15px; color: var(--ink-muted) }
.ub986a3 { font-family: Literata, Georgia, serif; font-weight: 600; color: #3F2B57 }
.ubacde4 { position: absolute; inset: 0 auto 0 0; width: 48%; background: var(--accent); border-radius: 4px }
.ubbba24 { font-weight: 700; font-size: 16px }
.ubbe222 { font-family: Literata, Georgia, serif; font-weight: 600; font-size: 17px; color: #F3EFF8 }
.ubc0172 { display: flex; flex-direction: column; gap: 4px }
.ubc1424 { font-family: var(--serif); font-size: 32px; line-height: 1; color: var(--accent-text); grid-row: span 3 }
.ubd41dd { font-size: 14px; color: #4A4F5C }
.ubdcd6f { max-width: 1120px; margin: 0 auto; padding: 32px 24px 72px }
.ube44e9 { max-width: 1120px; margin: 0 auto; padding: 24px 24px 16px; display: flex; flex-direction: column; gap: 16px }
.ube9165 { max-width: 1120px; margin: 0 auto; padding: 8px 24px 8px; display: flex; flex-wrap: wrap; gap: 8px; font-size: 14px; font-weight: 700 }
.ubea205 { margin-top: auto; text-align: center; text-decoration: none; background: var(--surface); color: var(--ink); border: 1px solid var(--line); padding: 14px; border-radius: 999px; font-weight: 700 }
.ubea46b { text-decoration: none; border: 1px solid var(--line); background: var(--surface); color: var(--ink-muted); border-radius: 999px; padding: 8px 14px }
.ubedfa0 { max-width: 1120px; margin: 0 auto; padding: 72px 24px 88px; display: flex; flex-direction: column; gap: 20px }
.ubf1804 { font-weight: 700; color: var(--accent-text); background: var(--accent-soft); padding: 2px 10px; border-radius: 999px; font-size: 12px }
.ubf27c5 { flex: 1; border: 1px solid #3A2E4A; background: #1A1424; border-radius: 999px; padding: 9px 14px; font-size: 13px; color: #BFB3CF }
.uc0832b { margin: 10px 0 0; font-size: 15px; color: var(--ink-muted) }
.uc0cbe1 { position: absolute; inset: 0 auto 0 0; width: 60%; background: var(--accent); border-radius: 4px }
.uc1d41b { max-width: 1120px; margin: 0 auto; padding: 16px 24px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px }
.uc211a9 { margin: 0; font-size: 15px; color: var(--ink-muted) }
.uc2e031 { margin: 0; font-size: 15px; color: #4A4F5C }
.uc39fb3 { font-weight: 700; color: var(--ink) }
.uc45b7b { align-self: flex-start; max-width: 88%; background: #EEE8F4; color: #1C1F2A; padding: 9px 12px; border-radius: 16px 16px 16px 4px; font-size: 14px }
.uc5768b { font-family: var(--serif); font-weight: 600; font-size: 17px }
.uc59b98 { display: inline-block; background: #FFFFFF; color: #1C1F2A; border: 1px solid #DCDFE6; padding: 12px 20px; border-radius: 999px; font-weight: 700; font-size: 15px }
.uc6b158 { padding: 16px 0 }
.uc72bfc { width: 112px; height: 112px; border-radius: 26px; background: #15181E; display: flex; align-items: center; justify-content: center; box-shadow: 0 8px 20px rgba(0,0,0,0.3) }
.uc7a4b1 { max-width: 1120px; margin: 0 auto; padding: 0 24px 16px }
.uc7c168 { height: 96px; background: #D98CA6; border-bottom: 1px solid rgba(0,0,0,0.06) }
.uc810ee { display: inline-flex; align-items: center; gap: 18px; font-family: Literata, Georgia, serif; font-weight: 600; font-size: 84px; line-height: 1; color: #3F2B57 }
.uc82e1f { align-self: center; font-size: 12px; color: var(--ink-muted); padding: 6px 0 2px }
.uc8f2c3 { align-self: flex-start; max-width: 88%; background: var(--surface); border: 1px solid var(--line); padding: 10px 12px; border-radius: 16px 16px 16px 4px; white-space: pre-line }
.uccb61a { display: inline-flex; align-items: center; gap: 5px; font-family: Literata, Georgia, serif; font-weight: 600; font-size: 24px; line-height: 1; color: #3F2B57 }
.uccdb6f { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: baseline; gap: 8px }
.uceb78a { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 6px; font-size: 11px; text-align: center; color: var(--ink-muted) }
.ucef983 { width: 22px; height: 4px; border-radius: 4px; background: transparent }
.ucfab08 { background: var(--surface); border: 1px solid var(--line); border-radius: 24px; padding: 28px; display: flex; flex-direction: column; gap: 18px }
.ud0031d { display: flex; align-items: center; gap: 8px; padding: 8px 12px; background: #FFFFFF; border-top: 1px solid #E4DDEE }
.ud01a34 { margin: 0; font-size: 16px; color: #4A4F5C; max-width: 780px }
.ud05491 { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px; background: var(--surface); border: 1px solid var(--line); border-radius: 999px; padding: 4px; margin: 0 }
.ud06717 { width: 40px; height: 40px; border-radius: 10px; background: #F7F8FA; border: 1px solid rgba(0,0,0,0.08); flex: none }
.ud0ea02 { flex: 1 1 280px; display: flex; flex-direction: column; gap: 10px }
.ud1fbbb { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; flex-wrap: wrap }
.ud2fe6c { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(260px, 100%), 1fr)); gap: 20px }
.ud32f7a { background: var(--accent-soft) }
.ud38081 { width: 56px; height: 56px; border-radius: 13px; background: #FFFFFF; display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 10px rgba(28,31,42,0.14) }
.ud3b361 { display: flex; justify-content: space-between; padding: 14px 24px 6px; font-size: 13px; font-weight: 700; color: #F3EFF8 }
.ud492ff { margin: 0; font-family: Literata, Georgia, serif; font-weight: 600; font-size: 24px; color: #1C1F2A }
.ud5174b { font-weight: 700; color: var(--warn); background: var(--warn-soft); padding: 2px 10px; border-radius: 999px; font-size: 13px }
.ud58a71 { margin: 0; padding-left: 20px; display: flex; flex-direction: column; gap: 8px; font-size: 15px; color: var(--ink-muted) }
.ud5e50c { font-size: 13px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: #656A78 }
.ud5f5d3 { margin: 12px 0 0; font-size: 16px; color: var(--ink-muted) }
.ud60f91 { font-size: 13px; font-weight: 600; color: var(--ink-muted) }
.ud6aec9 { max-width: 820px; margin: 0 auto; padding: 72px 24px 32px; display: flex; flex-direction: column; gap: 20px }
.ud718a5 { max-width: 1120px; margin: 0 auto; padding: 88px 24px; display: flex; flex-direction: column; gap: 40px }
.ud76f9e { background: var(--surface); border: 2px solid var(--accent); border-radius: 24px; padding: 28px; display: flex; flex-direction: column; gap: 16px }
.ud8270c { background: var(--accent-soft); border-radius: 24px; padding: 28px; display: flex; flex-direction: column; gap: 10px }
.ud8a0b3 { max-width: 1120px; margin: 0 auto; padding: 0 24px 8px }
.ud94fd9 { display: flex; justify-content: space-around; padding: 6px 8px 18px; background: #261D33 }
.ud95a4f { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(300px, 100%), 1fr)); gap: 20px }
.udb0e66 { display: flex; flex-direction: column; gap: 12px; max-width: 680px }
.udb20db { flex: 1 1 340px; display: flex; flex-direction: column; align-items: center; gap: 14px }
.udb2551 { background: var(--surface); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line) }
.udc3c1c { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(250px, 100%), 1fr)); gap: 20px }
.udc8e14 { margin: 0; font-size: 15px; color: var(--ink-muted); max-width: 760px }
.udda1f0 { background: #FFFFFF; border: 1px solid #DCDFE6; border-radius: 20px; padding: 36px 24px; display: flex; flex-direction: row; gap: 28px; flex-wrap: wrap; align-items: flex-end; justify-content: center }
.uddd02f { display: flex; flex-direction: column; gap: 12px; max-width: 640px }
.uddeaef { margin: 0; font-family: var(--serif); font-weight: 600; font-size: clamp(36px, 4.5vw, 52px); line-height: 1.12; max-width: 820px }
.udef0a0 { margin: 0; font-size: 14px; color: #656A78 }
.udf3650 { max-width: 1120px; margin: 0 auto; padding: 88px 24px 0; display: flex; flex-direction: column; gap: 32px }
.udf5575 { font-family: Literata, Georgia, serif; font-weight: 600; font-size: 17px; color: #1C1F2A }
.ue1a358 { background: var(--surface); border: 1px solid var(--line); border-radius: 20px; padding: 8px 24px }
.ue2cc18 { display: flex; flex-direction: column }
.ue2ddce { align-self: flex-end; max-width: 84%; background: var(--accent); color: var(--on-accent); padding: 10px 12px; border-radius: 16px 16px 4px 16px; white-space: pre-line }
.ue33dfc { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(320px, 100%), 1fr)); gap: 24px }
.ue34808 { margin: 0; color: var(--ink-muted) }
.ue3a6e7 { margin: 0; font-size: 16px; color: var(--ink-muted); max-width: 680px }
.ue3efad { background: #3F2B57; border-radius: 20px; padding: 48px 24px; display: flex; flex-direction: column; gap: 18px; align-items: center }
.ue419e3 { max-width: 820px; margin: 0 auto; padding: 0 24px 88px; display: flex; flex-direction: column; gap: 16px }
.ue4e1b7 { margin: 24px 0 0; font-size: 16px; color: var(--ink-muted) }
.ue5f357 { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px }
.ue609ce { padding: 18px 18px 12px; border-bottom: 1px solid var(--line); background: var(--surface) }
.ue6382b { display: flex; flex-wrap: wrap; gap: 20px }
.ue691af { background: #FFFFFF; border: 1px solid #DCDFE6; border-radius: 20px; padding: 24px; display: flex; flex-direction: column; gap: 14px }
.ue71414 { margin: 0; font-size: 19px; color: var(--ink-muted) }
.ue79097 { background: var(--surface); border: 1px solid var(--line); border-radius: 20px; padding: 20px; display: flex; flex-direction: column; gap: 6px }
.ue911df { display: flex; flex-direction: column; gap: 18px }
.ue94aa5 { width: 100%; max-width: 380px; background: var(--surface); border-radius: 24px; padding: 24px; display: flex; flex-direction: column; gap: 16px; box-shadow: 0 16px 40px rgba(60,40,90,0.12) }
.uea2113 { font-size: 14px; margin-top: auto }
.uea585d { padding: 8px 12px; border-bottom: 1px solid var(--line) }
.ueb88b5 { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; gap: 20px }
.uebce93 { display: inline-block; background: #6A4C8C; color: #FFFFFF; padding: 12px 20px; border-radius: 999px; font-weight: 700; font-size: 15px }
.uebdd2b { margin: 0; display: grid; grid-template-columns: 220px 1fr; gap: 8px 16px; font-size: 15px; color: var(--ink-muted) }
.uec4daa { background: var(--surface); border: 1px solid var(--line); border-radius: 20px; padding: 24px; display: flex; flex-direction: column; gap: 12px }
.ueca7f6 { max-width: 1120px; margin: 0 auto; padding: 0 24px 88px; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(300px, 100%), 1fr)); gap: 32px; align-items: center }
.uecd164 { color: var(--ink) }
.uefb529 { font-size: 12px; font-weight: 700; color: var(--ok); background: var(--ok-soft); padding: 3px 9px; border-radius: 999px }
.uf12a58 { margin: 0; font-family: var(--serif); font-weight: 600; font-size: clamp(28px, 3.4vw, 36px); line-height: 1.2 }
.uf178e6 { font-weight: 700; padding: 2px 10px; border-radius: 999px; font-size: 13px; color: var(--ok); background: var(--ok-soft) }
.uf1fd88 { max-width: 1120px; margin: 0 auto; padding: 0 24px 72px }
.uf2653a { width: 40px; height: 40px; border-radius: 10px; background: #BFB3CF; border: 1px solid rgba(0,0,0,0.08); flex: none }
.uf2b1e5 { font-size: 13px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: #3F2B57 }
.uf2d43d { align-self: flex-start; margin-top: 6px; text-decoration: none; background: var(--accent); color: var(--on-accent); padding: 12px 20px; border-radius: 999px; font-weight: 700 }
.uf2f14d { align-self: flex-end; max-width: 84%; background: var(--accent); color: var(--on-accent); padding: 10px 12px; border-radius: 16px 16px 4px 16px; font-size: 16px }
.uf3c41f { margin: 8px 0 0; font-family: var(--serif); font-size: 18px }
.uf4e502 { font-weight: 700; font-size: 15px }
.uf53147 { width: 40px; height: 40px; border-radius: 10px; background: #9B7FC0; border: 1px solid rgba(0,0,0,0.08); flex: none }
.uf538d7 { font-family: var(--serif); font-size: 32px; color: var(--accent-text) }
.uf5c910 { font-weight: 700; color: var(--ink-muted); background: var(--line); padding: 3px 10px; border-radius: 999px; font-size: 12px; white-space: nowrap }
.uf6658c { align-self: flex-end; max-width: 84%; background: #9B7FC0; color: #1A1424; padding: 9px 12px; border-radius: 16px 16px 4px 16px; font-size: 14px }
.uf78d69 { font-family: var(--serif); font-size: 40px; font-weight: 600 }
.uf7bbee { max-width: 1120px; margin: 0 auto; padding: 0 24px 24px; display: flex; flex-wrap: wrap; gap: 8px; align-items: center; border: 0 }
.uf8247f { margin: 0; font-size: 17px; color: #1C1F2A }
.uf95284 { margin: 0; font-size: 16px; color: #3D3550; max-width: 340px }
.uf9c952 { border-top: 1px solid var(--line); background: var(--background) }
.ufa70ad { display: flex; flex-wrap: wrap; gap: 10px }
.ufb999e { max-width: 820px; margin: 0 auto; padding: 0 24px 48px; display: flex; flex-direction: column; gap: 16px }
.ufbcc27 { border: 1px solid var(--line); border-radius: 16px; padding: 14px; display: flex; flex-direction: column; gap: 10px; background: var(--background); font-size: 14px; line-height: 1.45 }
.ufc6876 { border-top: 1px solid #DCDFE6; background: #F7F8FA }
.ufd85cd { margin: 0; font-size: 19px; color: var(--ink) }
.ufe1345 { width: 40px; height: 40px; border-radius: 10px; background: #261D33; border: 1px solid rgba(0,0,0,0.08); flex: none }
.ufeb989 { font-size: 12px; font-weight: 700; color: var(--warn); background: var(--warn-soft); padding: 3px 9px; border-radius: 999px }
.ufebb9a { align-self: flex-start; max-width: 88%; background: var(--background); border: 1px solid var(--line); padding: 10px 12px; border-radius: 16px 16px 16px 4px; font-size: 16px }
.uffb13e { margin: 12px 0 0; color: var(--ink-muted) }

/* Toggles made of radio buttons (no JavaScript) */
.tab { background: transparent; border: 1px solid transparent; }
.tab:has(input:checked) { background: var(--accent); color: var(--on-accent); border-color: var(--accent); }
.tab.filter:has(input:checked) { border-color: var(--accent); }
.tab:has(input:focus-visible) { outline: 3px solid var(--focus); outline-offset: 2px; }
.tab.filter { border: 1px solid var(--line); background: var(--surface); }
.tab.filter:has(input:checked) { background: var(--accent); }

.demo { min-width: 0; max-width: 100%; }
.conv { display: none; flex-direction: column; flex: 1; min-height: 0; }
.conv-1 { display: flex; }
.demo:has(input[value="2"]:checked) .conv-1, .demo:has(input[value="3"]:checked) .conv-1 { display: none; }
.demo:has(input[value="2"]:checked) .conv-2, .demo:has(input[value="3"]:checked) .conv-3 { display: flex; }

.per-year { display: none; }
#priser:has(input[value="year"]:checked) .per-year { display: inline; }
#priser:has(input[value="year"]:checked) .per-month { display: none; }

body:has(input[name="evidens"][value="val"]:checked) article.ev-del,
body:has(input[name="evidens"][value="val"]:checked) article.ev-svag,
body:has(input[name="evidens"][value="del"]:checked) article.ev-val,
body:has(input[name="evidens"][value="del"]:checked) article.ev-svag,
body:has(input[name="evidens"][value="svag"]:checked) article.ev-val,
body:has(input[name="evidens"][value="svag"]:checked) article.ev-del { display: none; }
body:has(input[name="evidens"][value="val"]:checked) .grp:not(:has(.ev-val)),
body:has(input[name="evidens"][value="del"]:checked) .grp:not(:has(.ev-del)),
body:has(input[name="evidens"][value="svag"]:checked) .grp:not(:has(.ev-svag)) { display: none; }

/* From the design sources */
@media (max-width: 560px) {
  article.step { grid-template-columns: 1fr !important; }
  article.step > div:first-child { grid-row: auto !important; }
  .kv { grid-template-columns: 1fr !important; }
  .kv > dt { margin-top: 8px; }
}
@media (max-width: 720px) { .two { grid-template-columns: minmax(0, 1fr) !important; } }

/* Narrow phones, down to 360 px */
@media (max-width: 420px) {
  h1:not(.eyebrow-h1) { font-size: 31px !important; }
  .fixed-light .eyebrow-h1 + div > span { font-size: 56px !important; gap: 12px !important; }
  .fixed-light .eyebrow-h1 + div svg { width: 86px; height: 59px; }
}