/* Pandect — the themes of Atlas (my./law.) as SETS OF TOKEN VALUES (Nikolay 10.11 via main). [Code: Fork4]
   A theme is <html data-look="…">, chosen by shared/look.js (the pandect_look cookie, like pandect_theme and
   pandect_accent). No data-look = „Основна“: the page's own :root / :root[data-theme="dark"] blocks, NOT ONE rule
   here applies — the current look stays pixel for pixel (Nikolay: „текущата нека е текущата“).
   The brand colour (shared/palette.js, --pal-*) works OVER a theme: each theme's --accent falls back to its own
   green only when no colour is chosen; „Върни цветовете на темата“ clears the choice.
   Values — html[data-look=…]:root; „Основна“ also takes nothing from the rules for the five (html:is([data-look=…])).
   ⚠ The selectors are html[data-look=…]:root — (0,2,1), above :root[data-theme="dark"] (0,2,0), whatever the order.
   Step 2 (later): the ~380 literal colours of the components into these tokens.
   The text contrast ≥ 4.5:1 in every theme — api/tests/test_themes_contrast.py. */

/* ── „Хартия“ (light): warm paper; the act's text in a serif. ONE paper (Nikolay 10.11: „що едното е кремаво, а
   другото на бял фон“) — no pure white: the panels, the page and the second panel are neighbouring shades of one warm
   tone, just apart enough for the borders ── */
html[data-look="paper"]:root{
  --bg:#f2f0e9; --panel:#faf8f2; --panel2:#f6f4ed; --ink:#1f2420; --muted:#5b605a; --line:#dcd8cc;
  --accent:var(--pal-brand-light, #2f7d32); --accent-ink:var(--pal-brand-ink-light, #ffffff); --logo:var(--pal-logo-light, #2f7d32);
  --accent-soft:var(--pal-brand-soft-light, #e3eedc); --chip:#ece9e0; --code:#ece9e0; --hover:#ece9e0;
  --ink-strong:#1f2420; --link:#1d5fb8; --link-hover:#0f4590; --sel-bg:#e3eedc;
  --reader-font:"PT Serif", Georgia, "Times New Roman", serif; --reader-size:17px;
  --map-base:#ebe8df; --map-halo:#f6f4ed;
  color-scheme:light;
}

/* ── the families (Nikolay 10.11 via main; the values — the boards Г1/Г2/Д/Ж + the dark pairs): each html[data-look=
   "<family>"] and "<family>-dark" (shared/look.js — the family is the cookie, the variant follows light/dark). Besides the colours each has: --ui-font
   (the whole site), --reader-font/-size/-lh (the act's text) and the links by kind: a norm (--lk-law), case law
   (--lk-prac), the State Gazette (--lk-dv), each with its underline (--lk-*-line). The fonts — shared/look.js, from
   Google Fonts only while the theme is chosen ── */
/* Г1 „Неутрална“: white reading surface, grey bars, Inter */
html[data-look="neutral"]:root{
  --bg:#f6f8fa; --panel:#ffffff; --panel2:#f6f8fa; --ink:#1f2328; --muted:#59636e; --line:#d1d9e0;
  --accent:var(--pal-brand-light, #1f883d); --accent-ink:var(--pal-brand-ink-light, #ffffff); --logo:var(--pal-logo-light, #1f883d);
  --accent-soft:var(--pal-brand-soft-light, #dafbe1); --chip:#eff2f5; --code:#eff2f5; --hover:#eaeef2;
  --ink-strong:#1f2328; --link:#0969da; --link-hover:#0550ae; --sel-bg:#ddf4ff;
  --ui-font:"Inter", -apple-system, "Segoe UI", system-ui, sans-serif; --reader-font:var(--ui-font); --reader-size:15.5px; --reader-lh:1.65;
  --lk-law:#0969da; --lk-law-line:#b6d7f7; --lk-prac:#8250df; --lk-prac-line:#d8c7f5; --lk-dv:#9a6700; --lk-dv-line:#ecd89a;
  --map-base:#eaeef2; --map-halo:#ffffff;
  color-scheme:light;
}
/* Г2 „Неутрална тъмна“: the dark pair of Г1 */
html[data-look="neutral-dark"]:root{
  --bg:#151b23; --panel:#0d1117; --panel2:#151b23; --ink:#d1d7e0; --muted:#9198a1; --line:#3d444d;
  --accent:var(--pal-brand-dark, #3fb950); --accent-ink:var(--pal-brand-ink-dark, #0d1117); --logo:var(--pal-logo-dark, #3fb950);
  --accent-soft:var(--pal-brand-soft-dark, rgba(63,185,80,.16)); --chip:#212830; --code:#212830; --hover:#262c36;
  --ink-strong:#f0f6fc; --link:#4493f8; --link-hover:#79b8ff; --sel-bg:#1f2f45;
  --ui-font:"Inter", -apple-system, "Segoe UI", system-ui, sans-serif; --reader-font:var(--ui-font); --reader-size:15.5px; --reader-lh:1.65;
  --lk-law:#4493f8; --lk-law-line:#1f3a5f; --lk-prac:#ab7df8; --lk-prac-line:#3c2a63; --lk-dv:#d29922; --lk-dv-line:#4d3a12;
  --map-base:#262c36; --map-halo:#0d1117;
  color-scheme:dark;
}
/* Д „Сепия“: as in the book readers; Literata 18/1.75, the act's text justified, starts on „Лист“ */
html[data-look="sepia"]:root{
  --bg:#efe4cf; --panel:#f8f0de; --panel2:#f2e8d4; --ink:#3b2f22; --muted:#6e5f4b; --line:#dccdb0;
  --accent:var(--pal-brand-light, #8a5a2b); --accent-ink:var(--pal-brand-ink-light, #fbf5ea); --logo:var(--pal-logo-light, #8a5a2b);
  --accent-soft:var(--pal-brand-soft-light, #eadcc0); --chip:#ebdfc6; --code:#ebdfc6; --hover:#e7d8b8;
  --ink-strong:#2e241a; --link:#7a3e12; --link-hover:#5a2c0a; --sel-bg:#e7d8b8;
  --ui-font:"Inter", system-ui, sans-serif; --reader-font:"Literata", Georgia, serif; --reader-size:18px; --reader-lh:1.75;
  --lk-law:#7a3e12; --lk-law-line:#d7b68f; --lk-prac:#5b4a8a; --lk-prac-line:#c9bfdf; --lk-dv:#4f6b2e; --lk-dv-line:#c3d0a8;
  --map-base:#e9dcc2; --map-halo:#f8f0de;
  color-scheme:light;
}
/* Ж „Фокус“: only the text — Source Serif 4 19/1.75, starts on „Лист“; with an act open the list and the left column
   step aside (index.html: the reader's „Цял екран“; its button and Esc bring them back); the links only underlined */
html[data-look="focus"]:root{
  --bg:#fcfcfa; --panel:#fcfcfa; --panel2:#f5f5f1; --ink:#222222; --muted:#5f5f5f; --line:#e6e6e0;
  --accent:var(--pal-brand-light, #2f6f3a); --accent-ink:var(--pal-brand-ink-light, #ffffff); --logo:var(--pal-logo-light, #2f6f3a);
  --accent-soft:var(--pal-brand-soft-light, #eef3ec); --chip:#f0f0eb; --code:#f0f0eb; --hover:#eef3ec;
  --ink-strong:#111111; --link:#2a5a9a; --link-hover:#1a3f70; --sel-bg:#eef3ec;
  --ui-font:"Inter", system-ui, sans-serif; --reader-font:"Source Serif 4", Georgia, serif; --reader-size:19px; --reader-lh:1.75;
  --lk-law:#222222; --lk-law-line:#9bb7d6; --lk-prac:#222222; --lk-prac-line:#b7a6d8; --lk-dv:#222222; --lk-dv-line:#b9a36a;
  --map-base:#efefea; --map-halo:#fcfcfa;
  color-scheme:light;
}

/* „Хартия“ (dark): warm soft dark — the paper's tones (no blue tint), the same serif */
html[data-look="paper-dark"]:root{
  --bg:#24211d; --panel:#2e2a25; --panel2:#29261f; --ink:#d8d2c6; --muted:#a59d8f; --line:#403a32;
  --accent:var(--pal-brand-dark, #8fbf6a); --accent-ink:var(--pal-brand-ink-dark, #1d1a16); --logo:var(--pal-logo-dark, #8fbf6a);
  --accent-soft:var(--pal-brand-soft-dark, rgba(143,191,106,.16)); --chip:#37322b; --code:#37322b; --hover:#3d372f;
  --ink-strong:#efe9dd; --link:#9cc0ec; --link-hover:#c0d8f5; --sel-bg:#343a28;
  --reader-font:"PT Serif", Georgia, "Times New Roman", serif; --reader-size:17px;
  --map-base:#3a352e; --map-halo:#24211d;
  color-scheme:dark;
}
/* „Сепия“ (dark): brown-dark, amber links, the same Literata */
html[data-look="sepia-dark"]:root{
  --bg:#1e1812; --panel:#2a2119; --panel2:#241d16; --ink:#e0d0b8; --muted:#b09c80; --line:#3d3226;
  --accent:var(--pal-brand-dark, #d19a5a); --accent-ink:var(--pal-brand-ink-dark, #1e1812); --logo:var(--pal-logo-dark, #d19a5a);
  --accent-soft:var(--pal-brand-soft-dark, rgba(209,154,90,.16)); --chip:#33281e; --code:#33281e; --hover:#3d3024;
  --ink-strong:#f2e4cc; --link:#e0a95e; --link-hover:#f0c488; --sel-bg:#3d3024;
  --ui-font:"Inter", system-ui, sans-serif; --reader-font:"Literata", Georgia, serif; --reader-size:18px; --reader-lh:1.75;
  --lk-law:#e0a95e; --lk-law-line:#6b4f2c; --lk-prac:#c3a9e8; --lk-prac-line:#4f4066; --lk-dv:#a9c47e; --lk-dv-line:#44502f;
  --map-base:#3a2e22; --map-halo:#1e1812;
  color-scheme:dark;
}
/* „Фокус“ (dark): the same typography, no panels */
html[data-look="focus-dark"]:root{
  --bg:#1a1a19; --panel:#1a1a19; --panel2:#222220; --ink:#dcdcd6; --muted:#a3a39b; --line:#2e2e2b;
  --accent:var(--pal-brand-dark, #7fbf86); --accent-ink:var(--pal-brand-ink-dark, #10140f); --logo:var(--pal-logo-dark, #7fbf86);
  --accent-soft:var(--pal-brand-soft-dark, rgba(127,191,134,.16)); --chip:#262624; --code:#262624; --hover:#2a3229;
  --ink-strong:#f0f0ea; --link:#9dbbe0; --link-hover:#c3d6ef; --sel-bg:#2a3229;
  --ui-font:"Inter", system-ui, sans-serif; --reader-font:"Source Serif 4", Georgia, serif; --reader-size:19px; --reader-lh:1.75;
  --lk-law:#dcdcd6; --lk-law-line:#3f5878; --lk-prac:#dcdcd6; --lk-prac-line:#57487a; --lk-dv:#dcdcd6; --lk-dv-line:#6b5c33;
  --map-base:#2a2a27; --map-halo:#1a1a19;
  color-scheme:dark;
}

/* „Индиго“ (Nikolay 10.11) — the Tailwind CSS scales, steps only: slate (surfaces, text), indigo (accent, norms),
   purple (case law), amber (State Gazette). The dark accent is indigo-600: white on indigo-500 is 4.47 < 4.5 */
html[data-look="indigo"]:root{
  --bg:#f8fafc; --panel:#ffffff; --panel2:#f1f5f9; --ink:#0f172a; --muted:#475569; --line:#e2e8f0;
  --accent:var(--pal-brand-light, #4f46e5); --accent-ink:var(--pal-brand-ink-light, #ffffff); --logo:var(--pal-logo-light, #4f46e5);
  --accent-soft:var(--pal-brand-soft-light, #eef2ff); --chip:#f1f5f9; --code:#f1f5f9; --hover:#e2e8f0;
  --ink-strong:#0f172a; --link:#4338ca; --link-hover:#3730a3; --sel-bg:#eef2ff;
  --ui-font:"Inter", -apple-system, "Segoe UI", system-ui, sans-serif; --reader-font:var(--ui-font); --reader-size:15.5px; --reader-lh:1.65;
  --lk-law:#4338ca; --lk-law-line:#c7d2fe; --lk-prac:#7e22ce; --lk-prac-line:#e9d5ff; --lk-dv:#b45309; --lk-dv-line:#fde68a;
  --map-base:#e2e8f0; --map-halo:#ffffff;
  color-scheme:light;
}
html[data-look="indigo-dark"]:root{
  --bg:#0f172a; --panel:#1e293b; --panel2:#1e293b; --ink:#e2e8f0; --muted:#94a3b8; --line:#334155;
  --accent:var(--pal-brand-dark, #4f46e5); --accent-ink:var(--pal-brand-ink-dark, #ffffff); --logo:var(--pal-logo-dark, #818cf8);
  --accent-soft:var(--pal-brand-soft-dark, #1e1b4b); --chip:#334155; --code:#0f172a; --hover:#334155;
  --ink-strong:#f1f5f9; --link:#a5b4fc; --link-hover:#c7d2fe; --sel-bg:#1e1b4b;
  --ui-font:"Inter", -apple-system, "Segoe UI", system-ui, sans-serif; --reader-font:var(--ui-font); --reader-size:15.5px; --reader-lh:1.65;
  --lk-law:#a5b4fc; --lk-law-line:#3730a3; --lk-prac:#d8b4fe; --lk-prac-line:#6b21a8; --lk-dv:#fcd34d; --lk-dv-line:#92400e;
  --map-base:#334155; --map-halo:#0f172a;
  color-scheme:dark;
}

/* ── the other sites' own names for the same tokens (Nikolay 10.11: the theme everywhere) — only under data-look,
   „Основна“ untouched: landing/help --text, admin. --head/--ink2, the old admin.html --page-bg/--card/--border/--text/
   --faint/--primary, case. --brand/--brand-ink, epep --soft ── */
html[data-look]:root{
  --text:var(--ink); --head:var(--panel2); --ink2:var(--ink); --page-bg:var(--bg); --card:var(--panel); --border:var(--line);
  --faint:var(--muted); --primary:var(--accent); --primary-ink:var(--accent-ink); --brand:var(--accent); --brand-ink:var(--accent-ink);
  --soft:var(--accent-soft); --accent-line:var(--accent);
}
/* „Основна“ with personal colours (shared/look.js): the links take them; not chosen — the same colour as before (0 px) */
:where(html:not([data-look])) #prView .txt a.ref.cite, :where(html:not([data-look])) #prView .txt a.pd-cad[href]{color:var(--lk-law, color-mix(in srgb, var(--accent) 80%, var(--ink, #222)))}
:where(html:not([data-look])) #prView .txt a.ref[data-refact]{color:var(--lk-prac, color-mix(in srgb, var(--accent) 80%, var(--ink, #222)))}
:where(html:not([data-look])) #prView .txt a.ref[data-refnav]{color:var(--lk-dv, color-mix(in srgb, var(--accent) 80%, var(--ink, #222)))}
:where(html:not([data-look])) #prView .txt a.ref.cite:hover, :where(html:not([data-look])) #prView .txt a.pd-cad[href]:hover{color:var(--lk-law, var(--accent))}
:where(html:not([data-look])) #prView .txt a.ref[data-refact]:hover{color:var(--lk-prac, var(--accent))}
:where(html:not([data-look])) #prView .txt a.ref[data-refnav]:hover{color:var(--lk-dv, var(--accent))}
/* the usual Cyrillic forms in every theme, as in „Основна“ (Nikolay 10.11): IBM Plex Sans and Source Serif 4 have
   Bulgarian local forms (т as m, д as g, л as Λ) for lang="bg" — turned off; on every element (buttons and fields do not
   inherit it), with no weight (:where) so that a page rule of its own would win */
:where(html[data-look]) *, :where(html[data-look]) *::before, :where(html[data-look]) *::after{font-feature-settings:"locl" 0}
/* the panel in place of another site's account menu (PandectLook.openIn) */
[data-pd-looking]:has(> .avlook) > :not(.avlook){display:none !important}
[data-pd-looking] .avlook{display:flex}

/* „Меко“ (Nikolay 10.11): dark — One Dark Pro Darker (a deeper background than One Dark: „прекалено сиво, като
   замъглено“; the text brighter); light — One Light, its pair.
   One Light darkened to the first value with ≥ 4.5: norms #4078f2 → #3868d3, State Gazette #986801 → #926401, the
   accent #50a14f → #428441 (white on it); IBM Plex Sans */
html[data-look="soft"]:root{
  --bg:#fafafa; --panel:#ffffff; --panel2:#f0f0f1; --ink:#383a42; --muted:#696c77; --line:#e5e5e6;
  --accent:var(--pal-brand-light, #428441); --accent-ink:var(--pal-brand-ink-light, #ffffff); --logo:var(--pal-logo-light, #428441);
  --accent-soft:var(--pal-brand-soft-light, rgba(80,161,79,.14)); --chip:#f0f0f1; --code:#f0f0f1; --hover:#e5e5e6;
  --ink-strong:#232428; --link:#3868d3; --link-hover:#2b54ad; --sel-bg:#e6efe5;
  --ui-font:"IBM Plex Sans", system-ui, sans-serif; --reader-font:var(--ui-font); --reader-size:15.5px; --reader-lh:1.7;
  --lk-law:#3868d3; --lk-law-line:#c3d3f8; --lk-prac:#a626a4; --lk-prac-line:#ecc3eb; --lk-dv:#926401; --lk-dv-line:#ead9b0;
  --map-base:#e5e5e6; --map-halo:#ffffff;
  color-scheme:light;
}
html[data-look="soft-dark"]:root{
  --bg:#1e2227; --panel:#23272e; --panel2:#282c34; --ink:#dcdfe4; --muted:#9da5b4; --line:#3a3f4b;
  --accent:var(--pal-brand-dark, #98c379); --accent-ink:var(--pal-brand-ink-dark, #1e2227); --logo:var(--pal-logo-dark, #98c379);
  --accent-soft:var(--pal-brand-soft-dark, rgba(152,195,121,.16)); --chip:#2b3542; --code:#333842; --hover:#3a4150;
  --ink-strong:#e6e9ee; --link:#61afef; --link-hover:#8cc5f5; --sel-bg:#3a4150;
  --ui-font:"IBM Plex Sans", system-ui, sans-serif; --reader-font:var(--ui-font); --reader-size:15.5px; --reader-lh:1.7;
  --lk-law:#61afef; --lk-law-line:#35506b; --lk-prac:#c678dd; --lk-prac-line:#563f63; --lk-dv:#e5c07b; --lk-dv-line:#5e5137;
  --map-base:#3a3f4b; --map-halo:#1e2227;
  color-scheme:dark;
}

/* ── the theme row in the account menu (shared/look.js) — shown only when the menu's „Тема“ is open ── */
/* (Nikolay 10.11: „да се виждат визуално какво избирам“) — the menu turns into this panel; each theme — its small
   picture in its own colours: the bar, the left column, the page with text and the three kinds of links */
.avlook{padding:4px 8px 10px; display:flex; flex-direction:column; gap:8px; width:336px; max-width:calc(100vw - 40px); box-sizing:border-box}
.avlook-h{display:flex; align-items:baseline; gap:8px; padding:4px 2px 6px; border-bottom:1px solid var(--line); white-space:nowrap}
.avlook-h button{font:inherit; border:0; background:none; color:var(--muted); cursor:pointer; padding:0 4px 0 0}
.avlook-h button:hover{color:var(--ink)}
.avlook-h b{font-size:14px} .avlook small, .avlook-h small{color:var(--muted)}
.pd-picker{display:flex; flex-direction:column; gap:8px}
/* „Светли | Тъмни | Авто“ — the only light/dark switch (pandect_theme): a standard segmented control — three equal
   segments in one frame, each an icon + the word on ONE line, centred, 32 px (Nikolay 10.11) */
.pd-mode{display:grid; grid-auto-flow:column; grid-auto-columns:1fr; border:1px solid var(--line); border-radius:8px; overflow:hidden}
.pd-mode button{display:flex; align-items:center; justify-content:center; gap:6px; height:32px; padding:0 8px; margin:0; font:inherit;
  font-size:12.5px; line-height:1; white-space:nowrap; border:0; border-radius:0; background:transparent; color:var(--muted); cursor:pointer}
.pd-mode button + button{border-left:1px solid var(--line)}
.pd-mode button svg{flex:none; display:block}
.pd-mode button:hover{color:var(--ink)}
.pd-mode button[aria-pressed="true"]{background:var(--accent-soft); color:var(--ink-strong, var(--ink)); font-weight:600}
.pd-look{display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:8px}
.pd-look button{font:inherit; padding:4px; border:1px solid var(--line); border-radius:10px; background:var(--panel);
  color:var(--ink); cursor:pointer; display:flex; flex-direction:column; gap:2px; text-align:left; min-width:0}
.pd-look button:hover{border-color:var(--muted)}
.pd-look button[aria-pressed="true"]{border-color:var(--accent); box-shadow:0 0 0 2px var(--accent)}
.pd-look .nm{font-size:12px; font-weight:600; padding:2px 2px 0; line-height:1.25}
.pd-look button small{font-size:10.5px; padding:0 2px 2px; line-height:1.25; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.pd-look .pv{position:relative; display:grid; grid-template:12px 1fr / 26% 1fr; height:62px; border-radius:6px; overflow:hidden;
  box-shadow:inset 0 0 0 1px rgba(127,127,127,.25)}
.pd-look .pv i{display:block; height:3px; border-radius:2px}
.pd-look .pv-bar{grid-column:1 / -1; border-bottom:1px solid; display:flex; align-items:center; padding:0 5px}
.pd-look .pv-bar i{width:14px}
.pd-look .pv-side{display:flex; flex-direction:column; gap:4px; padding:6px 4px}
.pd-look .pv-page{display:flex; flex-direction:column; gap:3px; padding:4px 6px; min-width:0}
.pd-look .pv-side + .pv-page{grid-column:2} .pd-look .pv-bar + .pv-page{grid-column:1 / -1; padding:4px 14px}
.pd-look .pv-page b{font-size:12px; line-height:1; font-weight:600}
.pd-look .pv-links{display:flex; gap:4px} .pd-look .pv-links u{flex:1; height:3px; border-bottom:2px solid}
/* the personal colours (shared/look.js): a circle each — the native colour picker; the note when moved for 4.5 */
.pd-cols{display:flex; flex-direction:column; gap:4px; padding-top:6px; border-top:1px solid var(--line)}
.pd-cols-row{display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:6px}
.pd-col{display:flex; flex-direction:column; align-items:center; gap:2px; font-size:11.5px; color:var(--ink); cursor:pointer; min-width:0}
.pd-col input[type=color]{width:30px; height:30px; padding:0; border:1px solid var(--line); border-radius:50%; background:none; cursor:pointer}
.pd-col input[type=color]::-webkit-color-swatch-wrapper{padding:2px} .pd-col input[type=color]::-webkit-color-swatch{border:0; border-radius:50%}
.pd-col input[type=color]::-moz-color-swatch{border:0; border-radius:50%}
.pd-col-warn{font-style:normal; font-size:10.5px; color:var(--muted); display:flex; align-items:center; gap:3px; white-space:nowrap}
.pd-col-warn[hidden]{display:none}
.pd-col-warn i{display:inline-block; width:9px; height:9px; border-radius:50%}
.pd-look-reset{align-self:flex-start; font:inherit; font-size:12px; padding:2px 0; border:0; background:none;
  color:var(--muted); text-decoration:underline; cursor:pointer}

/* ── the few component rules a theme needs (only under data-look — „Основна“ untouched) ── */
/* the links in the act's text and the article chips: the link colour, not the brand's */
html[data-look] #prView .txt a.ref{color:var(--link)}
html[data-look] #prView .txt a.ref:hover{color:var(--link-hover); background:color-mix(in srgb, var(--link) 12%, transparent)}
html[data-look] #prView .txt a.pd-cad{color:var(--link)}
html[data-look] #prView .txt a.pd-cad:hover{color:var(--link-hover); background:color-mix(in srgb, var(--link) 12%, transparent)}
html[data-look] #prView .arts a.art{color:var(--link)}
html[data-look] #prView .arts a.art:hover{color:var(--link-hover)}
/* the reader of „Хартия“: a serif, 17 px (A–/A+ still change it); the width — the reader's own switch (Цял ред / Лист) */
html:is([data-look="paper"],[data-look="paper-dark"]) #prView .txt{font-family:var(--reader-font); font-size:var(--rfs, var(--reader-size))}
html:is([data-look="paper"],[data-look="paper-dark"]) #prView .txt h3{font-size:var(--rfs, var(--reader-size))}
/* the five: the font of the whole site, the reader's font/size/spacing (practice and the articles of an act), the links
   by kind with their underline */
html:is([data-look="neutral"],[data-look="neutral-dark"],[data-look="soft"],[data-look="soft-dark"],[data-look="indigo"],[data-look="indigo-dark"],[data-look="sepia"],[data-look="sepia-dark"],[data-look="focus"],[data-look="focus-dark"]) body{font-family:var(--ui-font)}
html:is([data-look="neutral"],[data-look="neutral-dark"],[data-look="soft"],[data-look="soft-dark"],[data-look="indigo"],[data-look="indigo-dark"],[data-look="sepia"],[data-look="sepia-dark"],[data-look="focus"],[data-look="focus-dark"]) #prView .txt{font-family:var(--reader-font); font-size:var(--rfs, var(--reader-size)); line-height:var(--reader-lh)}
html:is([data-look="neutral"],[data-look="neutral-dark"],[data-look="soft"],[data-look="soft-dark"],[data-look="indigo"],[data-look="indigo-dark"],[data-look="sepia"],[data-look="sepia-dark"],[data-look="focus"],[data-look="focus-dark"]) #prView .txt h3{font-size:var(--rfs, var(--reader-size))}
html:is([data-look="neutral"],[data-look="neutral-dark"],[data-look="soft"],[data-look="soft-dark"],[data-look="indigo"],[data-look="indigo-dark"],[data-look="sepia"],[data-look="sepia-dark"],[data-look="focus"],[data-look="focus-dark"]) #doc .art .t{font-family:var(--reader-font); line-height:var(--reader-lh)}
html:is([data-look="neutral"],[data-look="neutral-dark"],[data-look="soft"],[data-look="soft-dark"],[data-look="indigo"],[data-look="indigo-dark"],[data-look="sepia"],[data-look="sepia-dark"],[data-look="focus"],[data-look="focus-dark"]) #prView .txt a.ref.cite, html:is([data-look="neutral"],[data-look="neutral-dark"],[data-look="soft"],[data-look="soft-dark"],[data-look="indigo"],[data-look="indigo-dark"],[data-look="sepia"],[data-look="sepia-dark"],[data-look="focus"],[data-look="focus-dark"]) #prView .txt a.pd-cad{color:var(--lk-law); border-bottom:1px solid var(--lk-law-line); border-radius:0}
html:is([data-look="neutral"],[data-look="neutral-dark"],[data-look="soft"],[data-look="soft-dark"],[data-look="indigo"],[data-look="indigo-dark"],[data-look="sepia"],[data-look="sepia-dark"],[data-look="focus"],[data-look="focus-dark"]) #prView .txt a.ref[data-refact]{color:var(--lk-prac); border-bottom:1px solid var(--lk-prac-line); border-radius:0}
html:is([data-look="neutral"],[data-look="neutral-dark"],[data-look="soft"],[data-look="soft-dark"],[data-look="indigo"],[data-look="indigo-dark"],[data-look="sepia"],[data-look="sepia-dark"],[data-look="focus"],[data-look="focus-dark"]) #prView .txt a.ref[data-refnav]{color:var(--lk-dv); border-bottom:1px solid var(--lk-dv-line); border-radius:0}
html:is([data-look="neutral"],[data-look="neutral-dark"],[data-look="soft"],[data-look="soft-dark"],[data-look="indigo"],[data-look="indigo-dark"],[data-look="sepia"],[data-look="sepia-dark"],[data-look="focus"],[data-look="focus-dark"]) #prView .txt a.ref:hover{color:var(--ink-strong); background:color-mix(in srgb, var(--lk-law) 10%, transparent)}
html:is([data-look="neutral"],[data-look="neutral-dark"],[data-look="soft"],[data-look="soft-dark"],[data-look="indigo"],[data-look="indigo-dark"],[data-look="sepia"],[data-look="sepia-dark"],[data-look="focus"],[data-look="focus-dark"]) #prView[data-links="off"]:not(.peek) .txt :is(a.ref, a.pd-cad){border-bottom-color:transparent}
html:is([data-look="focus"],[data-look="focus-dark"]) #prView .txt a.ref[data-refact]{border-bottom-style:dashed}
html:is([data-look="focus"],[data-look="focus-dark"]) #prView .txt a.ref[data-refnav]{border-bottom-style:dotted}
html:is([data-look="sepia"],[data-look="sepia-dark"]) #prView .txt p{text-align:justify; hyphens:auto}