/* The word assistant (words.js): words in a verse you can tap or drag across, the selection and its two handles,
   and the card docked at the bottom. Every rule is scoped to .fv .w, .wh, .fcard.wa-lift or #wa. */

/* ---------- Words in the verse ---------- */
/* Our own taps and drags choose words: the browser's text selection and the iOS long-press callout stay out of it. */
.fverse .fv, .fverse .fv .w { -webkit-user-select: none; user-select: none; -webkit-touch-callout: none; }
@media (hover: hover) and (pointer: fine) { .fverse .fv .w { cursor: pointer; } }
/* The selection: one continuous wash over the words and the spaces between them, rounded at its two ends. */
.fv .sel { --wsel: rgba(188, 211, 232, .3); background: var(--wsel); padding: .05em 0; -webkit-box-decoration-break: clone; box-decoration-break: clone; }
.fv .sel-a { border-top-left-radius: .18em; border-bottom-left-radius: .18em; }
.fv .sel-b { border-top-right-radius: .18em; border-bottom-right-radius: .18em; }
body[data-theme="paper"] .fv .sel { --wsel: rgba(122, 31, 31, .15); }
body[data-theme="dawn"] .fv .sel { --wsel: rgba(242, 212, 155, .32); }
body[data-theme="walnut"] .fv .sel { --wsel: rgba(211, 216, 223, .28); }

/* Footnote numbers: small, raised, in the accent colour, without moving the line; each has a 44-px target. */
.fv button.vfn { position: relative; display: inline !important; width: auto; height: auto; min-width: 0 !important; min-height: 0 !important; margin: 0 0 0 .06em; padding: 0 !important; border: 0 !important; border-radius: 0;
  background: none !important; box-shadow: none !important; color: var(--ice) !important; font: 600 .5em/0 var(--sans) !important; vertical-align: baseline;
  top: -.85em; cursor: pointer; -webkit-tap-highlight-color: transparent; }
.fv button.vfn + button.vfn { margin-left: .22em; }
.fv button.vfn::before { content: ''; position: absolute; left: 50%; top: 50%; width: 44px; height: 44px; transform: translate(-50%, -50%); }
.fv button.vfn:focus-visible { outline: 2px solid var(--ice); outline-offset: 2px; border-radius: 3px; }
/* The verse's Footnotes link (screen readers, large text), beside Context and Map. */
.fref .fnotes-i { border: 0 !important; background: none !important; box-shadow: none !important; min-height: 0 !important; padding: 12px 4px 12px 8px !important; margin: -12px 0 !important;
  font: 600 .75rem var(--sans); color: var(--ice) !important; cursor: pointer; letter-spacing: .02em; }
.fsheet .fnn { display: inline-block; min-width: 1.2em; font: 700 .8125rem var(--sans); }

/* Handles: a slim bar the height of the line, a round knob (above at the start, below at the end), a 44-pt grip. */
.fcard > .wh { position: absolute; z-index: 4; left: calc(var(--x) - 22px); top: calc(var(--y) - 18px); width: 44px; height: calc(var(--h) + 36px);
  touch-action: none; cursor: grab; -webkit-tap-highlight-color: transparent; -webkit-user-select: none; user-select: none; }
.fcard > .wh[hidden] { display: none; }
.fcard > .wh::before { content: ''; position: absolute; left: 21px; top: 18px; width: 2px; height: var(--h); border-radius: 1px; background: var(--ice); }
.fcard > .wh b { position: absolute; left: 16px; width: 12px; height: 12px; border-radius: 50%; background: var(--ice); box-shadow: 0 1px 4px rgba(0, 0, 0, .35); transition: transform .12s ease; }
.fcard > .wh-s b { top: 6px; }
.fcard > .wh-e b { bottom: 6px; }
.fcard > .wh.drag b { transform: scale(1.3); }
.fcard > .wh.drag { cursor: grabbing; }

/* The verse moves up, out from under the card (its contents move; the card is a scroll-snap page and stays put). */
.fcard.fverse > :not(.fburst) { transition: transform .32s cubic-bezier(.22, 1, .36, 1); }
.fcard.wa-lift > :not(.fburst) { transform: translateY(var(--wa-lift, 0px)); }
.fcard.fverse > .vlogo { transition: transform .32s cubic-bezier(.22, 1, .36, 1), opacity .2s ease; }
.fcard.wa-lift > .vlogo { opacity: 0; }

/* ---------- The card ---------- */
#wa { --wa-bg: var(--cream); --wa-ink: #1a1714; --wa-muted: #5c544a; --wa-line: rgba(26, 23, 20, .12); --wa-chip: rgba(26, 23, 20, .06); --wa-chip-on: #1a1714; --wa-on-ink: var(--cream);
  position: fixed; z-index: 45; left: 0; right: 0; bottom: 0; margin: 0 auto; width: min(620px, 100%); height: min(var(--wa-fit, 9999px), clamp(220px, 42dvh, 460px));
  display: flex; flex-direction: column; background: var(--wa-bg); color: var(--wa-ink); border-radius: 24px 24px 0 0;
  box-shadow: 0 -12px 40px -12px rgba(0, 0, 0, .65), 0 0 0 1px rgba(255, 255, 255, .06); font-family: var(--sans); font-size: 1rem; line-height: 1.45;
  transform: translateY(calc(100% + 20px)); transition: transform .34s cubic-bezier(.22, 1, .36, 1), height .3s cubic-bezier(.22, 1, .36, 1); outline: none; }
#wa[hidden] { display: none; }
#wa.open { transform: none; }
#wa.full { height: calc(100dvh - 10px - env(safe-area-inset-top)); }
#wa.dragging { transition: none; }
@media (prefers-reduced-motion: reduce) { #wa { transition: opacity .15s ease; } .fcard.fverse > * { transition: none; } }

#wa .wa-top { flex: none; padding: 0 12px 6px 20px; touch-action: none; cursor: grab; -webkit-user-select: none; user-select: none; }
#wa .wa-grab { display: flex; align-items: center; justify-content: center; width: 100%; min-height: 34px; height: 34px; margin: 0 0 -4px; padding: 0; border: 0; border-radius: 0;
  background: transparent; box-shadow: none; cursor: grab; }
#wa .wa-grab i { display: block; width: 40px; height: 5px; border-radius: 3px; background: rgba(26, 23, 20, .22); }
#wa .wa-headrow { display: flex; align-items: flex-start; gap: 12px; }
#wa .wa-head { flex: 1; min-width: 0; }
#wa .wa-title { margin: 0; font: 600 1.5rem/1.2 var(--serif); color: var(--wa-ink) !important; letter-spacing: -.005em; text-transform: none;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
#wa .wa-sub { margin: 3px 0 0; font-size: 0.8125rem; font-weight: 500; color: var(--wa-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#wa .wa-done { flex: none; min-height: 44px; min-width: 64px; padding: 0 16px; border: 0; border-radius: 999px; background: var(--wa-chip-on); color: var(--wa-on-ink);
  box-shadow: none; font: 600 0.9375rem var(--sans); cursor: pointer; }

#wa .wa-body { flex: 1; min-height: 0; overflow-y: auto; overscroll-behavior: contain; -webkit-overflow-scrolling: touch; padding: 4px 20px calc(24px + env(safe-area-inset-bottom)); }
#wa button:focus-visible, #wa a:focus-visible, #wa summary:focus-visible { outline: 3px solid #3d6f9e; outline-offset: 2px; }
#wa .wa-sec { padding: 14px 0 6px; border-top: 1px solid var(--wa-line); }
#wa .wa-sec:first-child, #wa .wa-niv + .wa-sec { border-top: 0; }
#wa h3 { margin: 0 0 8px; font: 700 0.75rem var(--sans); letter-spacing: .1em; text-transform: uppercase; color: var(--wa-muted); }
#wa p { margin: 0 0 8px; }
#wa .wa-k { display: block; margin: 0 0 2px; font: 600 0.75rem var(--sans); letter-spacing: .04em; color: var(--wa-muted); }
#wa .wa-row .wa-k { display: inline; margin-right: 6px; }
#wa .wa-quiet { color: var(--wa-muted); }
#wa .small { font-size: 0.875rem; }
#wa .wa-hint { font-size: 0.9375rem; color: var(--wa-muted); }
#wa .wa-niv { font-size: 0.875rem; padding: 8px 12px; border-radius: 12px; background: var(--wa-chip); color: var(--wa-ink); margin: 6px 0 8px; }

/* English */
#wa .wa-hw { font-size: 0.9375rem; margin-bottom: 6px; }
#wa .wa-hw b { font: 600 1.375rem var(--serif); margin-right: 6px; }
#wa .wa-hw span { color: var(--wa-muted); font-style: italic; }
#wa .wa-senses { margin: 0 0 8px; padding-left: 22px; font: 1.0625rem/1.5 var(--serif); }
#wa .wa-senses li { margin-bottom: 4px; }
#wa .wa-old, #wa .wa-bd { margin: 6px 0 10px; padding: 10px 14px; border-radius: 14px; background: var(--wa-chip); }
#wa .wa-old p:not(.wa-k), #wa .wa-bd p:not(.wa-k) { font: 1.0625rem/1.5 var(--serif); margin-bottom: 6px; }
#wa .wa-old .wa-k { color: #7a1f1f; }

/* Hebrew / Greek */
#wa .wa-card { margin: 4px 0 10px; padding: 12px 14px; border-radius: 16px; background: var(--wa-chip); }
#wa .wa-ow { display: flex; align-items: baseline; flex-wrap: wrap; gap: 4px 12px; margin-bottom: 6px; }
#wa .wa-ow b { font: 500 2rem/1.25 "SBL Hebrew", "SBL Greek", "Times New Roman", serif; color: var(--wa-ink); }
#wa .wa-ow i { font-size: 1rem; color: var(--wa-muted); }
#wa .wa-row { font-size: 1rem; margin-bottom: 4px; }
#wa .wa-lem { font: 500 1.25rem "SBL Hebrew", "SBL Greek", "Times New Roman", serif; }
#wa .wa-strong { margin: 6px 0 0; font-size: 0.75rem; color: var(--wa-muted); }
#wa details.wa-more { margin: 6px 0 2px; border: 0; padding: 0; }
#wa details.wa-more summary { display: inline-flex; align-items: center; min-height: 44px; font-weight: 600; cursor: pointer; color: var(--wa-ink); text-decoration: underline; text-underline-offset: 3px; }
#wa .wa-def { font-size: 0.9375rem; line-height: 1.5; padding: 2px 0 6px; overflow-wrap: anywhere; }
#wa .wa-owords { display: flex; flex-wrap: wrap; gap: 6px; margin: 4px 0 10px; }
#wa .wa-oword { direction: ltr; display: flex; flex-direction: column; align-items: center; gap: 0; min-width: 64px; min-height: 64px; padding: 6px 10px; border: 0; border-radius: 12px;
  background: var(--wa-chip); color: var(--wa-ink); box-shadow: none; font: inherit; cursor: pointer; }
#wa .wa-oword b { font: 500 1.3125rem "SBL Hebrew", "SBL Greek", "Times New Roman", serif; }
#wa .wa-oword i { font-size: 0.6875rem; color: var(--wa-muted); }
#wa .wa-oword span { font-size: 0.75rem; font-weight: 600; }
#wa .wa-oword[aria-pressed="true"] { background: var(--wa-chip-on); color: var(--wa-on-ink); }
#wa .wa-oword[aria-pressed="true"] i { color: inherit; opacity: .75; }

/* A verse's words to pick from (screen readers, NIV → BSB) */
#wa .wa-ews { display: flex; flex-wrap: wrap; gap: 4px; font: 1.125rem/1.3 var(--serif); }
#wa .wa-ew { min-height: 44px; min-width: 44px; padding: 0 9px; border: 0; border-radius: 10px; background: var(--wa-chip); color: var(--wa-ink); box-shadow: none; font: inherit; cursor: pointer; }
#wa .wa-ew[aria-pressed="true"] { background: var(--wa-chip-on); color: var(--wa-on-ink); }

/* Every feed sheet: a grabber to swipe it down and a visible Done (both are Back). */
.fsheet .fsheet-top { position: relative; display: flex; align-items: center; justify-content: center; min-height: 40px; margin: -6px -8px 8px; touch-action: none; cursor: grab; }
.fsheet .fsheet-top .grabber { margin: 0; }
.sheet.fsheet .fsheet-done { position: absolute; right: 0; top: 50%; translate: 0 -50%; min-height: 44px; padding: 0 16px; border: 0; border-radius: 999px; font: 600 .9375rem var(--sans); cursor: pointer; }
.fsheet:focus { outline: none; }

/* Drilled into a word's own card: ‹ goes back one level; Done closes the whole card. Opened from a sheet: above it. */
#wa.over { z-index: 55; }
#wa .wa-up { display: none; flex: none; width: 44px; min-height: 44px; margin: 0 2px 0 -10px; padding: 0; border: 0; border-radius: 50%; background: none; box-shadow: none;
  color: var(--wa-ink); font: 400 2rem/1 var(--serif); cursor: pointer; }
#wa.deep .wa-up { display: inline-flex; align-items: center; justify-content: center; }
/* How often a Hebrew/Greek word occurs (rule 15): small, under the word; little words muted. */
#wa .wa-n { display: block; margin-top: 2px; font: 600 .75rem var(--sans); color: var(--wa-ink); font-variant-numeric: tabular-nums; }
#wa .wa-n.fn { color: var(--wa-muted); font-weight: 500; opacity: .8; }
#wa .wa-oword[aria-pressed="true"] .wa-n, #wa .wa-oword[aria-pressed="true"] .wa-n.fn { color: inherit; }
#wa .wa-cnt { margin: -4px 0 6px; }
#wa .wa-cnt .wa-n { display: inline; }
#wa button.wa-owb { display: flex; align-items: baseline; flex-wrap: wrap; gap: 4px 12px; width: 100%; min-height: 44px; margin: 0 0 6px; padding: 0; border: 0; background: none;
  box-shadow: none; color: var(--wa-ink); text-align: left; font: inherit; cursor: pointer; }
#wa button.wa-owb b { text-decoration: underline; text-decoration-color: rgba(26, 23, 20, .25); text-underline-offset: .15em; }
.fsheet .fword .fcount { display: block; margin-top: 2px; font: 600 .75rem var(--sans); color: var(--ink); font-variant-numeric: tabular-nums; }
.fsheet .fword .fcount.fn { color: var(--ink-muted); font-weight: 500; }

/* X-Ray: who or where a name is */
#wa .wa-xname { margin: 0 0 4px; font: 600 1.5rem/1.2 var(--serif); }
#wa .wa-xdesc { margin: 0 0 2px; font: 1.0625rem/1.5 var(--serif); }
#wa .wa-src { margin: 0 0 10px; font-size: .75rem; color: var(--wa-muted); }
#wa .wa-kins { display: flex; flex-wrap: wrap; gap: 6px; margin: 4px 0 8px; }
#wa .wa-kin { min-height: 44px; padding: 0 14px; border: 0; border-radius: 999px; background: rgba(255, 255, 255, .55); color: var(--wa-ink);
  box-shadow: 0 0 0 1px var(--wa-line) inset; font: 600 .9375rem var(--sans); cursor: pointer; }
#wa .wa-mapmini { position: relative; height: 150px; margin: 8px 0 4px; border-radius: 14px; overflow: hidden; background: #2b3a40; }
#wa .wa-tiles { position: absolute; left: 50%; top: 50%; width: 0; height: 0; }
#wa .wa-tiles img { position: absolute; width: 256px; height: 256px; max-width: none; }
#wa .wa-pin { position: absolute; left: -9px; top: -9px; width: 18px; height: 18px; border-radius: 50%; background: #a8452f; box-shadow: 0 0 0 3px #fff, 0 2px 8px rgba(0, 0, 0, .5); }
#wa .wa-strip { display: flex; align-items: flex-end; gap: 1px; height: 40px; margin: 6px 0 2px; padding-bottom: 1px; border-bottom: 1px solid var(--wa-line); }
#wa .wa-strip i { flex: 1; height: var(--h); min-height: 0; border-radius: 1px 1px 0 0; background: rgba(26, 23, 20, .62); }
#wa .wa-strip i.z { height: 2px; background: rgba(26, 23, 20, .12); }
#wa .wa-strip i.nt { margin-left: 4px; }
#wa .wa-stripk { display: flex; justify-content: space-between; margin: 0 0 10px; font-size: .6875rem; color: var(--wa-muted); }
#wa .wa-stripk span:nth-child(2) { margin-left: 18%; }
#wa details.wa-grp { border-top: 1px solid var(--wa-line); padding: 0; }
#wa details.wa-grp summary { display: flex; align-items: center; justify-content: space-between; min-height: 44px; cursor: pointer; font-weight: 600; }
#wa details.wa-grp summary b { font-variant-numeric: tabular-nums; color: var(--wa-muted); font-weight: 600; }
#wa details.wa-grp .wa-refs { margin: 0 0 6px; }
#wa .wa-firstm { margin-left: 6px; padding: 1px 8px; border-radius: 999px; background: var(--wa-chip-on); color: var(--wa-on-ink) !important; font-style: normal; font-size: .6875rem; font-weight: 700; }
body[data-theme="paper"] #wa .wa-strip i:not(.z) { background: #7a1f1f; opacity: .75; }

/* Say it, root, related words (occ rule 8) */
#wa .wa-say { font-size: 1rem; }
#wa .wa-fams { display: flex; flex-wrap: wrap; gap: 6px; margin: 4px 0 6px; }
#wa .wa-fam { display: inline-flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 0; min-height: 44px; padding: 4px 12px; border: 0; border-radius: 12px;
  background: rgba(255, 255, 255, .55); color: var(--wa-ink); box-shadow: 0 0 0 1px var(--wa-line) inset; font: inherit; text-align: left; cursor: pointer; }
#wa .wa-fam b { font: 500 1.1875rem/1.2 "SBL Hebrew", "SBL Greek", "Times New Roman", serif; }
#wa .wa-fam span { font-size: 0.75rem; color: var(--wa-muted); }
#wa .wa-altbar { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin: -4px 0 4px; }
#wa .wa-altbar .wa-k { display: inline; }

/* Phrase */
#wa .wa-otext { font: 500 1.75rem/1.35 "SBL Hebrew", "SBL Greek", "Times New Roman", serif; margin-bottom: 2px; }
#wa .wa-otr { color: var(--wa-muted); font-style: italic; margin-bottom: 12px; }
#wa .wa-mini .wa-ow b { font-size: 1.625rem; }

/* In the Bible */
#wa .wa-big { font-size: 1.0625rem; }
#wa .wa-big b { font: 500 1.5rem "SBL Hebrew", "SBL Greek", "Times New Roman", serif; }
#wa .wa-big i { color: var(--wa-muted); }
#wa .wa-books { margin: 6px 0 12px; }
#wa .wa-bk { display: grid; grid-template-columns: minmax(84px, 34%) 1fr 34px; align-items: center; gap: 10px; font-size: 0.875rem; min-height: 24px; }
#wa .wa-bk span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#wa .wa-bk > i { display: block; height: 8px; border-radius: 4px; background: var(--wa-chip); overflow: hidden; }
#wa .wa-bk > i > i { display: block; height: 100%; border-radius: 4px; background: rgba(26, 23, 20, .62); }
#wa .wa-bk b { text-align: right; font-weight: 600; font-variant-numeric: tabular-nums; }
#wa .wa-as { font-size: 0.9375rem; }
#wa .wa-as .wa-k { display: block; }
#wa .wa-refs { list-style: none; margin: 4px 0 0; padding: 0; }
#wa .wa-refs li { border-top: 1px solid var(--wa-line); }
#wa .wa-refs li > button, #wa .wa-refs li > div { display: block; width: 100%; min-height: 48px; padding: 10px 2px; border: 0; border-radius: 0; background: transparent; color: var(--wa-ink);
  box-shadow: none; text-align: left; font: inherit; cursor: pointer; }
#wa .wa-refs li > div { cursor: default; }
#wa .wa-refs b { display: block; font-size: 0.875rem; }
#wa .wa-refs em { font-style: normal; font-size: 0.75rem; color: var(--wa-muted); }
#wa .wa-refs .wa-rt { display: block; font: 1rem/1.45 var(--serif); color: var(--wa-ink); }
#wa .wa-refs .wa-rt b { display: inline; font: inherit; font-weight: 700; }
#wa .wa-refs li > button:active { background: var(--wa-chip); }
#wa .wa-encount { color: var(--wa-muted); margin-top: 8px; }
#wa .wa-encount:empty { display: none; }
#wa .wa-link { display: inline-flex; align-items: center; min-height: 44px; padding: 0; border: 0; background: none; box-shadow: none; color: var(--wa-ink);
  font: 600 0.9375rem var(--sans); text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
#wa .wa-moreref { margin-top: 4px; }

/* Errors and sources */
#wa .wa-err { margin: 10px 0; padding: 12px 14px; border-radius: 14px; background: var(--wa-chip); }
#wa .wa-err p { margin: 0 0 6px; color: var(--wa-muted); }
#wa .wa-retry { min-height: 44px; padding: 0 18px; border: 0; border-radius: 999px; background: var(--wa-chip-on); color: var(--wa-on-ink); box-shadow: none; font: 600 0.9375rem var(--sans); cursor: pointer; }
#wa .wa-credits { margin-top: 14px; padding-top: 12px; border-top: 1px solid var(--wa-line); font-size: 0.75rem; color: var(--wa-muted); }
#wa .wa-credits:empty { display: none; }
#wa .wa-credits ul { list-style: none; margin: 0; padding: 0; }
#wa .wa-credits li { margin: 0 0 3px; }
#wa .wa-credits a { color: var(--wa-ink); text-decoration: underline; text-underline-offset: 2px; }
#wa .wa-credits li { margin-bottom: 6px; }
#wa .wa-lic summary { display: inline-flex; align-items: center; min-height: 32px; cursor: pointer; text-decoration: underline; text-underline-offset: 2px; }
#wa .wa-lic p { margin: 0 0 6px; font-size: 0.6875rem; line-height: 1.45; }

/* ---------- The four looks ---------- */
/* Paper: the page is already cream, so the card is a whiter sheet with ink, set off by a hairline and soft shadow. */
body[data-theme="paper"] #wa { --wa-bg: #fbf7ef; --wa-ink: #2a2420; --wa-muted: #5f5244; --wa-line: rgba(42, 36, 32, .12); --wa-chip: rgba(42, 36, 32, .055); --wa-chip-on: #2a2420; --wa-on-ink: #fbf7ef;
  box-shadow: 0 -10px 34px -12px rgba(42, 36, 32, .35), 0 0 0 1px rgba(42, 36, 32, .1); }
body[data-theme="paper"] #wa .wa-bk > i > i { background: #7a1f1f; opacity: .75; }
/* Dawn: warm cream with a rose-gold edge. */
body[data-theme="dawn"] #wa { --wa-bg: #faf0e6; --wa-muted: #5e5149; box-shadow: 0 -12px 40px -12px rgba(20, 22, 58, .8), 0 -1px 0 rgba(242, 212, 155, .5); }
body[data-theme="dawn"] #wa .wa-bk > i > i { background: #8a5a3c; }
/* Walnut: a cool silver-cream card. */
body[data-theme="walnut"] #wa { --wa-bg: #ebe8e3; --wa-muted: #57524b; box-shadow: 0 -12px 40px -12px rgba(0, 0, 0, .75), 0 -1px 0 rgba(220, 225, 232, .45); }
body[data-theme="walnut"] #wa .wa-bk > i > i { background: #5a4636; }


/* ---------- Audit polish for the feed (scroll.js) ---------- */
/* m9: the Study sheet's tabs on one row (it scrolls sideways when they don't fit). */
.fsheet .ftabs { flex-wrap: nowrap; overflow-x: auto; overflow-y: hidden; scrollbar-width: none; margin: 4px -22px 12px; padding: 0 22px; }
.fsheet .ftabs::-webkit-scrollbar { display: none; }
.fsheet .ftabs button { flex: none; }
/* m10: a "Verses for…" painting fades once the feed has gone past the set. */
.feed .artbg.feedart { transition: opacity .6s ease; }
.feed .artbg.feedart.gone { opacity: 0; }
/* Paper: the verse rail is a light hairline, the verse you're on in ink (the night charcoal was heavy on cream). */
body[data-theme="paper"] .vnav button i { background: rgba(42, 36, 32, .16); }
body[data-theme="paper"] .vnav button.read i { background: rgba(42, 36, 32, .36); }
body[data-theme="paper"] .vnav button.on i { background: #2a2420; }
body[data-theme="paper"] .vnav button b { color: #6b5d4c; }
body[data-theme="paper"] .vnav button.on b { color: #2a2420; }
body[data-theme="paper"] .vnav .vnext i { border-color: rgba(42, 36, 32, .45); }
body[data-theme="paper"] .vnav-bubble { background: #2a2420; color: #f8f2e6; box-shadow: none; }