/*
 * The wiki: its menu on the left of the public site, each
 * page (title, page tools, On This Page, the words and everything kept with
 * them: callout boxes, tables, pictures, videos, question sets, sub-pages,
 * attachments, credits), the Read More fold, section lists, search results,
 * and the printed document, and the Volunteers Only marks of the team
 * area's reading view. Used on the public site, in the team area's reading
 * view and editor, and when printing.
 *
 * It sits on chrome's frame (voice-site.css, site.css), and reuses its tokens
 * (--brand, --brand-tint, --ink, --line...) so the wiki reads as one family
 * with the Alerts site and the team area: the menu borrows the Settings
 * menu's look (icons beside each item, the current item in the brand tint
 * with an inset bar; every entry in one Title Case style).
 */

/* ---------- Icon tiles (one drawing, color included) ---------- */
.wiki-tile { width: 32px; height: 32px; flex: none; display: block; border-radius: 8px; }
.wiki-tile-lg { width: 56px; height: 56px; border-radius: 12px; }

/* ---------- The wiki menu (the left column; on phones, behind the Menu button) ----------
   Every entry is in one style, Title Case at the same size, as listed: Home, the pages in no
   section, and each section's name (a link to its section page) in the heavier weight; a section's pages indented
   under it in the lighter weight, with a quiet line that ties them to it. A Quiet section (Contents and Order) follows
   a thin line and has a lighter name. */
.wnav { font-family: var(--display); padding-bottom: .5rem; }
.wnav [hidden] { display: none !important; }
.wnav-search { display: flex; gap: 6px; margin: 0 0 .8rem; }
/* The field's border meets the 3:1 a form field needs (#8a8272 is the shared input border). */
.wnav-search input { flex: 1 1 auto; min-width: 0; min-height: 44px; padding: .35em .95em; border: 1.5px solid #8a8272; border-radius: 999px; background: var(--card); color: var(--ink); font: inherit; font-weight: 500; font-size: .98rem; }
.wnav-search input::placeholder { color: var(--ink-soft); opacity: 1; }
.wnav-search input:focus { outline: 3px solid var(--focus, #0b5cad); outline-offset: 1px; border-color: var(--brand); }
.wnav-go { flex: none; width: 44px; height: 44px; display: inline-flex; align-items: center; justify-content: center; padding: 0; border: 1.5px solid #8a8272; border-radius: 50%; background: var(--card); color: var(--ink-soft); cursor: pointer; }
.wnav-go:hover { color: var(--brand-deep); border-color: var(--brand); }
.wnav-go svg { width: 1.15em; height: 1.15em; }
@media (prefers-color-scheme: dark) {
  :root:not(.force-light) .wnav-search input, :root:not(.force-light) .wnav-go { border-color: #9a927f; }
}
.wnav-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 2px; }
.wnav-list li + li, .wnav-sub li + li { margin-top: 0; }
.wnav-link { display: flex; align-items: center; gap: .6em; min-height: 40px; padding: .35em .7em; border-radius: var(--radius-sm); color: var(--ink); text-decoration: none; font-weight: 700; font-size: .95rem; line-height: 1.25; }
.wnav-link:hover { background: var(--sunk); }
.wnav-link:hover span { text-decoration: underline; text-decoration-thickness: .06em; text-underline-offset: .2em; }
.wnav-link[aria-current="page"] { background: var(--brand-tint); color: var(--brand-deep); box-shadow: inset 3px 0 0 var(--brand); }
.wnav-link[aria-current="page"]:hover span { text-decoration: none; }
.wnav-icon { width: 1.1em; height: 1.1em; flex: none; color: var(--ink-faint); }
.wnav-link[aria-current="page"] .wnav-icon { color: var(--brand); }
/* Sub-pages, and a section's pages: indented, in the lighter weight, with a quiet line that ties them to what they are under. */
.wnav-sub, .wnav-sec-pages { list-style: none; margin: 2px 0 4px 1.2rem; padding: 0 0 0 .5rem; border-left: 1px solid var(--line-strong); display: flex; flex-direction: column; gap: 2px; }
.wnav-sec-pages > li > .wnav-link, .wnav-sublink { font-weight: 500; }
.wnav-sublink { font-size: .92rem; min-height: 36px; padding-top: .25em; padding-bottom: .25em; }
.wnav-sec-pages .wnav-sub { margin-left: .9rem; }
/* A section: its name is a link like every other entry, with an arrow beside it when Settings > Wiki folds the sections. */
.wnav-sec { margin-top: .15rem; }
.wnav-sec-row { display: flex; align-items: center; gap: 2px; }
.wnav-sec-link { flex: 1 1 auto; min-width: 0; }
.wnav-sec-toggle { flex: none; width: 40px; height: 40px; display: inline-flex; align-items: center; justify-content: center; padding: 0; border: 0; border-radius: var(--radius-sm); background: transparent; color: var(--ink-soft); cursor: pointer; }
.wnav-sec-toggle::before { content: ""; width: .5em; height: .5em; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(45deg) translate(-2px, -2px); }
.wnav-sec-toggle[aria-expanded="false"]::before { transform: rotate(-45deg); }
.wnav-sec-toggle:hover { background: var(--sunk); color: var(--ink); }
.wnav-sec-toggle:focus-visible { outline: 3px solid var(--focus, #0b5cad); outline-offset: 1px; }
/* The Quiet heading: after a thin line, a lighter name in the same size, so the section reads as set apart rather than as a peer of the others. */
.wnav-sec-quiet { margin-top: .7rem; padding-top: .55rem; border-top: 1px solid var(--line); }
.wnav-sec-quiet .wnav-sec-link { font-weight: 500; color: var(--ink-soft); }
.wnav-sec-quiet .wnav-sec-link[aria-current="page"] { color: var(--brand-deep); }
.wnav-sec-quiet + .wnav-sec-quiet { margin-top: .15rem; padding-top: 0; border-top: 0; }
.wnav-home .wnav-link { margin-bottom: .1rem; }
.wnav-out { width: .85em; height: .85em; flex: none; color: var(--ink-soft); }
/* A page shown as a heading over its sub-pages: its title, not a link, in the lighter weight of the section's
   pages, set apart by a small capital letter spacing, with its sub-pages under it as usual. */
.wnav-label { display: flex; align-items: center; min-height: 34px; padding: .45em .7em .15em; color: var(--ink-soft); font-size: .8rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; line-height: 1.25; }
.wnav-label[aria-current="page"] { color: var(--brand-deep); }
.wnav-group > .wnav-sub { margin-top: 0; }
.wnav-toc-row { list-style: none; }
.wnav-toc-row > .wnav-toc { margin-left: 0; }
.wnav-foot { margin-top: .8rem; padding-top: .6rem; border-top: 1px solid var(--line); }

/* ---------- The page's tools (beside the breadcrumbs) ---------- */
.wiki-tool { display: inline-flex; align-items: center; gap: .4em; min-height: 40px; padding: .25em .85em; border: 1px solid var(--line-strong); border-radius: 999px; background: var(--card); color: var(--ink-soft); text-decoration: none; font-family: var(--display); font-weight: 600; font-size: .92rem; }
.wiki-tool:hover { color: var(--brand-deep); border-color: var(--brand); background: var(--brand-tint); }
.wiki-tool svg { width: 1.05em; height: 1.05em; }

/* ---------- A page ---------- */
.wiki-head { display: flex; gap: 1rem; align-items: flex-start; margin: 0 0 1.5rem; }
.wiki-head .wiki-tile-lg { margin-top: .25rem; }
.wiki-head-text { min-width: 0; }
.wiki-title { margin: 0 0 .35rem; font-weight: 700; }
h1.wiki-title { font-size: 2rem; color: var(--ink); }
@media (min-width: 640px) { h1.wiki-title { font-size: 2.35rem; } }
.wiki-summary { margin: 0; font-size: 1.18rem; color: var(--ink-soft); line-height: 1.5; max-width: 38em; }
@media (max-width: 420px) { .wiki-head .wiki-tile-lg { width: 44px; height: 44px; } }

/* The page in other languages, and the note on a translation */
.wiki-langs { display: flex; flex-wrap: wrap; align-items: center; gap: .3rem .8rem; margin: -.6rem 0 1.2rem; color: var(--ink-soft); }
.wiki-langs svg { width: 1.1em; height: 1.1em; color: var(--brand-deep); }
.wiki-langs a { font-weight: 600; }
.wiki-translation-note { margin: 0 0 1.2rem; padding: .55rem .85rem; max-width: 42rem; background: var(--sunk); border-radius: var(--radius-sm); color: var(--ink-soft); }

/* On This Page */
.wiki-toc { margin: 0 0 1.8rem; padding: .8rem 1.1rem .9rem; max-width: 42rem; background: var(--card); border: 1px solid var(--line); border-left: 3px solid var(--brand); border-radius: 0 var(--radius) var(--radius) 0; }
.wiki-toc-title { margin: 0 0 .4rem; font-size: .76rem; font-weight: 700; letter-spacing: .09em; text-transform: uppercase; color: var(--ink-faint); }
.wiki-toc ol { margin: 0; padding-left: 1.4em; }
.wiki-toc li { margin: .2rem 0; padding-left: .15em; }
/* A block, so a heading that wraps keeps its number on its first line. */
.wiki-toc a { font-weight: 600; text-decoration: none; display: block; min-height: 24px; }
.wiki-toc a:hover, .wiki-toc a:focus { text-decoration: underline; }
.wiki-body h2[id], .wiki-body section[id] { scroll-margin-top: 1rem; }

.wiki-body { overflow-wrap: break-word; }

/* ---------- At a Glance (WikiGlance): a picture of the system and a few of the page's facts ----------
   After the page's first paragraph; where the page's column has room (the column is the measure, named wbody), it
   floats beside the words, as Wikipedia's infobox does. The stand-in for a missing picture is the VOICE logo, faded,
   on light stripes, so it never reads as the page's icon. */
.wiki-body { container: wbody / inline-size; display: flow-root; }
.wiki-body .wiki-glance { margin: .4rem 0 1.6rem; max-width: 30rem; background: var(--card); border: 1px solid var(--line); border-radius: var(--radius); overflow: hidden; box-shadow: var(--lift, none); }
.wiki-body .wiki-glance-title { margin: 0; padding: .6rem .95rem; background: color-mix(in srgb, var(--brand) 72%, #000); color: #fff; font-size: .98rem; line-height: 1.3; font-weight: 700; letter-spacing: .01em; }
.wiki-body .wiki-glance-pic { margin: 0; border-bottom: 1px solid var(--line); }
.wiki-body .wiki-glance-pic img { display: block; width: 100%; max-height: 20rem; object-fit: contain; border: 0; border-radius: 0; background: var(--paper); }
.wiki-glance-standin .wiki-glance-mark { display: flex; justify-content: center; padding: 1.5rem 0; background: repeating-linear-gradient(135deg, color-mix(in srgb, var(--ink) 4%, transparent) 0 10px, transparent 10px 20px); }
.wiki-glance-standin .wiki-glance-logo { width: 88px; height: 88px; opacity: .35; filter: grayscale(1); }
.wiki-body .wiki-glance-pic figcaption { margin: 0; padding: .5rem .95rem; font-size: .88rem; color: var(--ink-soft); text-align: center; border-top: 1px solid var(--line); }
.wiki-glance-facts { margin: 0; padding: .35rem .95rem .6rem; font-size: .92rem; line-height: 1.4; }
.wiki-glance-facts > div { display: grid; grid-template-columns: minmax(6rem, 38%) minmax(0, 1fr); gap: .15rem .85rem; padding: .4rem 0; }
.wiki-glance-facts > div + div { border-top: 1px solid color-mix(in srgb, var(--line) 70%, transparent); }
.wiki-glance-facts dt { font-weight: 700; }
.wiki-glance-facts dd { margin: 0; }
.wiki-body .wiki-glance-wide { display: none; }
@container wbody (min-width: 620px) {
  .wiki-body .wiki-glance-wide { display: block; float: right; width: min(40%, 19rem); margin: .3rem 0 1.2rem 1.6rem; }
  .wiki-body .wiki-glance-narrow { display: none; }
}
:root.a11y-contrast .wiki-body .wiki-glance { border: 2px solid var(--line-strong); box-shadow: none; }
:root.a11y-contrast .wiki-body .wiki-glance-title { background: var(--ink); color: var(--paper); }
@media print {
  .wiki-body .wiki-glance { box-shadow: none; border: 1px solid #000; break-inside: avoid; }
  .wiki-body .wiki-glance-wide { display: block; float: right; width: 40%; margin: 0 0 .8rem 1.2rem; }
  .wiki-body .wiki-glance-narrow { display: none; }
  .wiki-body .wiki-glance-title { background: none; color: #000; border-bottom: 1px solid #000; }
  .wiki-glance-standin .wiki-glance-mark { display: none; }
}
.wiki-body img { max-width: 100%; height: auto; }
.wiki-body blockquote { margin: 0 0 1.1rem; padding: .2rem 0 .2rem 1.1rem; border-left: 4px solid var(--line-strong); color: var(--ink-soft); }
.wiki-body pre { background: var(--sunk); border-radius: var(--radius-sm); padding: .8rem 1rem; overflow-x: auto; font-size: .92rem; white-space: pre-wrap; }
.wiki-body hr { margin: 2rem 0; }
.wiki-body figure { margin: 1.4rem 0; }
.wiki-body figure.picture img, .wiki-body .picture img { display: block; border-radius: var(--radius-sm); border: 1px solid var(--line); }
.wiki-body figcaption { font-size: .95rem; color: var(--ink-soft); margin-top: .45rem; }
.wiki-file-link { font-weight: 600; }
.wiki-missing { padding: .5rem .8rem; border: 1.5px dashed var(--line-strong); border-radius: var(--radius-sm); color: var(--ink-soft); }

/* A question set placed in a page ([questions:<slug>]); questions.css and site.css draw the rest */
.wiki-questions { margin: 2.2rem 0 1.6rem; }
.wiki-questions .qa-set-title { color: var(--brand-deep); font-size: 1.45rem; margin-bottom: .7rem; }
/* The team's Questions page (read.php, ?questions=1): under each set, the pages that show it */
.wiki-questions-where { margin: -1.2rem 0 2.6rem; }
.wiki-questions-where .ui-icon { width: 1em; height: 1em; vertical-align: -.12em; margin-right: .2em; }

/* Callout boxes (DokuWiki's notes): Note, Tip, Important */
.wiki-body .callout { border-left-width: 6px; border-radius: 0 var(--radius) var(--radius) 0; padding: .9rem 1.1rem; margin: 1.4rem 0; }
.wiki-body .callout > :last-child { margin-bottom: 0; }
.callout-title { font-family: var(--display); font-weight: 700; margin: 0 0 .4rem; }
.wiki-callout-kind { text-transform: uppercase; letter-spacing: .07em; font-size: .82em; }
.wiki-callout-tip { border-left-color: #1d6b3a; background: #edf6ef; }
.wiki-callout-important { border-left-color: #a64b00; background: #fbf1e6; }
.wiki-callout-tip .wiki-callout-kind { color: #1d6b3a; }
.wiki-callout-important .wiki-callout-kind { color: #8a3e00; }
.wiki-callout-note .wiki-callout-kind { color: var(--brand-deep); }
@media (prefers-color-scheme: dark) {
  :root:not(.force-light) .wiki-callout-tip { background: #15291c; }
  :root:not(.force-light) .wiki-callout-important { background: #2c1f12; }
  :root:not(.force-light) .wiki-callout-tip .wiki-callout-kind { color: #6fcf97; }
  :root:not(.force-light) .wiki-callout-important .wiki-callout-kind { color: #f0b45a; }
}

/* Tables */
.wiki-table { margin: 1.2rem 0 1.4rem; }
.wiki-table table { border-collapse: collapse; width: 100%; font-size: 1rem; background: var(--card); }
.wiki-table th, .wiki-table td { border: 1px solid var(--line); padding: .55rem .7rem; text-align: left; vertical-align: top; }
.wiki-table th { background: var(--sunk); font-family: var(--display); font-weight: 600; }
/* A row's name (th scope=row) reads as a name without looking like a column heading, and the box shows focus. */
.wiki-table tbody th { background: transparent; }
.wiki-table:focus-visible { outline: 3px solid var(--focus, #1f5c5a); outline-offset: 2px; }
.wiki-table td > :last-child, .wiki-table th > :last-child { margin-bottom: 0; }
/* Words in a table break only between words (the page's overflow-wrap: anywhere would split "Approximate"), and on a
   phone the table keeps a readable width and scrolls inside its box, with a shadow at the edge that has more. */
.wiki-body .wiki-table th, .wiki-body .wiki-table td { overflow-wrap: normal; word-break: normal; hyphens: manual; }
@media (max-width: 639px) {
  .wiki-table { overflow-x: auto; -webkit-overflow-scrolling: touch; background-color: var(--card);
    background-image: linear-gradient(to right, var(--card) 30%, transparent), linear-gradient(to left, var(--card) 30%, transparent), radial-gradient(farthest-side at 0 50%, rgba(0,0,0,.38), transparent), radial-gradient(farthest-side at 100% 50%, rgba(0,0,0,.38), transparent);
    background-position: 0 0, 100% 0, 0 0, 100% 0; background-repeat: no-repeat; background-size: 2.5rem 100%, 2.5rem 100%, 1.5rem 100%, 1.5rem 100%; background-attachment: local, local, scroll, scroll; }
  .wiki-table table { min-width: 34rem; background: transparent; }
  .wiki-table td { background: transparent; }
}

/* Videos: a Play Video button until someone chooses to play it */
.wiki-video { margin: 1.4rem 0; max-width: 40rem; }
.wiki-video-play { display: flex; align-items: center; gap: 1rem; min-height: 76px; padding: .9rem 1.1rem; border-radius: var(--radius); background: var(--card); border: 2px solid var(--brand-line); text-decoration: none; color: var(--ink); box-shadow: var(--shadow); }
.wiki-video-play:hover { border-color: var(--brand); background: var(--brand-tint); }
.wiki-video-icon { flex: none; display: inline-flex; align-items: center; justify-content: center; width: 52px; height: 52px; border-radius: 50%; background: #1f5d5b; background: var(--vs-solid, #1f5d5b); color: #fff; }
.wiki-video-icon svg { width: 24px; height: 24px; margin-left: 3px; fill: #fff; }
.wiki-video-label { display: flex; flex-direction: column; min-width: 0; }
.wiki-video-kicker { font-family: var(--display); font-size: .85rem; font-weight: 600; text-transform: uppercase; letter-spacing: .07em; color: var(--brand-deep); }
.wiki-video-label strong { font-size: 1.15rem; line-height: 1.3; }
.wiki-video figcaption { margin-top: .5rem; }
/* The player, once chosen: 16 by 9, as wide as the page allows. */
.wiki-video-frame { position: relative; width: 100%; height: 0; padding-top: 56.25%; background: #000; border-radius: var(--radius); overflow: hidden; }
.wiki-video-frame iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; }
.wiki-video-link a { font-weight: 600; }

/* Sub-pages, attachments, related pages, and the foot of the page */
.wiki-children, .wiki-attachments, .wiki-related { margin-top: 2.2rem; max-width: 42rem; }
.wiki-children h2, .wiki-attachments h2, .wiki-related h2, .wiki-children h3, .wiki-attachments h3, .wiki-related h3, .wiki-attachments h4, .wiki-related h4 { font-size: 1.2rem; }
.wiki-att-list { list-style: none; padding: 0; margin: 0; border: 1px solid var(--line); border-radius: var(--radius); background: var(--card); }
.wiki-att-list li { margin: 0; border-top: 1px solid var(--line); }
.wiki-att-list li:first-child { border-top: 0; }
.wiki-att-list a { display: flex; gap: .7rem; align-items: center; min-height: 52px; padding: .5rem .9rem; text-decoration: none; }
.wiki-att-list a:hover strong { text-decoration: underline; }
.wiki-att-list svg { width: 1.4em; height: 1.4em; color: var(--brand); flex: none; }
.wiki-related ul { padding-left: 1.2em; }
.wiki-related li { margin-bottom: .4rem; }
.wiki-foot { margin-top: 2.4rem; padding-top: 1rem; border-top: 1px solid var(--line); color: var(--ink-soft); max-width: 42rem; }
.wiki-foot p { display: flex; gap: .55em; align-items: flex-start; margin: 0 0 .4rem; }
.wiki-foot svg { width: 1.1em; height: 1.1em; flex: none; margin-top: .22em; color: var(--ink-faint); }
.wiki-credits { color: var(--ink); }
.wiki-updated-by, .wiki-created-by { color: var(--ink); font-weight: 600; }

/* ---------- A section's pages, and a page's sub-pages ---------- */
.wiki-section-head { margin-bottom: 1.4rem; }
.wiki-cards { list-style: none; padding: 0; margin: 0 0 1.4rem; max-width: 46rem; }
.wiki-guides-box { max-width: 46rem; margin: 0 0 1.4rem; }
.wiki-guides-box .btn { margin-top: .2rem; }
.wiki-card { margin: 0 0 .7rem; }
.wiki-card > a { display: flex; gap: .9rem; align-items: flex-start; padding: .9rem 1.1rem; background: var(--card); border: 1px solid var(--line); border-radius: var(--radius); text-decoration: none; color: var(--ink); box-shadow: var(--shadow); }
.wiki-card > a:hover { border-color: var(--brand); }
.wiki-card > a:hover strong { text-decoration: underline; }
.wiki-card strong { display: block; font-family: var(--display); font-size: 1.15rem; color: var(--brand-deep); }
.wiki-card-summary { display: block; color: var(--ink-soft); font-size: 1rem; margin-top: .15rem; }
.wiki-subcards { margin: .55rem 0 0 2.2rem; padding-left: .9rem; border-left: 2px solid var(--line); }
.wiki-subcards .wiki-card > a { box-shadow: none; padding: .7rem .95rem; }
.wiki-subcards .wiki-card strong { font-size: 1.05rem; }
@media (max-width: 480px) { .wiki-subcards { margin-left: .8rem; } }

/* ---------- Search ---------- */
.wiki-search { margin: 2rem 0 1rem; max-width: 34rem; }
.wiki-search label { display: block; font-family: var(--display); font-weight: 600; margin-bottom: .35rem; }
.wiki-search-row { display: flex; gap: .5rem; }
.wiki-search-row input { flex: 1 1 auto; min-width: 0; min-height: 48px; }
.wiki-search-row .btn { min-height: 48px; flex: none; white-space: nowrap; }
.wiki-search-count { font-weight: 600; }
.wiki-results { list-style: none; padding: 0; margin: 0; max-width: 44rem; }
.wiki-results li { padding: .9rem 0; border-top: 1px solid var(--line); }
.wiki-result-title { font-family: var(--display); font-size: 1.18rem; font-weight: 600; }
.wiki-result-summary { margin: .25rem 0 0; }
.wiki-result-hit { margin: .25rem 0 0; }
.wiki-results mark { background: #fff1a8; color: #1b2626; padding: 0 .1em; border-radius: 2px; }

/* ---------- The Read More fold (a line with only [read more]) ---------- */
.wiki-fold { margin: 1.2rem 0 1.4rem; }
.wiki-fold-summary { display: inline-flex; align-items: center; gap: .5em; min-height: 44px; padding: .35em 1.1em .35em .95em; border: 1.5px solid var(--brand-line); border-radius: 999px; background: var(--card); color: var(--brand-deep); font-family: var(--display); font-weight: 700; font-size: 1rem; cursor: pointer; list-style: none; }
.wiki-fold-summary::-webkit-details-marker { display: none; }
.wiki-fold-summary::marker { content: ""; }
/* The fold mark every fold has (site.css, "Folds: one mark everywhere"): plus while shut, minus while open. */
.wiki-fold-summary::after { content: "+"; content: "+" / ""; flex: none; font-size: 1.3em; line-height: 1; }
.wiki-fold[open] > .wiki-fold-summary::after { content: "\2212"; content: "\2212" / ""; }
.wiki-fold-summary:hover { background: var(--brand-tint); border-color: var(--brand); }
.wiki-fold-summary:focus-visible { outline: 3px solid var(--focus, #0b5cad); outline-offset: 2px; }
.wiki-fold-close, .wiki-fold[open] .wiki-fold-open { display: none; }
.wiki-fold[open] .wiki-fold-close { display: inline; }
.wiki-fold-body { margin-top: 1.2rem; }
.wiki-fold-body > :first-child { margin-top: 0; }

/* ---------- Volunteers Only (the team area's reading view, lists, and printing) ---------- */
.pill-vo { --pc: #5b3fa0; }
.pill-vo .ui-icon { width: .95em; height: .95em; }
.wiki-vo-line { display: flex; flex-wrap: wrap; align-items: center; gap: .3rem .6rem; margin: .1rem 0 .45rem; }
.wiki-card-marks { display: flex; flex-wrap: wrap; gap: .3rem; margin: .25rem 0 .1rem; }
.wnav-lock { display: inline-flex; flex: none; margin-left: auto; color: #5b3fa0; }
.wnav-lock .ui-icon { width: .95em; height: .95em; }
.wnav-mark { flex: none; margin-left: auto; font-size: .7rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--warn); }
.wnav-mark + .wnav-lock { margin-left: .35rem; }
.wnav-legend { display: flex; gap: .5em; align-items: flex-start; margin: .9rem .7rem 0; padding-top: .7rem; border-top: 1px solid var(--line); font-size: .86rem; color: var(--ink-soft); }
.wnav-legend .wnav-lock { margin: .15em 0 0; }
@media (prefers-color-scheme: dark) {
  :root:not(.force-light) .wnav-lock { color: #c2b2ec; }
}

/* ---------- Printed: a page, a section, or the whole wiki (on print.css's sheet) ---------- */
.wiki-print-doc .print-sheet { font-size: 1.05rem; }
.doc .vs-prose, .doc .wiki-foot, .doc .wiki-attachments, .doc .wiki-head .wiki-summary { max-width: none; }
.doc-toc { margin: 1rem 0 2rem; padding: 1rem 1.2rem; border: 1px solid var(--line); border-radius: var(--radius); }
.doc-toc h2 { font-size: 1.2rem; margin: 0 0 .5rem; }
.doc-toc ol { margin: 0; }
.doc-toc ol ol { margin: .2rem 0 .5rem; }
.doc-section-title { font-size: 1.7rem; margin-top: 2rem; padding-bottom: .3rem; border-bottom: 1px solid var(--line-strong); }
.doc-page { padding-top: 1.2rem; margin-top: 1.4rem; border-top: 1px solid var(--line); }
.doc-page .wiki-head { margin-bottom: 1rem; }
.doc-page h2.wiki-title { font-size: 1.6rem; }
.doc-page h3.wiki-title { font-size: 1.35rem; }
.doc-printed { margin-top: 1.4rem; }
.wiki-print-doc .wiki-foot { margin-top: 1.4rem; }

@media print {
  .wiki-print-doc .print-sheet { font-size: 11.5pt; }
  .no-print { display: none !important; }
  .doc a { color: #000; }
  .doc .wiki-body a[href^="http"]::after { content: " (" attr(href) ")"; font-size: .85em; overflow-wrap: anywhere; }
  .wiki-video-play { box-shadow: none; border: 1.5px solid #000; }
  .wiki-video figcaption { display: none; }
  .wiki-video-play::after { content: " " attr(href); font-size: .85em; }
  .wiki-tile, .wiki-callout-tip, .wiki-callout-important, .callout, .pill { -webkit-print-color-adjust: exact; print-color-adjust: exact; }
  .wiki-callout, .wiki-table, figure, .wiki-att-list li, .faq-item { break-inside: avoid; }
  .wiki-head, h1, h2, h3, h4 { break-after: avoid; }
  .wiki-print-all .doc-section + .doc-section { break-before: page; }
  .wiki-print-all .doc-toc, .wiki-print-section .doc-toc { break-after: page; }
  /* The Read More fold prints open (the script opens it for the browser's own printing), without its button. */
  .wiki-fold[open] > .wiki-fold-summary { display: none; }
  .wiki-fold-body { margin-top: 0; }
  .pill-vo { border-color: #000; color: #000; }
  /* A question set prints open, every answer under its question. */
  .doc details.faq-item > .faq-answer { display: block; }
  .doc .faq-item summary::after { content: none; }
  /* The public site's own pages, printed with the browser (not the print view): only the page. */
  .voice-site .wnav, .voice-site .wiki-toc, .voice-site .vs-pagebar { display: none !important; }
  /* The site's name, address, and message line at the foot of every sheet come from routes/print_style.php. */
}

/* The open page's headings under it in the menu: a short list set off by the brand's line, so the reader
   sees where they are and can move within the page. The article's own "On This Page" box is then left for narrower
   screens, where the menu sits behind the Menu button. */
.wnav-toc { list-style: none; margin: .2rem 0 .5rem .95rem; padding: .35rem 0 .35rem .8rem; border-left: 2px solid var(--brand); background: color-mix(in srgb, var(--brand-tint) 55%, transparent); border-radius: 0 var(--radius-sm) var(--radius-sm) 0; }
.wnav-toc li + li { margin-top: 0; }
.wnav-toc a { display: block; padding: .3em .6em; font-size: .9rem; line-height: 1.3; color: var(--ink); text-decoration: none; border-radius: var(--radius-sm); }
.wnav-toc a:hover { background: var(--card); text-decoration: underline; text-underline-offset: .2em; }
:root.a11y-contrast .wnav-toc { background: none; border-left-color: var(--ink); }
@media (min-width: 1024px) { .vs-has-side .wiki-toc { display: none; } }