/* look14-launch.css — v469 · D · the + menu and Find, in Jetsy's own look.
   Joe, Fri 23 Oct 2026, 9:07pm: "Make 5 more upgrades please" (after look13; the same brief as v463/v468: "make it look like a billion
   dollar crm … think of yourself as a world class software engineer").
   WHAT: the + menu (menubar.js .jmb-plus-sh) was a stack of gray boxes with an orange outline; Find (find.js) had an orange ring on
   its box and plain gray pills. Now:
   · the + menu is an action sheet: grabber, a small centered "New", one inset group of 52 px rows with hairlines, each row's
     drawing in a colored tile (look13's kinds and colors: Talk green, Tell purple, job blue, proposal orange, invoice teal …),
     Talk to Jetsy its own row above the group (600 weight), Close a full-width capsule under it (iOS cancel).
   · Find is Spotlight: a gray 44 px field with the magnifier inside and the Close word beside it as plain text in the tint (no orange
     ring: focus only lightens the field), "Start something" as tinted pills (proposal orange, job blue, money teal, papers purple),
     "Screens" a grid of 44 px colored tiles with the name under each (3 a row), results as inset grouped rows with a tile per kind,
     the typed letters bold inside a name.
   HOW: every row, pill and button is the existing element restyled — look14-launch.js only inserts the icon tiles (.l14-ico), tags
   the + rows' <i> with data-l14c, wraps consecutive result rows in .l14-grp and wraps the matched letters in <mark class="l14-m">.
   The words are the app's; none are added. Colors are custom properties in the two blocks below (dark, then html.je-light) — easy2's
   light mode rewrites literal colors in every rule whose text does not say je-light, so no rule here holds one (glyphs use the
   keyword `white`). find.js and menubar.js write their <style> at run time, AFTER this sheet, so every rule here carries more
   specificity than theirs (body .jfind-wrap …) and !important only where theirs has it. Off: localStorage nolook14 = 1. */

/* ----------------------------------------------------------------------------------------- the colors: dark, then light -- */
html:not(.nolook14){
  --l14-ink1:#F5F7FB; --l14-ink2:#A7B3C6; --l14-ink3:#8794A8;
  --l14-sheet:#0C131F; --l14-cell:#162133; --l14-press:#1E2C43; --l14-sep:rgba(255,255,255,.10);
  --l14-grab:rgba(255,255,255,.30); --l14-sheet-sh:0 -16px 48px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.07);
  --l14-tint:#FF8A3D; --l14-ring:#4BA3F5; --l14-nu:#FF6961;
  --l14-find:rgba(5,8,14,.90); --l14-ov:rgba(0,0,0,.52); --l14-field:rgba(110,124,148,.24); --l14-field-on:rgba(110,124,148,.34); --l14-ph:#8A94A6;
  --l14-green:#3ED598; --l14-orange:#FFB259; --l14-blue:#4BA3F5; --l14-red:#F25F5C; --l14-teal:#36C2B4; --l14-pink:#F2668B;
  --l14-indigo:#7E86F5; --l14-purple:#A58BFA; --l14-yellow:#F5C451; --l14-gray:#8A94A6;
  --l14-t-orange:rgba(255,178,89,.18); --l14-i-orange:#FFB340;
  --l14-t-blue:rgba(75,163,245,.20); --l14-i-blue:#64A8FF;
  --l14-t-teal:rgba(54,194,180,.18); --l14-i-teal:#5AD1E6;
  --l14-t-purple:rgba(165,139,250,.18); --l14-i-purple:#D08BF8;
}
html.je-light:not(.nolook14){
  --l14-ink1:#0B1220; --l14-ink2:#5B6475; --l14-ink3:#6B7486;
  --l14-sheet:#F3F5F9; --l14-cell:#FFFFFF; --l14-press:#E3E8EF; --l14-sep:rgba(52,64,84,.18);
  --l14-grab:rgba(52,64,84,.30); --l14-sheet-sh:0 -10px 40px rgba(16,32,58,.16);
  --l14-tint:#C2410C; --l14-ring:#1F6FD1; --l14-nu:#C0392B;
  --l14-find:rgba(243,245,249,.92); --l14-ov:rgba(0,0,0,.30); --l14-field:rgba(110,124,148,.12); --l14-field-on:rgba(110,124,148,.20); --l14-ph:#8A94A6;
  --l14-green:#1FA971; --l14-orange:#D9822B; --l14-blue:#1F6FD1; --l14-red:#D93B3B; --l14-teal:#1E9E92; --l14-pink:#D93D68;
  --l14-indigo:#5560D8; --l14-purple:#7C5CD6; --l14-yellow:#C99A1E; --l14-gray:#8A94A6;
  --l14-t-orange:rgba(217,130,43,.16); --l14-i-orange:#9A3412;
  --l14-t-blue:rgba(31,111,209,.14); --l14-i-blue:#0A5BD6;
  --l14-t-teal:rgba(30,158,146,.16); --l14-i-teal:#0E7490;
  --l14-t-purple:rgba(124,92,214,.14); --l14-i-purple:#7E22CE;
}
html:not(.nolook14) [data-l14c="green"]{--l14-c:var(--l14-green)}
html:not(.nolook14) [data-l14c="orange"]{--l14-c:var(--l14-orange)}
html:not(.nolook14) [data-l14c="blue"]{--l14-c:var(--l14-blue)}
html:not(.nolook14) [data-l14c="red"]{--l14-c:var(--l14-red)}
html:not(.nolook14) [data-l14c="teal"]{--l14-c:var(--l14-teal)}
html:not(.nolook14) [data-l14c="pink"]{--l14-c:var(--l14-pink)}
html:not(.nolook14) [data-l14c="indigo"]{--l14-c:var(--l14-indigo)}
html:not(.nolook14) [data-l14c="purple"]{--l14-c:var(--l14-purple)}
html:not(.nolook14) [data-l14c="yellow"]{--l14-c:var(--l14-yellow)}
html:not(.nolook14) [data-l14c="gray"]{--l14-c:var(--l14-gray)}

/* ------------------------------------------------------------------- the icon tile (shared by the + rows and Find's rows) -- */
html:not(.nolook14) body .l14-ico,
html:not(.nolook14) body .jmb-plus-sh .jmb-grid .jmb-a i[data-l14c]{
  flex:0 0 29px;width:29px;height:29px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;
  background:var(--l14-c,var(--l14-gray));color:white;font-size:15px;line-height:1;text-align:center;overflow:hidden;
}
html:not(.nolook14) body .l14-ico .ji,
html:not(.nolook14) body .jmb-plus-sh .jmb-grid .jmb-a i[data-l14c] .ji{width:20px;height:20px;vertical-align:0;margin:0;display:block}
html:not(.nolook14) body .l14-ico svg,
html:not(.nolook14) body .jmb-plus-sh .jmb-grid .jmb-a i[data-l14c] svg{display:block;width:100%;height:100%;margin:0}
/* the glyph: jicons draws an orange line, a soft blue wash and a few solid orange dots — all white on the tile (yellow: black) */
html:not(.nolook14) body [data-l14c] svg [stroke]:not([stroke="none"]){stroke:white!important}
html:not(.nolook14) body [data-l14c] svg [fill]:not([fill="none"]):not([fill*="4FA8FF"]):not([fill$="fff"]){fill:white!important}
html:not(.nolook14) body [data-l14c] svg [fill*="4FA8FF"]{fill:white!important;fill-opacity:.3!important}
html:not(.nolook14) body [data-l14c] svg [fill$="fff"]{fill:var(--l14-c)!important}
html:not(.nolook14) body [data-l14c="yellow"]{color:black}
html:not(.nolook14) body [data-l14c="yellow"] svg [stroke]:not([stroke="none"]){stroke:black!important;stroke-opacity:.82}
html:not(.nolook14) body [data-l14c="yellow"] svg [fill]:not([fill="none"]):not([fill*="4FA8FF"]):not([fill$="fff"]){fill:black!important;fill-opacity:.82!important}
html:not(.nolook14) body [data-l14c="yellow"] svg [fill*="4FA8FF"]{fill:black!important;fill-opacity:.16!important}
html.je-light:not(.nolook14) body .l14-ico,
html.je-light:not(.nolook14) body .jmb-plus-sh .jmb-grid .jmb-a i[data-l14c]{background:var(--l14-c,var(--l14-gray));color:white}
html.je-light:not(.nolook14) body [data-l14c] svg [stroke]:not([stroke="none"]){stroke:white!important}
html.je-light:not(.nolook14) body [data-l14c] svg [fill]:not([fill="none"]):not([fill*="4FA8FF"]):not([fill$="fff"]){fill:white!important}
html.je-light:not(.nolook14) body [data-l14c] svg [fill*="4FA8FF"]{fill:white!important;fill-opacity:.3!important}
html.je-light:not(.nolook14) body [data-l14c] svg [fill$="fff"]{fill:var(--l14-c)!important}
html.je-light:not(.nolook14) body [data-l14c="yellow"]{color:black}
html.je-light:not(.nolook14) body [data-l14c="yellow"] svg [stroke]:not([stroke="none"]){stroke:black!important;stroke-opacity:.82}
html.je-light:not(.nolook14) body [data-l14c="yellow"] svg [fill]:not([fill="none"]):not([fill*="4FA8FF"]):not([fill$="fff"]){fill:black!important;fill-opacity:.82!important}
html.je-light:not(.nolook14) body [data-l14c="yellow"] svg [fill*="4FA8FF"]{fill:black!important;fill-opacity:.16!important}

/* ------------------------------------------------------------------------------------- the + menu: an action sheet -- */
html:not(.nolook14) body .jmb-ov .jmb-sh.jmb-plus-sh{
  max-width:34rem;padding:0 16px calc(12px + env(safe-area-inset-bottom,0px));border-radius:22px 22px 0 0;
  background:var(--l14-sheet);color:var(--l14-ink1);box-shadow:var(--l14-sheet-sh);
  font:400 17px/22px var(--j12-sf,-apple-system,system-ui,sans-serif);
  animation:l14-up 320ms var(--j12-spring,cubic-bezier(.2,.8,.2,1)) both;
}
html:not(.nolook14) body .jmb-ov .jmb-plus-sh .jmb-g{width:36px;height:5px;border-radius:3px;background:var(--l14-grab);margin:6px auto 0}
html:not(.nolook14) body .jmb-ov .jmb-plus-sh h3{
  margin:0;padding:12px 0 10px;text-align:center;font:600 13px/18px var(--j12-sf,-apple-system,system-ui,sans-serif);
  letter-spacing:0;text-transform:none;color:var(--l14-ink3);opacity:1;
}
html:not(.nolook14) body .jmb-ov .jmb-plus-sh .jmb-grid{display:block;gap:0}
html:not(.nolook14) body .jmb-ov .jmb-plus-sh .jmb-grid .jmb-a{
  position:relative;display:flex;align-items:center;gap:12px;width:100%;min-height:52px;margin:0!important;padding:8px 16px;
  border:0;border-radius:0;background:var(--l14-cell);color:var(--l14-ink1);box-shadow:none;
  font:400 17px/22px var(--j12-sf,-apple-system,system-ui,sans-serif);letter-spacing:-.01em;text-align:left;
  transition:background-color var(--j12-tq,160ms) linear;-webkit-tap-highlight-color:transparent;
}
html:not(.nolook14) body .jmb-ov .jmb-plus-sh .jmb-grid .jmb-a:active{background:var(--l14-press)}
html:not(.nolook14) body .jmb-ov .jmb-plus-sh .jmb-grid .jmb-a:focus-visible{outline:2px solid var(--l14-ring);outline-offset:-2px}
html:not(.nolook14) body .jmb-ov .jmb-plus-sh .jmb-grid .jmb-a span{flex:1 1 auto;min-width:0;font:inherit;letter-spacing:inherit;overflow-wrap:anywhere}
/* Talk to Jetsy: its own row above the group, a touch stronger */
html:not(.nolook14) body .jmb-ov .jmb-plus-sh .jmb-grid .jmb-a.q{border-radius:16px;margin:0 0 8px!important;font-weight:600;background:var(--l14-cell);box-shadow:none}
html:not(.nolook14) body .jmb-ov .jmb-plus-sh .jmb-grid .jmb-a.q:active{background:var(--l14-press)}
/* the group: first row rounded on top, the last at the bottom, hairlines between (from the text's left edge, in Jetsy's own look) */
html:not(.nolook14) body .jmb-ov .jmb-plus-sh .jmb-grid .jmb-a:first-child:not(.q),
html:not(.nolook14) body .jmb-ov .jmb-plus-sh .jmb-grid .jmb-a.q + .jmb-a{border-radius:16px 16px 0 0}
html:not(.nolook14) body .jmb-ov .jmb-plus-sh .jmb-grid .jmb-a:last-child:not(.q){border-radius:0 0 16px 16px}
html:not(.nolook14) body .jmb-ov .jmb-plus-sh .jmb-grid .jmb-a.q + .jmb-a:last-child{border-radius:16px}
html:not(.nolook14) body .jmb-ov .jmb-plus-sh .jmb-grid .jmb-a + .jmb-a:not(.q + .jmb-a)::before{
  content:"";position:absolute;top:0;right:0;left:57px;height:1px;background:var(--l14-sep);transform:scaleY(.5);transform-origin:0 0;pointer-events:none;
}
/* Close: iOS's cancel — its own capsule under the group, 56 px, the tint */
html:not(.nolook14) body .jmb-ov .jmb-plus-sh .jmb-x{
  display:block;width:100%;min-height:56px;margin:8px 0 0;padding:0 16px;border:0;border-radius:16px;
  background:var(--l14-cell);color:var(--l14-tint);box-shadow:none;font:600 20px/24px var(--j12-sf,-apple-system,system-ui,sans-serif);letter-spacing:-.01em;
  transition:background-color var(--j12-tq,160ms) linear;-webkit-tap-highlight-color:transparent;
}
html:not(.nolook14) body .jmb-ov .jmb-plus-sh .jmb-x:active{background:var(--l14-press)}
html:not(.nolook14) body .jmb-ov .jmb-plus-sh .jmb-x:focus-visible{outline:2px solid var(--l14-ring);outline-offset:-2px}
/* a short phone with the owner's nine rows: 48 px rows (still a thumb's 44) so Close stays on the screen */
@media (max-height:700px){
  html:not(.nolook14) body .jmb-ov .jmb-plus-sh .jmb-grid .jmb-a{min-height:48px;padding:6px 16px}
  html:not(.nolook14) body .jmb-ov .jmb-plus-sh h3{padding:10px 0 8px}
  html:not(.nolook14) body .jmb-ov .jmb-plus-sh .jmb-x{min-height:50px}
}

/* ----------------------------------------------------------------------------------------------------- Find: Spotlight -- */
/* the veil: the page behind goes soft and dark, like the wallpaper under Spotlight (the overlay is fixed and the page under it does
   not scroll while Find is open, so the blur is drawn once) */
html:not(.nolook14) body .jfind-wrap{background:var(--l14-find);-webkit-backdrop-filter:blur(22px) saturate(140%);backdrop-filter:blur(22px) saturate(140%);color:var(--l14-ink1)}
html:not(.nolook14) body .jmb-ov:has(> .jmb-plus-sh){background:var(--l14-ov)}
html:not(.nolook14) body .jfind-wrap .jfind-sheet{max-width:36rem;animation:l14-in 220ms var(--j12-spring,cubic-bezier(.2,.8,.2,1)) both}
html:not(.nolook14) body .jfind-wrap .jfind-top{gap:2px;align-items:center;padding:calc(8px + env(safe-area-inset-top,0px)) 16px 6px}
/* the field: gray, 44 px, the magnifier inside; focus only lightens it (no ring) */
html:not(.nolook14) body .jfind-wrap .jfind-in{
  flex:1 1 auto;min-width:0;height:44px;padding:0 12px 0 38px;border:0;border-radius:12px;box-shadow:none;outline:none;
  -webkit-appearance:none;appearance:none;
  background:var(--l14-field) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238E8E93' stroke-width='2.4' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.2-3.2'/%3E%3C/svg%3E") 12px 50%/18px 18px no-repeat;
  color:var(--l14-ink1);font:400 17px/22px var(--j12-sf,-apple-system,system-ui,sans-serif);letter-spacing:-.01em;
  transition:background-color var(--j12-tq,160ms) linear;
}
html:not(.nolook14) body .jfind-wrap .jfind-in:focus{background-color:var(--l14-field-on);box-shadow:none;outline:none}
html:not(.nolook14) body .jfind-wrap .jfind-in::placeholder{color:var(--l14-ph);opacity:1}
html:not(.nolook14) body .jfind-wrap .jfind-in::-webkit-search-decoration{-webkit-appearance:none}
/* Close as a word in the tint beside the field (iOS puts Cancel there) */
html:not(.nolook14) body .jfind-wrap .jfind-x{
  flex:none;min-height:44px;min-width:44px;margin:0 -8px 0 0;padding:0 8px 0 12px;border:0;border-radius:10px;background:none;box-shadow:none;
  color:var(--l14-tint);font:400 17px/22px var(--j12-sf,-apple-system,system-ui,sans-serif);letter-spacing:-.01em;-webkit-tap-highlight-color:transparent;
}
html:not(.nolook14) body .jfind-wrap .jfind-x:active{opacity:.6}
html:not(.nolook14) body .jfind-wrap .jfind-x:focus-visible{outline:2px solid var(--l14-ring);outline-offset:-2px}
html:not(.nolook14) body .jfind-wrap .jfind-list{padding:0 16px 24px}
html:not(.nolook14) body .jfind-wrap .jfind-list.jfind-home{padding-bottom:12px}
/* section words: 15 semibold, quiet, sentence case (Spotlight) */
html:not(.nolook14) body .jfind-wrap .jfind-list .jfind-g,
html:not(.nolook14) body .jfind-wrap .jfind-list.jfind-home .jfind-g{
  margin:14px 4px 7px;font:600 15px/20px var(--j12-sf,-apple-system,system-ui,sans-serif);letter-spacing:0;text-transform:none;color:var(--l14-ink2);
}
html:not(.nolook14) body .jfind-wrap .jfind-list .jfind-g:first-child{margin-top:8px}
/* Start something: tinted pills */
html:not(.nolook14) body .jfind-wrap .jfind-list .jfind-add{gap:8px;padding:0}
html:not(.nolook14) body .jfind-wrap .jfind-list .jfind-add button{
  flex:1 1 40%;max-width:calc(50% - 4px);min-height:44px!important;margin:0;padding:10px 12px!important;border:0;border-radius:12px;box-shadow:none;
  background:var(--l14-pill-bg,var(--l14-cell));color:var(--l14-pill-ink,var(--l14-ink1));
  font:600 15px/20px var(--j12-sf,-apple-system,system-ui,sans-serif)!important;letter-spacing:-.01em;
  transition:opacity var(--j12-tq,160ms) linear;-webkit-tap-highlight-color:transparent;
}
html:not(.nolook14) body .jfind-wrap .jfind-list .jfind-add button:active{opacity:.7;background:var(--l14-pill-bg,var(--l14-cell))}
html:not(.nolook14) body .jfind-wrap .jfind-list .jfind-add button:focus-visible{outline:2px solid var(--l14-ring);outline-offset:-2px}
html:not(.nolook14) body .jfind-wrap .jfind-add button[data-new="lead"]{--l14-pill-bg:var(--l14-t-orange);--l14-pill-ink:var(--l14-i-orange)}
html:not(.nolook14) body .jfind-wrap .jfind-add button[data-new="job"]{--l14-pill-bg:var(--l14-t-blue);--l14-pill-ink:var(--l14-i-blue)}
html:not(.nolook14) body .jfind-wrap .jfind-add button[data-new="owed"]{--l14-pill-bg:var(--l14-t-teal);--l14-pill-ink:var(--l14-i-teal)}
html:not(.nolook14) body .jfind-wrap .jfind-add button[data-new="proposal"]{--l14-pill-bg:var(--l14-t-purple);--l14-pill-ink:var(--l14-i-purple)}
/* Screens / Last opened: a grid of 44 px tiles with the name under each, three a row */
html:not(.nolook14) body .jfind-wrap .jfind-list .jfind-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px 4px;margin:0;padding:0}
html:not(.nolook14) body .jfind-wrap .jfind-list .jfind-tiles .jfind-r{
  display:flex!important;flex-direction:column;align-items:center;justify-content:flex-start;gap:5px;
  min-height:44px!important;height:auto;margin:0!important;padding:6px 4px 4px!important;
  border:0;border-radius:12px;background:none;box-shadow:none;color:var(--l14-ink1);text-align:center;
  transition:background-color var(--j12-tq,160ms) linear;-webkit-tap-highlight-color:transparent;
}
html:not(.nolook14) body .jfind-wrap .jfind-list .jfind-tiles .jfind-r:active{background:var(--l14-cell)}
html:not(.nolook14) body .jfind-wrap .jfind-list .jfind-tiles .jfind-r:focus-visible{outline:2px solid var(--l14-ring);outline-offset:-2px}
html:not(.nolook14) body .jfind-wrap .jfind-list .jfind-tiles .l14-ico{flex:0 0 44px;width:44px;height:44px;border-radius:11px}
html:not(.nolook14) body .jfind-wrap .jfind-list .jfind-tiles .l14-ico .ji{width:26px;height:26px}
html:not(.nolook14) body .jfind-wrap .jfind-list .jfind-tiles .jfind-t{flex:0 0 auto;width:100%;min-width:0}
html:not(.nolook14) body .jfind-wrap .jfind-list .jfind-tiles .jfind-t b{
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden!important;white-space:normal!important;
  font:500 12px/14px var(--j12-sf,-apple-system,system-ui,sans-serif)!important;letter-spacing:0;color:var(--l14-ink1);text-overflow:ellipsis;
}
/* results: inset grouped rows (look14-launch.js wraps each run of rows in .l14-grp), a tile per kind, the typed letters bold */
html:not(.nolook14) body .jfind-wrap .jfind-list .l14-grp{background:var(--l14-cell);border-radius:16px;overflow:hidden;margin:0 0 2px}
html:not(.nolook14) body .jfind-wrap .jfind-list .l14-grp .jfind-r{
  position:relative;display:flex;align-items:center;gap:12px;width:100%;min-height:52px;margin:0;padding:8px 16px;
  border:0;border-radius:0;background:none;box-shadow:none;color:var(--l14-ink1);text-align:left;
  transition:background-color var(--j12-tq,160ms) linear;-webkit-tap-highlight-color:transparent;
}
html:not(.nolook14) body .jfind-wrap .jfind-list .l14-grp .jfind-r:active{background:var(--l14-press)}
html:not(.nolook14) body .jfind-wrap .jfind-list .l14-grp .jfind-r:focus-visible{outline:2px solid var(--l14-ring);outline-offset:-2px}
html:not(.nolook14) body .jfind-wrap .jfind-list .l14-grp .l14-ico{flex:0 0 36px;width:36px;height:36px;border-radius:9px}
html:not(.nolook14) body .jfind-wrap .jfind-list .l14-grp .l14-ico .ji{width:22px;height:22px}
html:not(.nolook14) body .jfind-wrap .jfind-list .l14-grp > * + *::before{
  content:"";position:absolute;top:0;right:0;left:64px;height:1px;background:var(--l14-sep);transform:scaleY(.5);transform-origin:0 0;pointer-events:none;
}
html:not(.nolook14) body .jfind-wrap .jfind-list .l14-grp .jfind-t{flex:1 1 auto;min-width:0}
html:not(.nolook14) body .jfind-wrap .jfind-list .l14-grp .jfind-t b{
  display:block;font:400 17px/22px var(--j12-sf,-apple-system,system-ui,sans-serif);letter-spacing:-.01em;color:var(--l14-ink1);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
html:not(.nolook14) body .jfind-wrap .jfind-list .l14-grp .jfind-t > span{display:block;font:400 15px/20px var(--j12-sf,-apple-system,system-ui,sans-serif);letter-spacing:0;color:var(--l14-ink2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html:not(.nolook14) body .jfind-wrap .jfind-list .l14-grp .jfind-t i{font-style:normal}
html:not(.nolook14) body .jfind-wrap .jfind-list .l14-grp .jfind-t .jfind-nu{color:var(--l14-nu);font-weight:600}
html:not(.nolook14) body .jfind-wrap .jfind-list mark.l14-m{background:none;color:inherit;font-weight:700;padding:0;border-radius:0}
/* Show N more: a row in the tint at the bottom of its group */
html:not(.nolook14) body .jfind-wrap .jfind-list .l14-grp .jfind-more{
  position:relative;display:block;width:100%;min-height:44px;margin:0;padding:11px 16px 11px 64px;border:0;border-radius:0;box-shadow:none;
  background:none;color:var(--l14-tint);font:400 17px/22px var(--j12-sf,-apple-system,system-ui,sans-serif);letter-spacing:-.01em;text-align:left;-webkit-tap-highlight-color:transparent;
}
html:not(.nolook14) body .jfind-wrap .jfind-list .l14-grp .jfind-more:active{background:var(--l14-press)}
/* the kind mark (WHO / JOB …) steps aside once its tile is in; it stays when there is no drawing to show */
html:not(.nolook14) body .jfind-wrap .jfind-list .l14-ico + .jfind-k{display:none!important}
html:not(.nolook14) body .jfind-wrap .jfind-list .l14-grp .jfind-k{flex:0 0 36px;width:36px;height:36px;border-radius:9px;background:var(--l14-press);color:var(--l14-tint);font:700 10px/1 var(--j12-sf,-apple-system,system-ui,sans-serif)}
html:not(.nolook14) body .jfind-wrap .jfind-list .jfind-none{padding:44px 16px;text-align:center;font:400 15px/20px var(--j12-sf,-apple-system,system-ui,sans-serif);color:var(--l14-ink2)}

/* ------------------------------------------------------------------------------------------------------------- motion -- */
@keyframes l14-up{from{transform:translateY(28px);opacity:0}to{transform:none;opacity:1}}
@keyframes l14-in{from{transform:translateY(-6px);opacity:0}to{transform:none;opacity:1}}
@media (prefers-reduced-motion:reduce){
  html:not(.nolook14) body .jmb-ov .jmb-sh.jmb-plus-sh,html:not(.nolook14) body .jfind-wrap .jfind-sheet{animation:none}
  html:not(.nolook14) body .jmb-ov .jmb-plus-sh .jmb-grid .jmb-a,html:not(.nolook14) body .jmb-ov .jmb-plus-sh .jmb-x,
  html:not(.nolook14) body .jfind-wrap .jfind-in,html:not(.nolook14) body .jfind-wrap .jfind-list .jfind-add button,
  html:not(.nolook14) body .jfind-wrap .jfind-list .jfind-r{transition:none!important}
}
