.chroma .bp{color:#999}.chroma .c,.chroma .c1,.chroma .ch{color:#6a737d}.chroma .cm{color:#998}.chroma .cp{color:#109295}.chroma .cpf{color:#4c4dbc}.chroma .cs{color:#999}.chroma .dl{color:#106303}.chroma .gd{color:#000;background-color:#fdd}.chroma .ge{color:#000}.chroma .gh{color:#999}.chroma .gi{color:#000;background-color:#dfd}.chroma .go{color:#888}.chroma .gp{color:#555}.chroma .gr,.chroma .gt{color:#a00}.chroma .gu{color:#aaa}.chroma .il{color:#099}.chroma .k,.chroma .kc,.chroma .kd,.chroma .kn,.chroma .kp,.chroma .kr{color:#d73a49}.chroma .kt{color:#458}.chroma .m,.chroma .mb,.chroma .mf,.chroma .mh,.chroma .mi,.chroma .mo{color:#099}.chroma .na{color:#d73a49}.chroma .nb{color:#005cc5}.chroma .nc{color:#458}.chroma .nd{color:#3c5d5d}.chroma .ne{color:#900}.chroma .nf{color:#005cc5}.chroma .ni{color:#6f42c1}.chroma .nl{color:#900}.chroma .nn{color:#555}.chroma .no{color:teal}.chroma .nt{color:#22863a}.chroma .nv{color:teal}.chroma .nx{color:#24292e}.chroma .o,.chroma .ow{color:#d73a49}.chroma .s,.chroma .s1,.chroma .s2{color:#106303}.chroma .sa{color:#cc7a00}.chroma .sb{color:#106303}.chroma .sc{color:#cc7a00}.chroma .sd{color:#106303}.chroma .se{color:#940}.chroma .sh{color:#106303}.chroma .si{color:#cc7a00}.chroma .sr{color:#4c4dbc}.chroma .ss{color:#940}.chroma .sx{color:#106303}.chroma .vc,.chroma .vg,.chroma .vi{color:teal}.chroma .w{color:#bbb}.markup [src$="#gh-dark-mode-only"],.markup [src$="#dark-mode-only"],.markup [href$="#gh-dark-mode-only"],.markup [href$="#dark-mode-only"]{display:none}:root{--steel-900: #10161d;--steel-850: #131a21;--steel-800: #171e26;--steel-750: #1d262f;--steel-700: #242d38;--steel-650: #2b3642;--steel-600: #374351;--steel-550: #445161;--steel-500: #515f70;--steel-450: #5f6e80;--steel-400: #6d7d8f;--steel-350: #7c8c9f;--steel-300: #8c9caf;--steel-250: #9dadc0;--steel-200: #aebed0;--steel-150: #c0cfe0;--steel-100: #d2e0f0;--zinc-50: #fafafa;--zinc-100: #f4f4f5;--zinc-150: #ececee;--zinc-200: #e4e4e7;--zinc-250: #dcdce0;--zinc-300: #d4d4d8;--zinc-350: #babac1;--zinc-400: #a1a1aa;--zinc-450: #898992;--zinc-500: #71717a;--zinc-550: #61616a;--zinc-600: #52525b;--zinc-650: #484850;--zinc-700: #3f3f46;--zinc-750: #333338;--zinc-800: #27272a;--zinc-850: #1f1f23;--zinc-900: #18181b;--color-primary: #c2410c;--color-primary-contrast: #ffffff;--color-primary-dark-1: #c2410c;--color-primary-dark-2: #9a3412;--color-primary-dark-3: #9a3412;--color-primary-dark-4: #7c2d12;--color-primary-dark-5: #7c2d12;--color-primary-dark-6: #7c2d12;--color-primary-dark-7: #7c2d12;--color-primary-light-1: #ea580c;--color-primary-light-2: #f97316;--color-primary-light-3: #fb923c;--color-primary-light-4: #fdba74;--color-primary-light-5: #fed7aa;--color-primary-light-6: #ffedd5;--color-primary-light-7: #fff7ed;--color-primary-alpha-10: #c2410c19;--color-primary-alpha-20: #c2410c33;--color-primary-alpha-30: #c2410c4b;--color-primary-alpha-40: #c2410c66;--color-primary-alpha-50: #c2410c80;--color-primary-alpha-60: #c2410c99;--color-primary-alpha-70: #c2410cb3;--color-primary-alpha-80: #c2410ccc;--color-primary-alpha-90: #c2410ce1;--color-primary-hover: var(--color-primary-dark-2);--color-primary-active: var(--color-primary-dark-4);--color-secondary: var(--zinc-200);--color-secondary-dark-1: var(--zinc-200);--color-secondary-dark-2: var(--zinc-300);--color-secondary-dark-3: var(--zinc-300);--color-secondary-dark-4: var(--zinc-400);--color-secondary-dark-5: var(--zinc-400);--color-secondary-dark-6: var(--zinc-500);--color-secondary-dark-7: var(--zinc-500);--color-secondary-dark-8: var(--zinc-600);--color-secondary-dark-9: var(--zinc-600);--color-secondary-dark-10: var(--zinc-700);--color-secondary-dark-11: var(--zinc-700);--color-secondary-dark-12: var(--zinc-800);--color-secondary-dark-13: var(--zinc-800);--color-secondary-light-1: var(--zinc-200);--color-secondary-light-2: var(--zinc-100);--color-secondary-light-3: var(--zinc-100);--color-secondary-light-4: var(--zinc-50);--color-secondary-alpha-10: #d4d4d819;--color-secondary-alpha-20: #d4d4d833;--color-secondary-alpha-30: #d4d4d84b;--color-secondary-alpha-40: #d4d4d866;--color-secondary-alpha-50: #d4d4d880;--color-secondary-alpha-60: #d4d4d899;--color-secondary-alpha-70: #d4d4d8b3;--color-secondary-alpha-80: #d4d4d8cc;--color-secondary-alpha-90: #d4d4d8e1;--color-secondary-hover: var(--color-secondary-dark-2);--color-secondary-active: var(--color-secondary-dark-4);--color-console-fg: #eeeff2;--color-console-fg-subtle: #959cab;--color-console-bg: #1f212b;--color-console-border: #383c47;--color-console-hover-bg: #ffffff16;--color-console-active-bg: #454a57;--color-console-menu-bg: #383c47;--color-console-menu-border: #5c6374;--color-red: #dc2626;--color-orange: #ea580c;--color-yellow: #ca8a04;--color-olive: #91a313;--color-green: #15803d;--color-teal: #0d9488;--color-blue: #2563eb;--color-violet: #7c3aed;--color-purple: #9333ea;--color-pink: #db2777;--color-brown: #a47252;--color-grey: #4b5563;--color-black: #000000;--color-red-light: #ef4444;--color-orange-light: #f97316;--color-yellow-light: #eab308;--color-olive-light: #839311;--color-green-light: #16a34a;--color-teal-light: #14b8a6;--color-blue-light: #3b82f6;--color-violet-light: #8b5cf6;--color-purple-light: #a855f7;--color-pink-light: #ec4899;--color-brown-light: #94674a;--color-grey-light: #6b7280;--color-black-light: #181818;--color-red-dark-1: #c82020;--color-orange-dark-1: #d34f0b;--color-yellow-dark-1: #b67c04;--color-olive-dark-1: #839311;--color-green-dark-1: #137337;--color-teal-dark-1: #0c857a;--color-blue-dark-1: #1554e0;--color-violet-dark-1: #6a1feb;--color-purple-dark-1: #8519e7;--color-pink-dark-1: #c7216b;--color-brown-dark-1: #94674a;--color-black-dark-1: #000000;--color-red-dark-2: #b21d1d;--color-orange-dark-2: #bb460a;--color-yellow-dark-2: #a26e03;--color-olive-dark-2: #74820f;--color-green-dark-2: #116631;--color-teal-dark-2: #0a766d;--color-blue-dark-2: #124bc7;--color-violet-dark-2: #5c14d8;--color-purple-dark-2: #7715cf;--color-pink-dark-2: #b11d5f;--color-brown-dark-2: #835b42;--color-black-dark-2: #000000;--color-ansi-black: #1f2326;--color-ansi-red: #cc4848;--color-ansi-green: #87ab63;--color-ansi-yellow: #cc9903;--color-ansi-blue: #3a8ac6;--color-ansi-magenta: #d22e8b;--color-ansi-cyan: #00918a;--color-ansi-white: var(--color-console-fg-subtle);--color-ansi-bright-black: #46494d;--color-ansi-bright-red: #d15a5a;--color-ansi-bright-green: #93b373;--color-ansi-bright-yellow: #eaaf03;--color-ansi-bright-blue: #4e96cc;--color-ansi-bright-magenta: #d74397;--color-ansi-bright-cyan: #00b6ad;--color-ansi-bright-white: var(--color-console-fg);--color-gold: #b1983b;--color-white: #ffffff;--color-diff-removed-word-bg: #fca5a5;--color-diff-added-word-bg: #86efac;--color-diff-removed-row-bg: #fee2e2;--color-diff-moved-row-bg: #fef9c3;--color-diff-added-row-bg: #dcfce7;--color-diff-removed-row-border: #fca5a5;--color-diff-moved-row-border: #fde047;--color-diff-added-row-border: #86efac;--color-diff-inactive: var(--zinc-100);--color-error-border: #fecaca;--color-error-bg: #fee2e2;--color-error-bg-active: #fca5a5;--color-error-bg-hover: #fecaca;--color-error-text: #7f1d1d;--color-success-border: #bbf7d0;--color-success-bg: #dcfce7;--color-success-text: #14532d;--color-warning-border: #fde047;--color-warning-bg: #fef3c7;--color-warning-text: #78350f;--color-info-border: #bae6fd;--color-info-bg: #e0f2fe;--color-info-text: #0c4a6e;--color-red-badge: #b91c1c;--color-red-badge-bg: #b91c1c22;--color-red-badge-hover-bg: #b91c1c44;--color-green-badge: #16a34a;--color-green-badge-bg: #16a34a22;--color-green-badge-hover-bg: #16a34a44;--color-yellow-badge: #ca8a04;--color-yellow-badge-bg: #ca8a0422;--color-yellow-badge-hover-bg: #ca8a0444;--color-orange-badge: #ea580c;--color-orange-badge-bg: #ea580c22;--color-orange-badge-hover-bg: #ea580c44;--color-body: #fff;--color-box-header: var(--zinc-100);--color-box-body: var(--zinc-50);--color-box-body-highlight: var(--zinc-200);--color-text-dark: #000;--color-text: var(--zinc-900);--color-text-light: var(--zinc-700);--color-text-light-1: var(--zinc-650);--color-text-light-2: var(--zinc-600);--color-text-light-3: var(--zinc-550);--color-footer: var(--zinc-100);--color-timeline: var(--zinc-200);--color-input-text: var(--zinc-800);--color-input-background: #fff;--color-input-toggle-background: #fff;--color-input-border: var(--zinc-300);--color-input-border-hover: var(--zinc-400);--color-header-wrapper: var(--zinc-50);--color-header-wrapper-transparent: #d2e0f000;--color-light: #ffffffcc;--color-light-mimic-enabled: rgba(0, 0, 0, calc(6 / 255 * 222 / 255 / var(--opacity-disabled)));--color-light-border: #0000001d;--color-hover: #e4e4e4aa;--color-active: #e2e2e5;--color-menu: var(--zinc-100);--color-card: var(--zinc-50);--fancy-card-bg: var(--zinc-100);--fancy-card-border: var(--zinc-200);--color-markup-table-row: #ffffff06;--color-markup-code-block: var(--zinc-150);--color-markup-code-inline: var(--zinc-200);--color-button: var(--zinc-150);--color-code-bg: var(--zinc-50);--color-shadow: #00000060;--color-secondary-bg: var(--zinc-100);--color-text-focus: #fff;--color-expand-button: var(--zinc-200);--color-placeholder-text: var(--color-text-light-3);--color-editor-line-highlight: var(--zinc-100);--color-project-board-bg: var(--color-secondary-light-2);--color-project-board-dark-label: var(--color-text-light-3);--color-caret: var(--color-text);--color-reaction-bg: #0000000a;--color-reaction-active-bg: var(--color-primary-alpha-20);--color-reaction-hover-bg: var(--color-primary-alpha-30);--color-tooltip-text: #ffffff;--color-tooltip-bg: #000000f0;--color-nav-bg: var(--zinc-100);--color-nav-hover-bg: var(--zinc-300);--color-secondary-nav-bg: var(--color-body);--color-label-text: var(--color-text);--color-label-bg: #cacaca7b;--color-label-hover-bg: #cacacaa0;--color-label-active-bg: #cacacaff;--color-label-bg-alt: #cacacaff;--color-accent: var(--color-primary-light-1);--color-small-accent: var(--color-primary-light-5);--color-highlight-fg: var(--color-primary-light-4);--color-highlight-bg: var(--color-primary-light-6);--color-overlay-backdrop: #080808c0;--color-selection-bg: var(--steel-450);--color-selection-fg: var(--color-white);--checkerboard-color-1: #ffffff;--checkerboard-color-2: #e5e5e5;--color-indicator-offline: #52525b;--color-indicator-offline-20: #52525b33;--color-indicator-idle: #16a34a;--color-indicator-idle-20: #16a34a33;--color-indicator-active: #2185d0;--color-indicator-active-20: #2185d033;accent-color:var(--color-accent);color-scheme:light}.ui.secondary.vertical.menu{border-radius:.28571429rem!important;overflow:hidden}.ui.basic.primary.button.item{background-color:var(--color-active)!important;color:var(--color-text)!important;box-shadow:none!important}.ui.red.label.notification_count,.ui.primary.labels .label{background-color:var(--color-primary-dark-1)!important}.ui.labeled.icon.buttons>.button>.icon,.ui.labeled.icon.button>.icon{background-color:var(--color-shadow)!important}#review-box .review-comments-counter{background-color:var(--color-label-bg)!important;margin-left:.5em}.ui.basic.labels .primary.label,.ui.ui.ui.basic.primary.label{color:var(--color-text-dark)!important}.ui.yellow.label.pending-label{background:var(--color-warning-bg)!important;color:var(--color-text-dark)!important}
/* mutuol theme for Forgejo — palette & type from mutuol.com
 * paper/sand surfaces, charcoal ink, terracotta accent;
 * Fraunces display serif + DM Mono UI text. Self-hosted fonts.
 */
@font-face {
  font-family: "Fraunces";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(../css/fonts/fraunces-latin.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Fraunces";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(../css/fonts/fraunces-latin-ext.woff2) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Fraunces";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(../css/fonts/fraunces-vietnamese.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: "DM Mono";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../css/fonts/dmm-400-latin.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "DM Mono";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../css/fonts/dmm-400-latin-ext.woff2) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "DM Mono";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../css/fonts/dmm-500-latin.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "DM Mono";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../css/fonts/dmm-500-latin-ext.woff2) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

:root {
  /* mutuol palette */
  --mu-paper: #faf7f2;
  --mu-paper-dark: #f5f0e8;
  --mu-sand: #f2ebe0;
  --mu-sand-dark: #e8dfd0;
  --mu-charcoal: #1c1917;
  --mu-terra: #c45d3e;

  /* warm neutrals replace zinc scale (50 -> 900, dark = higher) */
  --zinc-50: #fdfbf7;
  --zinc-100: #faf7f2;   /* paper */
  --zinc-150: #f5f0e8;   /* paper dark */
  --zinc-200: #f2ebe0;   /* sand */
  --zinc-250: #e8dfd0;   /* sand dark */
  --zinc-300: #ded3c0;
  --zinc-350: #c9bda8;
  --zinc-400: #a8a5a0;
  --zinc-450: #87837c;
  --zinc-500: #6c6862;
  --zinc-550: #5d5953;
  --zinc-600: #4d4a45;
  --zinc-650: #464440;
  --zinc-700: #3a3836;
  --zinc-750: #33312e;
  --zinc-800: #2a2825;
  --zinc-850: #232120;
  --zinc-900: #1c1917;   /* charcoal */

  /* warm steel replaces cool blue-grey scale */
  --steel-100: #e8e0d5;
  --steel-150: #ddd2c2;
  --steel-200: #d0c3b0;
  --steel-250: #c2b4a0;
  --steel-300: #b3a491;
  --steel-350: #a39481;
  --steel-400: #928472;
  --steel-450: #827464;
  --steel-500: #726557;
  --steel-550: #62574b;
  --steel-600: #534a40;
  --steel-650: #443d35;
  --steel-700: #38332c;
  --steel-750: #2e2a24;
  --steel-800: #26221d;
  --steel-850: #1f1c18;
  --steel-900: #1a1714;

  /* terracotta primary scale */
  --color-primary: #c45d3e;
  --color-primary-contrast: #ffffff;
  --color-primary-dark-1: #b34f31;
  --color-primary-dark-2: #a24628;
  --color-primary-dark-3: #8f3c21;
  --color-primary-dark-4: #7b331c;
  --color-primary-dark-5: #672b18;
  --color-primary-dark-6: #552415;
  --color-primary-dark-7: #451d11;
  --color-primary-light-1: #d0704f;
  --color-primary-light-2: #db8568;
  --color-primary-light-3: #e59e85;
  --color-primary-light-4: #eeb8a5;
  --color-primary-light-5: #f4d1c4;
  --color-primary-light-6: #f9e5dd;
  --color-primary-light-7: #fcf1ec;
  --color-primary-alpha-10: #c45d3e19;
  --color-primary-alpha-20: #c45d3e33;
  --color-primary-alpha-30: #c45d3e4b;
  --color-primary-alpha-40: #c45d3e66;
  --color-primary-alpha-50: #c45d3e80;
  --color-primary-alpha-60: #c45d3e99;
  --color-primary-alpha-70: #c45d3eb3;
  --color-primary-alpha-80: #c45d3ecc;
  --color-primary-alpha-90: #c45d3ee1;
  --color-primary-hover: var(--color-primary-dark-2);
  --color-primary-active: var(--color-primary-dark-4);

  /* secondary = warm sand outline buttons */
  --color-secondary: var(--zinc-300);
  --color-secondary-alpha-10: #ded3c019;
  --color-secondary-alpha-20: #ded3c033;
  --color-secondary-alpha-30: #ded3c04b;
  --color-secondary-alpha-40: #ded3c066;
  --color-secondary-alpha-50: #ded3c080;
  --color-secondary-alpha-60: #ded3c099;
  --color-secondary-alpha-70: #ded3c0b3;
  --color-secondary-alpha-80: #ded3c0cc;
  --color-secondary-alpha-90: #ded3c0e1;

  /* accent = terracotta */
  --color-accent: var(--color-primary);
  --color-small-accent: var(--color-primary-light-3);
  --color-active: var(--zinc-250);

  /* surfaces */
  --color-body: var(--mu-paper);
  --color-box-header: var(--mu-paper-dark);
  --color-box-body: var(--zinc-50);
  --color-box-body-highlight: var(--zinc-200);
  --color-card: var(--zinc-50);
  --color-footer: var(--mu-paper-dark);
  --color-header-wrapper: var(--mu-paper-dark);
  --color-header-wrapper-transparent: #faf7f200;
  --color-hover: #e8dfd0aa;
  --color-menu: var(--mu-paper-dark);
  --color-nav-bg: var(--mu-paper-dark);
  --color-nav-hover-bg: var(--zinc-300);
  --color-secondary-bg: var(--mu-paper-dark);
  --color-input-background: #fffdf9;
  --color-input-toggle-background: #fffdf9;
  --color-light: #fffdf9cc;
  --color-markup-table-row: #ffffff06;

  /* ink */
  --color-text: var(--mu-charcoal);
  --color-caret: var(--mu-charcoal);
  --color-selection-bg: #c45d3e;
  --color-selection-fg: #ffffff;

  /* semantic hues warmed toward the paper palette */
  --color-green: #4d7c0f;
  --color-green-dark-1: #3f6212;
  --color-green-dark-2: #365314;
  --color-green-light: #84cc16;
  --color-green-badge: #eaf3d8;
  --color-green-badge-bg: #eff6e0;
  --color-green-badge-hover-bg: #e3eccf;
  --color-red: #b91c1c;
  --color-red-dark-1: #991b1b;
  --color-red-dark-2: #7f1d1d;
  --color-red-light: #ef4444;
  --color-red-badge: #f6ddd8;
  --color-red-badge-bg: #fae8e4;
  --color-red-badge-hover-bg: #f2d4ce;
  --color-blue: #1d4ed8;
  --color-blue-dark-1: #1e40af;
  --color-blue-dark-2: #1e3a8a;
  --color-blue-light: #3b82f6;
  --color-yellow: #a16207;
  --color-yellow-dark-1: #854d0e;
  --color-yellow-dark-2: #713f12;
  --color-yellow-light: #eab308;
  --color-yellow-badge: #f5e9c8;
  --color-yellow-badge-bg: #f8f0d8;
  --color-yellow-badge-hover-bg: #efe3bd;
  --color-orange: #c2410c;
  --color-orange-dark-1: #9a3412;
  --color-orange-dark-2: #7c2d12;
  --color-orange-light: #ea580c;
  --color-orange-badge: #f6dfcf;
  --color-orange-badge-bg: #f9e8db;
  --color-orange-badge-hover-bg: #f1d7c3;

  /* status surfaces */
  --color-error-bg: #f9e8e4;
  --color-error-bg-hover: #f2d4ce;
  --color-error-bg-active: #eeb8a5;
  --color-error-border: #fca5a5;
  --color-error-text: #7f1d1d;
  --color-info-bg: var(--zinc-150);
  --color-info-border: var(--zinc-350);
  --color-info-text: var(--zinc-800);
  --color-success-bg: #eff6e0;
  --color-success-border: #86efac;
  --color-success-text: #3f6212;
  --color-warning-bg: #f8f0d8;
  --color-warning-border: #fde047;
  --color-warning-text: #713f12;

  /* diffs */
  --color-diff-added-row-bg: #e7f2d4;
  --color-diff-added-row-border: #a3cf7f;
  --color-diff-added-word-bg: #86efac;
  --color-diff-removed-row-bg: #f9e0d8;
  --color-diff-removed-row-border: #eba190;
  --color-diff-removed-word-bg: #fca5a5;
  --color-diff-moved-row-bg: #fbf3d3;
  --color-diff-moved-row-border: #f2d777;
  --color-diff-inactive: var(--zinc-150);

  /* markup + code surfaces */
  --color-markup-code-block: var(--zinc-150);
  --color-markup-code-inline: var(--zinc-200);
  --color-code-bg: var(--zinc-50);
  --color-input-border: var(--zinc-300);
  --color-input-border-hover: var(--zinc-400);
  --color-console-border: var(--zinc-300);
  --color-highlight-bg: #f5e9c8;
  --color-highlight-fg: inherit;
  --color-reaction-bg: var(--zinc-150);
  --color-reaction-hover-bg: var(--zinc-250);
  --color-reaction-active-bg: #f4d1c4;
  --color-tooltip-bg: #1c1917f0;
  --color-tooltip-text: #faf7f2;
  --color-shadow: #1c191740;

  /* type: Fraunces display serif, DM Mono body (mutuol.com) */
  --fonts-proportional: "Fraunces", Georgia, "Times New Roman", serif;
  --fonts-monospace: "DM Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace, var(--fonts-emoji);
}

/* mutuol.com uses the mono face for UI text; headings/marketing keep Fraunces */
body {
  font-family: "DM Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}

/* display headings — Fraunces with optical sizing, like mutuol hero */
.hero h1,
.h1,
.ui.h1.header .header,
.home .hero h1,
.home h1.ui.header,
.new-issue h1,
.markup h1,
.markup h2,
.markup h3,
.markup h4,
.markup h5,
.markup h6,
.title h1,
.page-content.about h1 {
  font-family: "Fraunces", Georgia, serif;
  font-variation-settings: "SOFT" 50, "WONK" 1;
  letter-spacing: -0.02em;
  font-weight: 700;
}

/* logo mark: mutuol arch keeps its 6:5 aspect in navbar */
#navbar-logo img {
  width: auto !important;
  height: 25px;
  border-radius: 0;
}

/* subtle paper warmth on the whole page background */
html {
  background: var(--mu-paper);
}

/* custom mutuol home page */
.mutuol-home { max-width: 960px; margin: 0 auto; padding: 0 1.5rem; }
.mu-hero { text-align: center; padding: clamp(40px, 7vw, 90px) 0 40px; }
.mu-hero .logo { height: 120px; width: auto; }
.mu-h1 {
  font-family: "Fraunces", Georgia, serif;
  font-variation-settings: "SOFT" 50, "WONK" 1;
  font-size: clamp(2rem, 5vw, 3.2rem);
  font-weight: 700;
  letter-spacing: -0.03em;
  line-height: 1.1;
  margin: 1.25rem 0 1rem;
}
.mu-h1 .mu-accent {
  background: var(--mu-terra);
  color: var(--mu-paper);
  padding: 0 0.18em;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15);
}
.mu-lede { max-width: 46rem; margin: 0 auto 1.75rem; color: var(--zinc-600); }
.mu-cta {
  display: inline-block;
  background: var(--mu-terra);
  color: #fff;
  padding: 0.6rem 1.6rem;
  border-radius: var(--border-radius);
  font-weight: 500;
  transition: background 0.15s ease;
}
.mu-cta:hover { background: #a24628; color: #fff; }
.mu-cards {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 1rem;
  margin: 1.5rem 0 2.5rem;
}
.mu-card {
  background: var(--mu-sand);
  border: 1px solid var(--mu-sand-dark);
  border-radius: var(--border-radius);
  padding: 1.25rem 1.4rem;
}
.mu-card h3 {
  font-family: "Fraunces", Georgia, serif;
  font-variation-settings: "SOFT" 50, "WONK" 1;
  font-size: 1.05rem;
  margin: 0 0 0.5rem;
  color: var(--mu-charcoal);
}
.mu-card h3 .svg { color: var(--mu-terra); margin-right: 0.35rem; vertical-align: -0.2em; }
.mu-card p { margin: 0; color: var(--zinc-600); }
.mu-foot { text-align: center; color: var(--zinc-500); border-top: 1px solid var(--mu-sand-dark); padding: 1.25rem 0 2rem; }

/* CTA must beat .home a (0,1,1) */
.page-content.home a.mu-cta { color: #fff; }
.page-content.home a.mu-cta:hover { color: #fff; }