/* /learningtools/_style/lt-compat.css  (Oct 22, 2026)
   Loaded before the chosen layout stylesheet (academic, dashboard, editorial or library).
   1. Maps the older page color names (--bg, --text, --accent ...) to the layout's colors, so inline
      styles in lessons and management pages follow the chosen layout and mode.
   2. Hides the old Light/Dark controls; the gear replaces them.
   3. The gear button and its panel.
   4. Course and hub extras: the inline "On this page" box, category options, test notice.
   5. (Added by the build) the shared widgets from /journal_tools/_shared/jt-layout.css that jt-nav.js
      draws: All training menu, prev/next, module list, back to top, orientation tools, report an issue,
      disclaimer and Listen. The 75% three-column layout rules are not copied (Jeff, Oct 22, 2026). */

.jt-site{
  --bg:var(--jt-bg);--bg2:var(--jt-surface);--bg3:var(--jt-soft);--bg4:var(--jt-soft);
  --text:var(--jt-text);--text2:var(--jt-muted);--border:var(--jt-border);
  --accent:var(--jt-accent);--accent2:var(--jt-accent);--accent3:var(--jt-highlight);--head:var(--jt-accent);
  --warning:var(--jt-highlight);--success:#2b7a3b;--danger:#b00020;
}
:root[data-theme="dark"] .jt-site{--success:#69db7c;--danger:#ff8787}

/* 2. old theme controls */
.jt-site .theme-toggle,.jt-site [data-theme-toggle],.jt-site select.jt-theme,.jt-site .jt-theme-slot,.jt-site .jt-menu-btn{display:none!important}

/* 3. gear */
.lt-gear-btn{display:inline-flex;align-items:center;gap:6px;font:600 14px/1.2 "Segoe UI",Arial,sans-serif;color:var(--jt-text,#172536);background:var(--jt-surface,#fffef9);border:1px solid var(--jt-border,#bdc8d0);border-radius:999px;padding:6px 12px;cursor:pointer;white-space:nowrap;margin-left:6px}
.lt-gear-btn:hover{border-color:var(--jt-accent,#173e63);color:var(--jt-accent,#173e63)}
.lt-gear-btn:focus-visible{outline:3px solid var(--jt-accent,#173e63);outline-offset:2px}
.lt-gear-btn svg{flex:none}
.lt-gear-float{position:fixed;right:16px;bottom:16px;z-index:2147483100;box-shadow:0 4px 18px rgba(0,0,0,.25)}
.lt-gear-panel{position:fixed;top:72px;right:16px;z-index:2147483200;width:min(390px,calc(100vw - 32px));max-height:calc(100vh - 90px);overflow:auto;background:var(--jt-surface,#fffef9);color:var(--jt-text,#172536);border:1px solid var(--jt-border,#bdc8d0);border-radius:12px;box-shadow:0 12px 40px rgba(0,0,0,.3);padding:16px 18px;font:15px/1.45 "Segoe UI",Arial,sans-serif;text-align:left}
.lt-gear-panel[hidden]{display:none}
.lt-gp-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:4px}
.lt-gp-head h2{margin:0;font-size:1.2rem;font-weight:800;color:var(--jt-accent,#173e63);font-family:inherit}
.lt-gp-x{background:none;border:1px solid var(--jt-border,#bdc8d0);color:inherit;border-radius:8px;width:34px;height:34px;font-size:22px;line-height:1;cursor:pointer}
.lt-gear-panel fieldset{border:0;margin:12px 0 0;padding:0;min-width:0}
.lt-gear-panel legend{font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;font-weight:800;color:var(--jt-muted,#536070);margin:0 0 6px;padding:0}
.lt-gp-opt{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--jt-border,#bdc8d0);border-radius:9px;padding:9px 11px;margin:0 0 6px;cursor:pointer;background:var(--jt-bg,#f2f0e8)}
.lt-gp-opt:has(input:checked){border:2px solid var(--jt-accent,#173e63);padding:8px 10px;background:var(--jt-soft,#e5edf3)}
.lt-gp-opt input,.lt-gp-mode input{margin:4px 0 0;accent-color:var(--jt-accent,#173e63)}
.lt-gp-opt b{display:block;font-size:.98rem;color:var(--jt-text,#172536)}
.lt-gp-opt small{display:block;color:var(--jt-muted,#536070);font-size:.84rem;line-height:1.4}
.lt-gp-modes{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.lt-gp-mode{display:flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--jt-border,#bdc8d0);border-radius:9px;padding:8px 6px;cursor:pointer;background:var(--jt-bg,#f2f0e8);font-weight:600}
.lt-gp-mode input{margin:0}
.lt-gp-mode:has(input:checked){border:2px solid var(--jt-accent,#173e63);padding:7px 5px;background:var(--jt-soft,#e5edf3)}
.lt-gp-status{margin:12px 0 0;font-size:.86rem;color:var(--jt-muted,#536070)}
.lt-gp-status a{color:var(--jt-accent,#173e63);font-weight:600}
#mgmt-bar .lt-gear-btn{font-size:13px;padding:5px 10px}
@media (max-width:780px){
  .lt-gear-panel{top:auto;bottom:12px;right:12px;left:12px;width:auto;max-height:calc(100vh - 40px)}
}
@media print{.lt-gear-btn,.lt-gear-panel{display:none!important}}

/* 4. extras */
.jt-site .lt-onpage-inline{margin:0 0 1.4em}
.jt-site .lt-onpage-inline .jt-onpage{border:1px solid var(--jt-border);border-radius:10px;background:var(--jt-surface);padding:10px 14px}
.jt-site .lt-onpage-inline summary{cursor:pointer;font-weight:700;color:var(--jt-accent)}
.jt-site .lt-onpage-inline ol{margin:.5em 0 0;padding-left:1.3em;columns:2;column-gap:2em}
.jt-site .lt-onpage-inline li{margin:.2em 0;break-inside:avoid}
.jt-site .lt-onpage-inline li.sub{margin-left:1em;font-size:.94em}
.jt-site .lt-onpage-inline li.on>a{font-weight:700}
@media (max-width:780px){.jt-site .lt-onpage-inline ol{columns:1}}

.lt-who{font-size:.86em;color:var(--jt-muted)}
.lt-cat-opts{position:relative;margin-left:auto;display:inline-block}
.lt-cat-opts>button{font:600 12px/1 "Segoe UI",Arial,sans-serif;border:1px solid var(--jt-border);background:var(--jt-surface);color:var(--jt-text);border-radius:6px;padding:5px 9px;cursor:pointer}
.lt-cat-opts>button:hover{border-color:var(--jt-accent)}
.lt-cat-menu{position:absolute;right:0;top:calc(100% + 4px);z-index:60;min-width:220px;background:var(--jt-surface);border:1px solid var(--jt-border);border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.22);padding:4px;text-transform:none;letter-spacing:0}
.lt-cat-menu[hidden]{display:none}
.lt-cat-menu button{display:block;width:100%;text-align:left;background:none;border:0;padding:8px 10px;font:500 14px/1.3 "Segoe UI",Arial,sans-serif;color:var(--jt-text);border-radius:6px;cursor:pointer}
.lt-cat-menu button:hover,.lt-cat-menu button:focus-visible{background:var(--jt-soft)}
.jt-site .tool-card .badge-lock{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:var(--jt-accent);color:var(--jt-onaccent);vertical-align:middle;margin-right:6px}
.jt-site .tool-card.is-locked{opacity:.92}
.lt-cat-intro{margin:0 0 14px;color:var(--jt-muted);max-width:75ch}

/* Listen (Oct 22, 2026): the corner button stands out, and a second button sits under the lesson title */
.jt-site .jt-listen-btn{background:var(--jt-accent)!important;color:var(--jt-onaccent)!important;border-color:var(--jt-accent)!important;box-shadow:0 4px 16px rgba(0,0,0,.28)}
.lt-listen-inline{display:inline-flex;align-items:center;gap:8px;margin:.3em 0 1.1em;padding:8px 18px;border-radius:999px;border:0;background:var(--jt-accent,#173e63);color:var(--jt-onaccent,#fff);font:700 15px/1.2 "Segoe UI",Arial,sans-serif;cursor:pointer}
.lt-listen-inline:hover{filter:brightness(1.08)}
.lt-listen-inline:focus-visible{outline:3px solid var(--jt-highlight,#ae8844);outline-offset:2px}
@media print{.lt-listen-inline{display:none!important}}

/* Category names in two lines: the type small and light, the name large (Jeff, Oct 22, 2026) */
.lt-cat-name{display:inline-flex;flex-direction:column;line-height:1.15;min-width:0}
.lt-cat-kind{display:block;font-size:.7em;font-weight:600;opacity:.68;letter-spacing:.04em;text-transform:none;margin-bottom:2px}
.lt-cat-main{display:block;font-size:1.08em;font-weight:800}
.category-link .lt-cat-main{font-size:1em;font-weight:600}
.category-link .lt-cat-kind{font-size:.74em}

/* Learning Home toolbar: search, the three browse menus and Expand / Collapse on one row (Jeff, Oct 22, 2026) */
.jt-site .catalog-main .lt-toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:stretch}
.jt-site .catalog-main .lt-toolbar .search-field{flex:1 1 260px;min-width:0}
.jt-site .catalog-main .lt-toolbar .jt-hubbar{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;border:0;background:none;position:static}
.jt-site .catalog-main .lt-toolbar .button{white-space:nowrap}
.jt-site .jt-dd{position:relative}
.jt-site .jt-dd>summary{list-style:none;display:flex;align-items:center;height:100%;min-height:42px;box-sizing:border-box;cursor:pointer;font:600 14px/1.2 "Segoe UI",Arial,sans-serif;padding:0 14px;border:1px solid var(--jt-accent);border-radius:8px;background:var(--jt-soft);color:var(--jt-text);white-space:nowrap}
.jt-site .jt-dd>summary::-webkit-details-marker{display:none}
.jt-site .jt-dd>summary::marker{content:""}
.jt-site .jt-dd>summary::after{content:"\25BE";margin-left:7px;font-size:.9em}
.jt-site .jt-dd[open]>summary{background:var(--jt-accent);color:var(--jt-onaccent)}
@media (max-width:780px){
  .jt-site .catalog-main .lt-toolbar .search-field{flex-basis:100%}
  .jt-site .catalog-main .lt-toolbar .jt-hubbar{flex-basis:100%}
  .jt-site .catalog-main .lt-toolbar .jt-hubbar .jt-dd{flex:1 1 auto}
  .jt-site .catalog-main .lt-toolbar .button{flex:1 1 40%}
}

.jt-site .catalog-main .lt-toolbar{grid-template-columns:none}
.jt-site details.group>summary .category-count,.jt-site .lt-cat-opts>button{white-space:nowrap}
@media (max-width:780px){.jt-site .lt-cat-opts>button{padding:4px 8px;font-size:12px}}

/* Applications: one category, sub-categories inside */
.jt-site .lt-subgroup{margin:6px 0 22px}
.jt-site .lt-subgroup[hidden]{display:none}
.jt-site .lt-sub-h{display:flex;align-items:center;gap:8px;margin:14px 0 12px;padding-bottom:6px;border-bottom:1px solid var(--jt-border);font:800 1.05rem/1.25 "Segoe UI",Arial,sans-serif;color:var(--jt-accent)}
.jt-site details.lt-subgroup>summary{list-style:none;cursor:pointer;user-select:none}
.jt-site details.lt-subgroup>summary::-webkit-details-marker{display:none}
.jt-site details.lt-subgroup>summary::marker{content:""}
.jt-site details.lt-subgroup>summary::before{content:"\25BE";display:inline-block;width:1em;transition:transform .15s;color:var(--jt-accent)}
.jt-site details.lt-subgroup:not([open])>summary::before{transform:rotate(-90deg)}
.jt-site details.lt-subgroup:not([open])>summary{margin-bottom:4px}
.jt-site details.lt-subgroup>summary:hover .lt-sub-t{text-decoration:underline;text-underline-offset:3px}
.jt-site details.lt-subgroup>summary:focus-visible{outline:3px solid var(--jt-accent);outline-offset:2px}
@media (prefers-reduced-motion:reduce){.jt-site details.lt-subgroup>summary::before{transition:none}}
.jt-site .lt-sub-n{font-size:.75em;font-weight:700;color:var(--jt-muted);border:1px solid var(--jt-border);border-radius:999px;padding:1px 8px}

/* The signed-in box sits in the header instead of over the gear */
.jt-site .lt-badge>div{position:static!important;display:inline-block;background:transparent!important;border:0!important;padding:0!important;font-size:13px!important;color:var(--jt-muted)!important}
.jt-site .lt-badge>div b{color:var(--jt-text)!important}
.jt-site .lt-badge>div a{color:var(--jt-accent)!important}

/* Quick links under the Learning Home header */
.lt-quick{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;max-width:1440px;margin:0 auto;padding:10px 40px;border-bottom:1px solid var(--jt-border);background:var(--jt-soft);font:600 14px/1.3 "Segoe UI",Arial,sans-serif;color:var(--jt-text)}
.lt-quick a{color:var(--jt-accent);text-decoration:underline;text-underline-offset:3px}
.lt-quick .lt-quick-h{font-size:.78em;letter-spacing:.08em;text-transform:uppercase;color:var(--jt-muted)}
@media (max-width:780px){.lt-quick{padding:10px 16px}}

/* Learning Home menus (Browse by category, AI search tools, A to Z) on phones: open on screen */
@media (max-width:780px){
  .jt-site .jt-dd-panel{position:fixed!important;top:10vh!important;bottom:auto!important;left:3vw!important;right:3vw!important;width:auto!important;max-height:78vh!important;overflow:auto!important;z-index:2147483000!important;columns:1!important;background:var(--jt-surface)!important;color:var(--jt-text);border:1px solid var(--jt-border);border-radius:10px;box-shadow:0 12px 40px rgba(0,0,0,.35);padding:10px 12px}
}
.jt-site .aipill.ai{background:transparent!important;color:var(--jt-accent)!important;border:1px solid currentColor}
.jt-site .card .c-title,.jt-site .card .c-blurb{display:block}
.jt-site .card .c-title{margin:.2em 0 .3em}


/* 5. Widgets drawn by jt-nav.js, copied from /journal_tools/_shared/jt-layout.css (Oct 22, 2026) */
/* "All training" menu added to the top bar by jt-nav.js */
html[data-theme] body .jt-all{position:relative}
html[data-theme] body .jt-all > summary{list-style:none;cursor:pointer;color:var(--text2);font-size:.88em;padding:5px 10px;border-radius:5px;border:1px solid var(--border)}
html[data-theme] body .jt-all > summary::-webkit-details-marker{display:none}
html[data-theme] body .jt-all > summary::after{content:" ▾"}
html[data-theme] body .jt-all[open] > summary{background:var(--bg4);color:var(--text)}
html[data-theme] body .jt-all-panel{position:absolute;left:0;right:auto;top:calc(100% + 6px);z-index:40;min-width:290px;display:flex;flex-direction:column;padding:8px;background:var(--bg2);border:1px solid var(--border);border-radius:9px;box-shadow:0 10px 30px rgba(0,0,0,.35)}
html[data-theme] body .jt-all-panel a{display:block;padding:7px 10px;border-radius:5px;color:var(--text);text-decoration:none;font-size:.9em}
html[data-theme] body .jt-all-panel a:hover{background:var(--bg4)}
html[data-theme] body .jt-all-panel a.jt-here-site{background:var(--bg3);font-weight:700;border-left:3px solid var(--accent)}
html[data-theme] body .topnav a.jt-current{background:var(--bg4);color:var(--text);font-weight:700}

/* Prev / next copied to the top of a lesson by jt-nav.js */
html[data-theme] body .jt-toppager{display:flex;justify-content:space-between;gap:10px;margin:0 0 14px;font-size:.84em}
html[data-theme] body .jt-toppager a{padding:5px 10px;border:1px solid var(--border);border-radius:6px;background:var(--bg2);color:var(--text);text-decoration:none;max-width:48%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html[data-theme] body .jt-toppager a:hover{border-color:var(--accent)}
html[data-theme] body .jt-toppager .next{margin-left:auto}
html[data-theme] body .jt-keys{color:var(--text2);font-size:.78em;margin-top:8px}

/* Module nav in the left column (built by jt-nav.js from the course home page) */
html[data-theme] body .jt-mods-h{font-size:.74em;text-transform:uppercase;letter-spacing:.08em;color:var(--text2);font-weight:700;margin:4px 0 6px}
html[data-theme] body .jt-mods ol{list-style:none;margin:0;padding:0}
html[data-theme] body .jt-mods li a{display:flex;justify-content:space-between;gap:8px;padding:6px 8px;border-radius:6px;color:var(--text2);text-decoration:none;line-height:1.3;font-size:.9em}
html[data-theme] body .jt-mods li a:hover{background:var(--bg2);color:var(--text)}
html[data-theme] body .jt-mods li.here a{background:var(--bg3);color:var(--text);font-weight:700}
html[data-theme] body .jt-mod-prog{flex:none;font-size:.78em;color:var(--text2);padding:1px 6px;border:1px solid var(--border);border-radius:999px;align-self:flex-start}
html[data-theme] body .jt-mod-prog.full{color:var(--success);border-color:var(--success)}
html[data-theme] body .jt-mods-fold{margin-top:14px;padding-top:10px;border-top:1px solid var(--border)}
html[data-theme] body .jt-mods-fold > summary{cursor:pointer;font-size:.8em;color:var(--text2);font-weight:700;padding:2px 4px}
html[data-theme] body.jt-modpage .lesson-grid > .goals{order:2}
html[data-theme] body.jt-modpage .goals .blurb{margin-bottom:8px}

/* Back to top */
html[data-theme] body .jt-top-btn{position:fixed;right:18px;bottom:18px;z-index:30;padding:8px 12px;border-radius:8px;border:1px solid var(--border);background:var(--bg2);color:var(--text);font:inherit;font-size:.82em;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .2s}
html[data-theme] body .jt-top-btn.show{opacity:1;pointer-events:auto}
html[data-theme] body .jt-jump{display:none}

/* ---- Orientation tools (Oct 15 2026) ---- */
html[data-theme] body .top{position:sticky}
html[data-theme] body .jt-pos{flex-basis:100%;order:99;font-size:.78em;color:var(--text2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:-4px}
html[data-theme] body .jt-pos:empty,html[data-theme] body .jt-pos-text:empty{display:none}
html[data-theme] body .jt-readbar{position:absolute;left:0;bottom:-1px;height:3px;width:0;background:var(--accent);transition:width .1s linear;pointer-events:none}
html[data-theme] body .jt-tools{display:inline-flex;gap:4px;margin-right:6px}
html[data-theme] body .jt-tbtn{background:var(--bg3);border:1px solid var(--border);color:var(--text);border-radius:5px;padding:4px 10px;font:inherit;font-size:.85em;cursor:pointer}
html[data-theme] body .jt-tbtn:hover{border-color:var(--accent)}
html[data-theme] body .jt-tbtn-q{padding:4px 8px;font-weight:700}
html[data-theme] body .side-group.jt-replaced{display:none}
html[data-theme] body .jt-side-grp{margin:2px 0 6px}
html[data-theme] body .jt-side-grp > summary{display:flex;justify-content:space-between;gap:8px;cursor:pointer;font-size:.74em;text-transform:uppercase;letter-spacing:.08em;color:var(--text2);font-weight:700;padding:6px 4px}
html[data-theme] body .jt-resume{display:flex;flex-direction:column;gap:2px;margin:6px 0 20px;padding:12px 16px;border:1px solid var(--accent);border-left-width:4px;border-radius:9px;background:var(--bg2);color:var(--text);text-decoration:none;max-width:720px}
html[data-theme] body .jt-resume:hover{background:var(--bg3)}
html[data-theme] body .jt-resume-k{font-size:.74em;text-transform:uppercase;letter-spacing:.08em;color:var(--accent3);font-weight:700}
html[data-theme] body .jt-resume strong{font-size:1.08em}
html[data-theme] body .jt-resume-s{font-size:.86em;color:var(--text2)}
html[data-theme] body .jt-next{display:flex;flex-direction:column;gap:4px;margin:28px 0 8px;padding:16px 18px;border:1px solid var(--border);border-left:4px solid var(--accent);border-radius:9px;background:var(--bg2)}
html[data-theme] body .jt-next-k{font-size:.74em;text-transform:uppercase;letter-spacing:.08em;color:var(--accent3);font-weight:700}
html[data-theme] body .jt-next-t{font-size:1.2em;font-weight:800;color:var(--text);text-decoration:none}
html[data-theme] body .jt-next-t:hover{text-decoration:underline}
html[data-theme] body .jt-next-s{color:var(--text2)}
html[data-theme] body .jt-next-m{font-size:.82em;color:var(--text2)}
html[data-theme] body .jt-gl{color:inherit;text-decoration:underline dotted;text-decoration-color:var(--accent);text-underline-offset:3px;font-weight:inherit;cursor:help}
html[data-theme] body .jt-gltip{display:none;position:fixed;z-index:60;padding:10px 12px;background:var(--bg2);color:var(--text);border:1px solid var(--accent);border-radius:8px;box-shadow:0 10px 30px rgba(0,0,0,.35);font-size:.88em;line-height:1.45}
html[data-theme] body .jt-ov{position:fixed;inset:0;z-index:70;background:rgba(0,0,0,.55);display:flex;align-items:flex-start;justify-content:center;padding:8vh 16px 16px}
html[data-theme] body .jt-ov-panel{width:min(760px,100%);max-height:84vh;overflow:auto;background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:12px;padding:14px 18px 18px;box-shadow:0 20px 60px rgba(0,0,0,.5)}
html[data-theme] body .jt-ov-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
html[data-theme] body .jt-ov-head strong{font-size:1.15em}
html[data-theme] body .jt-ov-x{background:var(--bg3);border:1px solid var(--border);color:var(--text);border-radius:6px;padding:4px 10px;font:inherit;font-size:.85em;cursor:pointer}
html[data-theme] body .jt-map-mod{border:1px solid var(--border);border-radius:9px;margin:0 0 8px;background:var(--bg2)}
html[data-theme] body .jt-map-mod > summary{display:flex;justify-content:space-between;gap:10px;cursor:pointer;padding:10px 12px;font-weight:700}
html[data-theme] body .jt-map-over{display:inline-block;margin:0 12px 6px;font-size:.84em}
html[data-theme] body .jt-map-mod ol{list-style:none;margin:0;padding:0 8px 10px}
html[data-theme] body .jt-map-mod li{display:flex;align-items:center;gap:8px;padding:4px 6px;border-radius:6px}
html[data-theme] body .jt-map-mod li a{color:var(--text);text-decoration:none;flex:1}
html[data-theme] body .jt-map-mod li a:hover{text-decoration:underline}
html[data-theme] body .jt-map-mod li .tick{width:12px;height:12px;border-radius:50%;border:2px solid var(--border);flex:none}
html[data-theme] body .jt-map-mod li.done .tick{background:var(--success);border-color:var(--success)}
html[data-theme] body .jt-map-mod li.here{background:var(--bg3)}
html[data-theme] body .jt-tag{font-size:.72em;font-weight:700;color:var(--accent3);border:1px solid var(--accent3);border-radius:999px;padding:0 7px}
html[data-theme] body .jt-find-in{width:100%;padding:11px 12px;font:inherit;font-size:1.05em;background:var(--bg2);color:var(--text);border:1px solid var(--accent);border-radius:8px;margin-bottom:10px}
html[data-theme] body .jt-find-list{list-style:none;margin:0;padding:0}
html[data-theme] body .jt-find-list li a{display:flex;flex-direction:column;padding:8px 10px;border-radius:7px;color:var(--text);text-decoration:none}
html[data-theme] body .jt-find-list li.on a,html[data-theme] body .jt-find-list li a:hover{background:var(--bg3)}
html[data-theme] body .jt-find-k{font-size:.72em;text-transform:uppercase;letter-spacing:.06em;color:var(--accent3);font-weight:700}
html[data-theme] body .jt-find-t{font-weight:700}
html[data-theme] body .jt-find-s{font-size:.84em;color:var(--text2)}
html[data-theme] body .jt-find-none{padding:10px;color:var(--text2)}
html[data-theme] body .jt-keys-list{display:grid;grid-template-columns:auto 1fr;gap:8px 18px}
html[data-theme] body .jt-keys-list dt{font-weight:800;font-family:Consolas,monospace}
@media (max-width:1099px){
  html[data-theme] body .jt-tools{order:-1}
  html[data-theme] body .jt-tbtn-q{display:none}
}
@media print{
  html[data-theme] body .jt-pos,html[data-theme] body .jt-readbar,html[data-theme] body .jt-tools,html[data-theme] body .jt-next,html[data-theme] body .jt-resume{display:none}
}

/* Report an issue box (Oct 18 2026) */
html[data-theme] body .jt-fb{margin:18px 0 8px;padding:14px 18px;border:1px solid var(--border);border-left:4px solid var(--accent3);border-radius:9px;background:var(--bg2);display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center}
html[data-theme] body .jt-fb-t{flex:1 1 280px;margin:0;color:var(--text);max-width:none}
html[data-theme] body .jt-fb-t b{color:var(--head)}
html[data-theme] body .jt-fb-b{display:inline-block;min-height:44px;line-height:24px;padding:9px 18px;border:1px solid var(--accent);border-radius:8px;background:transparent;color:var(--accent2);font-weight:700;text-decoration:none}
html[data-theme] body .jt-fb-b:hover{background:var(--accent);color:#fff}
@media print{.jt-fb{display:none !important}}

/* ---- Site disclaimer and Updated date (Oct 18 2026) ---- */
html[data-theme] body .jt-disc{font-size:.82em;line-height:1.55;color:var(--text2);margin:0 0 10px;max-width:70ch}
html[data-theme] body .jt-disc a{color:inherit;text-decoration:underline}
html[data-theme] body .jt-updated{white-space:nowrap}

/* ---- Listen (read aloud), Oct 19 2026 ---- */
html[data-theme] body .jt-listen-btn{position:fixed;left:16px;bottom:18px;z-index:55;padding:10px 16px;border-radius:999px;border:1px solid var(--accent);background:var(--bg2);color:var(--text);font:inherit;font-size:.92em;font-weight:700;cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.25)}
html[data-theme] body .jt-listen-btn::before{content:"\25B6\00a0\00a0";font-size:.8em;color:var(--accent)}
html[data-theme] body .jt-listen-btn:hover,html[data-theme] body .jt-listen-btn.on{background:var(--accent);color:#fff}
html[data-theme] body .jt-listen-btn.on::before{color:#fff}
html[data-theme] body.jt-tts-on .jt-listen-btn{display:none}
html[data-theme] body .jt-listen-bar{position:fixed;left:50%;transform:translateX(-50%);bottom:12px;z-index:56;width:min(760px,calc(100% - 20px));box-sizing:border-box;background:var(--bg2);color:var(--text);border:1px solid var(--accent);border-radius:14px;padding:8px 10px;box-shadow:0 8px 28px rgba(0,0,0,.4)}
html[data-theme] body .jt-listen-bar[hidden]{display:none}
html[data-theme] body .jt-lrow{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
html[data-theme] body .jt-lrow2{margin-top:6px}
html[data-theme] body .jt-lb{min-height:40px;min-width:64px;padding:6px 14px;border-radius:8px;border:1px solid var(--border);background:var(--bg3);color:var(--text);font:inherit;font-size:.9em;font-weight:600;cursor:pointer}
html[data-theme] body .jt-lb:hover{border-color:var(--accent)}
html[data-theme] body .jt-lb-main{background:var(--accent);color:#fff;border-color:var(--accent);min-width:84px}
html[data-theme] body .jt-ls{min-height:38px;padding:4px 8px;border-radius:8px;border:1px solid var(--border);background:var(--bg3);color:var(--text);font:inherit;font-size:.88em;max-width:100%}
html[data-theme] body .jt-ls-voice{flex:1;min-width:140px}
html[data-theme] body .jt-lstat{flex:1;text-align:center;font-size:.82em;color:var(--text2);min-width:90px}
html[data-theme] body .jt-read-now{background:rgba(108,92,231,.20);outline:2px solid rgba(108,92,231,.55);outline-offset:3px;border-radius:4px}
html[data-theme] body.jt-tts-on .jt-top-btn{bottom:112px}
html[data-theme] body.jt-tts-on{padding-bottom:120px}
@media (max-width:560px){html[data-theme] body .jt-lb{flex:1}html[data-theme] body .jt-lstat{order:5;flex-basis:100%;text-align:left}}
@media print{html[data-theme] body .jt-listen-btn,html[data-theme] body .jt-listen-bar{display:none}}
/* 2026-10-22 manage layout fix: sidebar in column 1 across all rows, every other block in column 2 */
.jt-site[data-page="manage"] > #mgmt-bar{grid-column:1;grid-row:1 / span 40;align-self:start}
.jt-site[data-page="manage"] > :not(#mgmt-bar):not(script):not(.lt-gear-panel){grid-column:2;min-width:0}
.jt-site[data-page="manage"] .tw{overflow-x:auto;max-width:100%}
.jt-site[data-page="manage"] .tw table{width:100%}
/* 2026-10-22 manage tables: no breaking numbers between digits */
.jt-site[data-page="manage"] td,.jt-site[data-page="manage"] th{overflow-wrap:break-word;word-break:normal}
.jt-site[data-page="manage"] table td:first-child,.jt-site[data-page="manage"] table th:first-child{white-space:nowrap;min-width:3.2em}

/* One marker for every category and sub-category (Jeff, Oct 23, 2026): the same turning arrow, on the left. */
.jt-site details.group>summary::after{content:none!important;display:none!important}
.jt-site details.group>summary::marker{content:""}
.jt-site details.group>summary::before{content:"\25BE";display:inline-block;width:1em;flex:none;text-align:center;transition:transform .15s;color:var(--jt-accent)}
.jt-site details.group:not([open])>summary::before{transform:rotate(-90deg)}
@media (prefers-reduced-motion:reduce){.jt-site details.group>summary::before{transition:none}}
/* 2026-10-27 manage spacing between sections (Jeff, Oct 22: add room between these sections) */
.jt-site[data-page="manage"] > .sl{padding-top:22px}
.jt-site[data-page="manage"] .sl > .nav{margin:0 0 18px}
.jt-site[data-page="manage"] .sl > h1{margin:0 0 14px}
.jt-site[data-page="manage"] .sl > .note{margin:0 0 22px}
.jt-site[data-page="manage"] .sl .dash{margin:22px 0 30px;gap:16px}
.jt-site[data-page="manage"] .sl .panel{margin-bottom:30px !important;padding:20px 24px}
.jt-site[data-page="manage"] .sl .grid2{gap:24px;margin-bottom:30px}
.jt-site[data-page="manage"] .sl .panel h3{margin-top:24px !important}
.jt-site[data-page="manage"] .sl .panel > .tw,.jt-site[data-page="manage"] .sl .panel form > .tw{margin-bottom:18px}
.jt-site[data-page="manage"] .wrap > h2{margin-top:36px}
.jt-site[data-page="manage"] .wrap > .box,.jt-site[data-page="manage"] .wrap > .sum{margin:18px 0 24px}
/* 2026-10-27 manage: Delete/Restore checkboxes sit inline with their label */
.jt-site[data-page="manage"] .feed label,.jt-site[data-page="manage"] td label{display:inline-flex;align-items:center;gap:5px;margin-right:8px;white-space:nowrap}
.jt-site[data-page="manage"] .feed label input,.jt-site[data-page="manage"] td label input{margin:0}
.jt-site[data-page="manage"] .feed li{margin:9px 0;line-height:1.55}