/* Nodepad Paper app-shell adapter. Amber orients; near-black performs actions. */
[data-interface-system="nodepad.tools"] {
  --kk-font-display: "Geist", Inter, system-ui, sans-serif;
  --kk-font-ui: "Geist", Inter, system-ui, sans-serif;
  --kk-font-mono: "Geist Mono", "JetBrains Mono", ui-monospace, monospace;
  --kk-bg: #faf9f7; --kk-wash: #faf9f7; --kk-paper: #ffffff; --kk-card: #ffffff;
  --kk-fill: #f3f1ed; --kk-fill-soft: #f8f6f2; --kk-line: #efede8; --kk-border: #e9e6e0;
  --kk-ink: #0e0d0b; --kk-text: #55504a; --kk-text-soft: #68615a;
  --kk-muted: #8c8578; --kk-muted-soft: #9d968b; --kk-faint: #b5aea3;
  --kk-primary: #0e0d0b; --kk-on-primary: #ffffff;
  --kk-secondary: #e8901a; --kk-secondary-hover: #c9760d;
  --kk-secondary-soft: #fdf3d2; --kk-on-secondary: #0e0d0b;
  --kk-orientation: #e8901a; --kk-orientation-hover: #c9760d;
  --kk-accent-text: #875006; --kk-accent-fill: #0e0d0b; --kk-on-accent: #ffffff;
  --kk-decision: #4267a9; --kk-blocker: #b84b42; --kk-question: #7653a6;
  --kk-idea: #b06a0b; --kk-outcome: #3a6f57; --kk-parked: #756f67;
  --kk-on-decision: #ffffff; --kk-on-blocker: #ffffff; --kk-on-question: #ffffff;
  --kk-on-idea: #0b0d0f; --kk-on-outcome: #ffffff; --kk-on-link: #ffffff;
  --kk-on-identity-secondary: #15161a;
  --kk-private: #756f67; --kk-link: #875006; --kk-public: #3a6f57;
  --kk-danger: #a8322a;
  --kk-r-xs: 3px; --kk-r-sm: 6px; --kk-r-md: 9px; --kk-r-lg: 12px;
  --kk-r-xl: 16px; --kk-r-pill: 999px;
  --kk-s-1: 4px; --kk-s-2: 8px; --kk-s-3: 12px; --kk-s-4: 16px;
  --kk-s-5: 24px; --kk-s-6: 32px; --kk-s-7: 48px; --kk-s-8: 72px;
  --kk-read: 720px;
  --kk-bar: rgba(250, 249, 247, .92); --kk-accent-soft: #fdf3d2;
  --kk-new: #3a6f57; --kk-new-bg: #e4efe9; --kk-edited: #4267a9; --kk-edited-bg: #e3eaf6;
  --kk-r-cell: 12px; --kk-r-button: 9px; --kk-r-mark: 6px;
  --kk-fs-micro: 11px; --kk-fs-meta: 12px; --kk-fs-body: 13px;
  --kk-fs-title: 15px; --kk-fs-heading: 17px; --kk-fs-display: 28px; --kk-fs-input: 16px;
  --kk-lh-micro: 1.3; --kk-lh-meta: 1.4; --kk-lh-body: 1.5;
  --kk-lh-title: 1.35; --kk-lh-heading: 1.25; --kk-lh-display: 1.1;
  --kk-blk-heard: #efe9f8; --kk-blk-made: #e4efe9; --kk-blk-out: #e3eaf6;
  --kk-blk-lib: #fdf3d2; --kk-blk-ink: #0e0d0b;
  --kk-hero: #f3f1ed; --kk-highlight: #fdf3d2;
  --kk-font-serif-accent: "Instrument Serif", Georgia, serif;
  --kk-shadow-sm: 0 1px 2px rgba(14, 13, 11, .05);
  --kk-shadow-md: 0 8px 24px rgba(14, 13, 11, .08);
  --kk-shadow-lg: 0 24px 64px rgba(14, 13, 11, .12);
  --kk-t-fast: 120ms; --kk-t-base: 180ms; --kk-t-slow: 280ms;
  --kk-ease-out: cubic-bezier(.4, 0, .2, 1); --kk-ease-settle: cubic-bezier(.16, 1, .3, 1);
}

[data-interface-system="nodepad.tools"][data-theme="dark"] {
  --kk-font-display: "Geist", Inter, system-ui, sans-serif;
  --kk-font-ui: "Geist", Inter, system-ui, sans-serif;
  --kk-font-mono: "Geist Mono", "JetBrains Mono", ui-monospace, monospace;
  --kk-bg: #151412; --kk-wash: #151412; --kk-paper: #1b1a17; --kk-card: #211f1b;
  --kk-fill: #2a2722; --kk-fill-soft: #25231f; --kk-line: #332f29; --kk-border: #403b33;
  --kk-ink: #faf9f7; --kk-text: #e2ded7; --kk-text-soft: #c6c0b6;
  --kk-muted: #9d968b; --kk-muted-soft: #8c8578; --kk-faint: #746e65;
  --kk-primary: #faf9f7; --kk-on-primary: #151412;
  --kk-secondary: #f2a43c; --kk-secondary-hover: #ffba59;
  --kk-secondary-soft: #3b2c17; --kk-on-secondary: #151412;
  --kk-orientation: #f2a43c; --kk-orientation-hover: #ffba59;
  --kk-accent-text: #f2b45f; --kk-accent-fill: #faf9f7; --kk-on-accent: #151412;
  --kk-decision: #86a7dc; --kk-blocker: #e8877f; --kk-question: #b59ad6;
  --kk-idea: #f2b45f; --kk-outcome: #83baa1; --kk-parked: #9d968b;
  --kk-on-decision: #15161a; --kk-on-blocker: #15161a; --kk-on-question: #15161a;
  --kk-on-idea: #15161a; --kk-on-outcome: #15161a; --kk-on-link: #15161a;
  --kk-on-identity-secondary: #15161a;
  --kk-private: #c6c0b6; --kk-link: #f2b45f; --kk-public: #83baa1;
  --kk-danger: #f0958c;
  --kk-r-xs: 3px; --kk-r-sm: 6px; --kk-r-md: 9px; --kk-r-lg: 12px;
  --kk-r-xl: 16px; --kk-r-pill: 999px;
  --kk-s-1: 4px; --kk-s-2: 8px; --kk-s-3: 12px; --kk-s-4: 16px;
  --kk-s-5: 24px; --kk-s-6: 32px; --kk-s-7: 48px; --kk-s-8: 72px;
  --kk-read: 720px;
  --kk-bar: rgba(21, 20, 18, .9); --kk-accent-soft: #3b2c17;
  --kk-new: #83baa1; --kk-new-bg: #1f2e27; --kk-edited: #86a7dc; --kk-edited-bg: #1f2836;
  --kk-r-cell: 12px; --kk-r-button: 9px; --kk-r-mark: 6px;
  --kk-fs-micro: 11px; --kk-fs-meta: 12px; --kk-fs-body: 13px;
  --kk-fs-title: 15px; --kk-fs-heading: 17px; --kk-fs-display: 28px; --kk-fs-input: 16px;
  --kk-lh-micro: 1.3; --kk-lh-meta: 1.4; --kk-lh-body: 1.5;
  --kk-lh-title: 1.35; --kk-lh-heading: 1.25; --kk-lh-display: 1.1;
  --kk-blk-heard: #2b2433; --kk-blk-made: #1f2e27; --kk-blk-out: #1f2836;
  --kk-blk-lib: #3b2c17; --kk-blk-ink: #faf9f7;
  --kk-hero: #1b1a17; --kk-highlight: #3b2c17;
  --kk-font-serif-accent: "Instrument Serif", Georgia, serif;
  --kk-shadow-sm: 0 1px 2px rgba(0, 0, 0, .24);
  --kk-shadow-md: 0 8px 24px rgba(0, 0, 0, .32);
  --kk-shadow-lg: 0 24px 64px rgba(0, 0, 0, .48);
  --kk-t-fast: 120ms; --kk-t-base: 180ms; --kk-t-slow: 280ms;
  --kk-ease-out: cubic-bezier(.4, 0, .2, 1); --kk-ease-settle: cubic-bezier(.16, 1, .3, 1);
}

/* CONTENT scope — a page body that selected this system keeps it under any
   chrome, and vice versa. Mirrors the chrome block above; the two must declare
   the same roles, which design_system_adapter_test asserts. Kept as separate
   rules deliberately: DesignSystemRegistry#adapter_block matches the chrome
   selector verbatim, so folding these into one selector list makes the whole
   system ineligible and it vanishes from Settings. */
[data-design-system="nodepad.tools"] {
  --kk-font-display: "Geist", Inter, system-ui, sans-serif;
  --kk-font-ui: "Geist", Inter, system-ui, sans-serif;
  --kk-font-mono: "Geist Mono", "JetBrains Mono", ui-monospace, monospace;
  --kk-bg: #faf9f7; --kk-wash: #faf9f7; --kk-paper: #ffffff; --kk-card: #ffffff;
  --kk-fill: #f3f1ed; --kk-fill-soft: #f8f6f2; --kk-line: #efede8; --kk-border: #e9e6e0;
  --kk-ink: #0e0d0b; --kk-text: #55504a; --kk-text-soft: #68615a;
  --kk-muted: #8c8578; --kk-muted-soft: #9d968b; --kk-faint: #b5aea3;
  --kk-primary: #0e0d0b; --kk-on-primary: #ffffff;
  --kk-secondary: #e8901a; --kk-secondary-hover: #c9760d;
  --kk-secondary-soft: #fdf3d2; --kk-on-secondary: #0e0d0b;
  --kk-orientation: #e8901a; --kk-orientation-hover: #c9760d;
  --kk-accent-text: #875006; --kk-accent-fill: #0e0d0b; --kk-on-accent: #ffffff;
  --kk-decision: #4267a9; --kk-blocker: #b84b42; --kk-question: #7653a6;
  --kk-idea: #b06a0b; --kk-outcome: #3a6f57; --kk-parked: #756f67;
  --kk-on-decision: #ffffff; --kk-on-blocker: #ffffff; --kk-on-question: #ffffff;
  --kk-on-idea: #0b0d0f; --kk-on-outcome: #ffffff; --kk-on-link: #ffffff;
  --kk-on-identity-secondary: #15161a;
  --kk-private: #756f67; --kk-link: #875006; --kk-public: #3a6f57;
  --kk-danger: #a8322a;
  --kk-r-xs: 3px; --kk-r-sm: 6px; --kk-r-md: 9px; --kk-r-lg: 12px;
  --kk-r-xl: 16px; --kk-r-pill: 999px;
  --kk-s-1: 4px; --kk-s-2: 8px; --kk-s-3: 12px; --kk-s-4: 16px;
  --kk-s-5: 24px; --kk-s-6: 32px; --kk-s-7: 48px; --kk-s-8: 72px;
  --kk-read: 720px;
  --kk-bar: rgba(250, 249, 247, .92); --kk-accent-soft: #fdf3d2;
  --kk-new: #3a6f57; --kk-new-bg: #e4efe9; --kk-edited: #4267a9; --kk-edited-bg: #e3eaf6;
  --kk-r-cell: 12px; --kk-r-button: 9px; --kk-r-mark: 6px;
  --kk-fs-micro: 11px; --kk-fs-meta: 12px; --kk-fs-body: 13px;
  --kk-fs-title: 15px; --kk-fs-heading: 17px; --kk-fs-display: 28px; --kk-fs-input: 16px;
  --kk-lh-micro: 1.3; --kk-lh-meta: 1.4; --kk-lh-body: 1.5;
  --kk-lh-title: 1.35; --kk-lh-heading: 1.25; --kk-lh-display: 1.1;
  --kk-blk-heard: #efe9f8; --kk-blk-made: #e4efe9; --kk-blk-out: #e3eaf6;
  --kk-blk-lib: #fdf3d2; --kk-blk-ink: #0e0d0b;
  --kk-hero: #f3f1ed; --kk-highlight: #fdf3d2;
  --kk-font-serif-accent: "Instrument Serif", Georgia, serif;
  --kk-shadow-sm: 0 1px 2px rgba(14, 13, 11, .05);
  --kk-shadow-md: 0 8px 24px rgba(14, 13, 11, .08);
  --kk-shadow-lg: 0 24px 64px rgba(14, 13, 11, .12);
  --kk-t-fast: 120ms; --kk-t-base: 180ms; --kk-t-slow: 280ms;
  --kk-ease-out: cubic-bezier(.4, 0, .2, 1); --kk-ease-settle: cubic-bezier(.16, 1, .3, 1);
}

[data-theme="dark"] [data-design-system="nodepad.tools"] {
  --kk-font-display: "Geist", Inter, system-ui, sans-serif;
  --kk-font-ui: "Geist", Inter, system-ui, sans-serif;
  --kk-font-mono: "Geist Mono", "JetBrains Mono", ui-monospace, monospace;
  --kk-bg: #151412; --kk-wash: #151412; --kk-paper: #1b1a17; --kk-card: #211f1b;
  --kk-fill: #2a2722; --kk-fill-soft: #25231f; --kk-line: #332f29; --kk-border: #403b33;
  --kk-ink: #faf9f7; --kk-text: #e2ded7; --kk-text-soft: #c6c0b6;
  --kk-muted: #9d968b; --kk-muted-soft: #8c8578; --kk-faint: #746e65;
  --kk-primary: #faf9f7; --kk-on-primary: #151412;
  --kk-secondary: #f2a43c; --kk-secondary-hover: #ffba59;
  --kk-secondary-soft: #3b2c17; --kk-on-secondary: #151412;
  --kk-orientation: #f2a43c; --kk-orientation-hover: #ffba59;
  --kk-accent-text: #f2b45f; --kk-accent-fill: #faf9f7; --kk-on-accent: #151412;
  --kk-decision: #86a7dc; --kk-blocker: #e8877f; --kk-question: #b59ad6;
  --kk-idea: #f2b45f; --kk-outcome: #83baa1; --kk-parked: #9d968b;
  --kk-on-decision: #15161a; --kk-on-blocker: #15161a; --kk-on-question: #15161a;
  --kk-on-idea: #15161a; --kk-on-outcome: #15161a; --kk-on-link: #15161a;
  --kk-on-identity-secondary: #15161a;
  --kk-private: #c6c0b6; --kk-link: #f2b45f; --kk-public: #83baa1;
  --kk-danger: #f0958c;
  --kk-r-xs: 3px; --kk-r-sm: 6px; --kk-r-md: 9px; --kk-r-lg: 12px;
  --kk-r-xl: 16px; --kk-r-pill: 999px;
  --kk-s-1: 4px; --kk-s-2: 8px; --kk-s-3: 12px; --kk-s-4: 16px;
  --kk-s-5: 24px; --kk-s-6: 32px; --kk-s-7: 48px; --kk-s-8: 72px;
  --kk-read: 720px;
  --kk-bar: rgba(21, 20, 18, .9); --kk-accent-soft: #3b2c17;
  --kk-new: #83baa1; --kk-new-bg: #1f2e27; --kk-edited: #86a7dc; --kk-edited-bg: #1f2836;
  --kk-r-cell: 12px; --kk-r-button: 9px; --kk-r-mark: 6px;
  --kk-fs-micro: 11px; --kk-fs-meta: 12px; --kk-fs-body: 13px;
  --kk-fs-title: 15px; --kk-fs-heading: 17px; --kk-fs-display: 28px; --kk-fs-input: 16px;
  --kk-lh-micro: 1.3; --kk-lh-meta: 1.4; --kk-lh-body: 1.5;
  --kk-lh-title: 1.35; --kk-lh-heading: 1.25; --kk-lh-display: 1.1;
  --kk-blk-heard: #2b2433; --kk-blk-made: #1f2e27; --kk-blk-out: #1f2836;
  --kk-blk-lib: #3b2c17; --kk-blk-ink: #faf9f7;
  --kk-hero: #1b1a17; --kk-highlight: #3b2c17;
  --kk-font-serif-accent: "Instrument Serif", Georgia, serif;
  --kk-shadow-sm: 0 1px 2px rgba(0, 0, 0, .24);
  --kk-shadow-md: 0 8px 24px rgba(0, 0, 0, .32);
  --kk-shadow-lg: 0 24px 64px rgba(0, 0, 0, .48);
  --kk-t-fast: 120ms; --kk-t-base: 180ms; --kk-t-slow: 280ms;
  --kk-ease-out: cubic-bezier(.4, 0, .2, 1); --kk-ease-settle: cubic-bezier(.16, 1, .3, 1);
}

/* Follow the OS when no theme is pinned — the same contract tokens.css gives
   kuickr-v2. Without this, nodepad chrome stayed light on a dark OS while
   kuickr-v2 CONTENT inside it went dark: light page, dark-theme text
   (founder, 2026-08-15). */
@media (prefers-color-scheme: dark) {
  :root[data-interface-system="nodepad.tools"]:not([data-theme="light"]) {
  --kk-font-display: "Geist", Inter, system-ui, sans-serif;
  --kk-font-ui: "Geist", Inter, system-ui, sans-serif;
  --kk-font-mono: "Geist Mono", "JetBrains Mono", ui-monospace, monospace;
  --kk-bg: #151412; --kk-wash: #151412; --kk-paper: #1b1a17; --kk-card: #211f1b;
  --kk-fill: #2a2722; --kk-fill-soft: #25231f; --kk-line: #332f29; --kk-border: #403b33;
  --kk-ink: #faf9f7; --kk-text: #e2ded7; --kk-text-soft: #c6c0b6;
  --kk-muted: #9d968b; --kk-muted-soft: #8c8578; --kk-faint: #746e65;
  --kk-primary: #faf9f7; --kk-on-primary: #151412;
  --kk-secondary: #f2a43c; --kk-secondary-hover: #ffba59;
  --kk-secondary-soft: #3b2c17; --kk-on-secondary: #151412;
  --kk-orientation: #f2a43c; --kk-orientation-hover: #ffba59;
  --kk-accent-text: #f2b45f; --kk-accent-fill: #faf9f7; --kk-on-accent: #151412;
  --kk-decision: #86a7dc; --kk-blocker: #e8877f; --kk-question: #b59ad6;
  --kk-idea: #f2b45f; --kk-outcome: #83baa1; --kk-parked: #9d968b;
  --kk-on-decision: #15161a; --kk-on-blocker: #15161a; --kk-on-question: #15161a;
  --kk-on-idea: #15161a; --kk-on-outcome: #15161a; --kk-on-link: #15161a;
  --kk-on-identity-secondary: #15161a;
  --kk-private: #c6c0b6; --kk-link: #f2b45f; --kk-public: #83baa1;
  --kk-danger: #f0958c;
  --kk-r-xs: 3px; --kk-r-sm: 6px; --kk-r-md: 9px; --kk-r-lg: 12px;
  --kk-r-xl: 16px; --kk-r-pill: 999px;
  --kk-s-1: 4px; --kk-s-2: 8px; --kk-s-3: 12px; --kk-s-4: 16px;
  --kk-s-5: 24px; --kk-s-6: 32px; --kk-s-7: 48px; --kk-s-8: 72px;
  --kk-read: 720px;
  --kk-bar: rgba(21, 20, 18, .9); --kk-accent-soft: #3b2c17;
  --kk-new: #83baa1; --kk-new-bg: #1f2e27; --kk-edited: #86a7dc; --kk-edited-bg: #1f2836;
  --kk-r-cell: 12px; --kk-r-button: 9px; --kk-r-mark: 6px;
  --kk-fs-micro: 11px; --kk-fs-meta: 12px; --kk-fs-body: 13px;
  --kk-fs-title: 15px; --kk-fs-heading: 17px; --kk-fs-display: 28px; --kk-fs-input: 16px;
  --kk-lh-micro: 1.3; --kk-lh-meta: 1.4; --kk-lh-body: 1.5;
  --kk-lh-title: 1.35; --kk-lh-heading: 1.25; --kk-lh-display: 1.1;
  --kk-blk-heard: #2b2433; --kk-blk-made: #1f2e27; --kk-blk-out: #1f2836;
  --kk-blk-lib: #3b2c17; --kk-blk-ink: #faf9f7;
  --kk-hero: #1b1a17; --kk-highlight: #3b2c17;
  --kk-font-serif-accent: "Instrument Serif", Georgia, serif;
  --kk-shadow-sm: 0 1px 2px rgba(0, 0, 0, .24);
  --kk-shadow-md: 0 8px 24px rgba(0, 0, 0, .32);
  --kk-shadow-lg: 0 24px 64px rgba(0, 0, 0, .48);
  --kk-t-fast: 120ms; --kk-t-base: 180ms; --kk-t-slow: 280ms;
  --kk-ease-out: cubic-bezier(.4, 0, .2, 1); --kk-ease-settle: cubic-bezier(.16, 1, .3, 1);
}

  :root[data-interface-system="nodepad.tools"]:not([data-theme="light"]) [data-design-system="nodepad.tools"] {
  --kk-font-display: "Geist", Inter, system-ui, sans-serif;
  --kk-font-ui: "Geist", Inter, system-ui, sans-serif;
  --kk-font-mono: "Geist Mono", "JetBrains Mono", ui-monospace, monospace;
  --kk-bg: #151412; --kk-wash: #151412; --kk-paper: #1b1a17; --kk-card: #211f1b;
  --kk-fill: #2a2722; --kk-fill-soft: #25231f; --kk-line: #332f29; --kk-border: #403b33;
  --kk-ink: #faf9f7; --kk-text: #e2ded7; --kk-text-soft: #c6c0b6;
  --kk-muted: #9d968b; --kk-muted-soft: #8c8578; --kk-faint: #746e65;
  --kk-primary: #faf9f7; --kk-on-primary: #151412;
  --kk-secondary: #f2a43c; --kk-secondary-hover: #ffba59;
  --kk-secondary-soft: #3b2c17; --kk-on-secondary: #151412;
  --kk-orientation: #f2a43c; --kk-orientation-hover: #ffba59;
  --kk-accent-text: #f2b45f; --kk-accent-fill: #faf9f7; --kk-on-accent: #151412;
  --kk-decision: #86a7dc; --kk-blocker: #e8877f; --kk-question: #b59ad6;
  --kk-idea: #f2b45f; --kk-outcome: #83baa1; --kk-parked: #9d968b;
  --kk-on-decision: #15161a; --kk-on-blocker: #15161a; --kk-on-question: #15161a;
  --kk-on-idea: #15161a; --kk-on-outcome: #15161a; --kk-on-link: #15161a;
  --kk-on-identity-secondary: #15161a;
  --kk-private: #c6c0b6; --kk-link: #f2b45f; --kk-public: #83baa1;
  --kk-danger: #f0958c;
  --kk-r-xs: 3px; --kk-r-sm: 6px; --kk-r-md: 9px; --kk-r-lg: 12px;
  --kk-r-xl: 16px; --kk-r-pill: 999px;
  --kk-s-1: 4px; --kk-s-2: 8px; --kk-s-3: 12px; --kk-s-4: 16px;
  --kk-s-5: 24px; --kk-s-6: 32px; --kk-s-7: 48px; --kk-s-8: 72px;
  --kk-read: 720px;
  --kk-bar: rgba(21, 20, 18, .9); --kk-accent-soft: #3b2c17;
  --kk-new: #83baa1; --kk-new-bg: #1f2e27; --kk-edited: #86a7dc; --kk-edited-bg: #1f2836;
  --kk-r-cell: 12px; --kk-r-button: 9px; --kk-r-mark: 6px;
  --kk-fs-micro: 11px; --kk-fs-meta: 12px; --kk-fs-body: 13px;
  --kk-fs-title: 15px; --kk-fs-heading: 17px; --kk-fs-display: 28px; --kk-fs-input: 16px;
  --kk-lh-micro: 1.3; --kk-lh-meta: 1.4; --kk-lh-body: 1.5;
  --kk-lh-title: 1.35; --kk-lh-heading: 1.25; --kk-lh-display: 1.1;
  --kk-blk-heard: #2b2433; --kk-blk-made: #1f2e27; --kk-blk-out: #1f2836;
  --kk-blk-lib: #3b2c17; --kk-blk-ink: #faf9f7;
  --kk-hero: #1b1a17; --kk-highlight: #3b2c17;
  --kk-font-serif-accent: "Instrument Serif", Georgia, serif;
  --kk-shadow-sm: 0 1px 2px rgba(0, 0, 0, .24);
  --kk-shadow-md: 0 8px 24px rgba(0, 0, 0, .32);
  --kk-shadow-lg: 0 24px 64px rgba(0, 0, 0, .48);
  --kk-t-fast: 120ms; --kk-t-base: 180ms; --kk-t-slow: 280ms;
  --kk-ease-out: cubic-bezier(.4, 0, .2, 1); --kk-ease-settle: cubic-bezier(.16, 1, .3, 1);
}
}

/* Phones: read a step larger (spec 35 D-35-1 rule 4). The selector must
   outrank every themed chrome block above (0,3,0 and last), or dark would
   restore the desktop steps on a phone. Page content scopes keep the desktop
   steps for now: nothing authored reads --kk-fs-* yet. */
@media (max-width: 640px) {
  :root[data-interface-system="nodepad.tools"]:not([data-kk-fixed-type]) {
    --kk-fs-micro: 11px; --kk-fs-meta: 12px; --kk-fs-body: 14px;
    --kk-fs-title: 16px; --kk-fs-heading: 18px; --kk-fs-display: 24px; --kk-fs-input: 16px;
  }
}