/* evidencing.app — Evidencing by SysRevAI. Loaded after app.css (whose
   ev-* components draw the answer exactly as SysRevAI does).
   Fonts: Ubuntu (Ubuntu Font Licence) and Libre Baskerville (SIL OFL), self-hosted. */

@font-face { font-family: "Ubuntu"; font-style: normal; font-weight: 500; font-display: swap; src: url("../fonts/Ubuntu-500-latin.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Ubuntu"; font-style: normal; font-weight: 500; font-display: swap; src: url("../fonts/Ubuntu-500-latin-ext.woff2") format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Libre Baskerville"; font-style: normal; font-weight: 700; font-display: swap; src: url("../fonts/LibreBaskerville-700-latin.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Libre Baskerville"; font-style: normal; font-weight: 700; font-display: swap; src: url("../fonts/LibreBaskerville-700-latin-ext.woff2") format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Libre Baskerville"; font-style: italic; font-weight: 400; font-display: swap; src: url("../fonts/LibreBaskerville-400i-latin.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Libre Baskerville"; font-style: italic; font-weight: 400; font-display: swap; src: url("../fonts/LibreBaskerville-400i-latin-ext.woff2") format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }

.evg {
    /* SysRevAI's own palette (app.css tokens): corporate lime, navy, greys. */
    --evg-lime: #c9f24c;            /* --c-primary */
    --evg-lime-d: #a4cf2d;          /* --c-primary-d */
    --evg-ink: #3d6b00;             /* --c-link: lime family, readable on white */
    --evg-navy: #1b2733;            /* --c-text / --c-active-bg */
    --evg-grey: #5b6b7b;            /* --c-muted */
    --evg-line: #dde3e9;            /* --c-border */
    --evg-bg: #f4f6f8;              /* --c-bg */
    --evg-soft: #f2fbd9;            /* a light tint of the lime */
    --evg-display: "Ubuntu", "Trebuchet MS", system-ui, sans-serif;
    --evg-serif: "Libre Baskerville", Georgia, "Times New Roman", serif;
    background: var(--evg-bg);
    color: var(--c-text);
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}
.evg main { flex: 1; }
.evg-wrap { width: 100%; max-width: 1080px; margin: 0 auto; padding-left: max(16px, env(safe-area-inset-left, 0px)); padding-right: max(16px, env(safe-area-inset-right, 0px)); }
.evg-narrow { max-width: 760px; }

/* Logo */
.evg-logo { display: inline-flex; align-items: center; gap: .3em; line-height: 1; color: inherit; }
.evg-logo--sm { font-size: 26px; }
.evg-logo--lg { font-size: 56px; }
.evg-logo__icon { width: 1.35em; height: 1.35em; flex: none; }
.evg-logo__tile { fill: var(--evg-lime); }
.evg-logo__lines, .evg-logo__check { stroke: var(--evg-navy); }
.evg-logo__words { display: grid; gap: .12em; }
.evg-logo__word { font: 500 1em/1 var(--evg-display); color: var(--evg-navy); letter-spacing: -.01em; }
.evg-logo__by { font: 400 .4em/1 var(--evg-serif); color: var(--evg-grey); padding-left: .05em; }
.evg-logo__by i { font-style: italic; }
.evg-logo__by b { font-weight: 700; color: var(--evg-navy); }

/* Header */
.evg-head { background: #fff; border-bottom: 1px solid var(--c-border); position: sticky; top: env(safe-area-inset-top, 0px); z-index: 20; }
.evg-head__row { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding-block: 10px; flex-wrap: wrap; }
.evg-head__brand { text-decoration: none; }
.evg-head__brand:hover { text-decoration: none; }
.evg-head__nav { display: flex; align-items: center; gap: 18px; flex-wrap: wrap; font-size: var(--fs-14); }
.evg-head__nav > a:not(.evg-btn) { color: var(--c-text); text-decoration: none; }
.evg-head__nav > a:not(.evg-btn):hover { color: var(--evg-ink); }
.evg-lang { position: relative; }
.evg-lang summary { list-style: none; cursor: pointer; display: inline-flex; align-items: center; gap: 6px; padding: 6px 8px; border-radius: 8px; color: var(--c-text); font-weight: 600; }
.evg-lang summary::-webkit-details-marker { display: none; }
.evg-lang summary:hover { background: var(--evg-soft); }
.evg-lang ul { position: absolute; right: 0; top: calc(100% + 6px); margin: 0; padding: 6px; list-style: none; background: #fff; border: 1px solid var(--c-border); border-radius: 10px; box-shadow: 0 12px 28px -14px rgba(20, 40, 60, .35); min-width: 160px; z-index: 30; }
.evg-lang li a { display: block; padding: 7px 10px; border-radius: 6px; color: var(--c-text); text-decoration: none; }
.evg-lang li a:hover, .evg-lang li a[aria-current] { background: var(--evg-soft); }

/* Buttons */
.evg-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; border: 0; border-radius: 12px; padding: 12px 20px; font: 700 var(--fs-15, 15px)/1.2 var(--font-sans, system-ui); cursor: pointer; text-decoration: none; white-space: nowrap; }
.evg-btn:hover { text-decoration: none; filter: brightness(.97); }
.evg-btn:focus-visible { outline: 3px solid var(--evg-navy); outline-offset: 2px; }
.evg-btn--navy { background: var(--evg-navy); color: #fff; }
.evg-btn--lime { background: var(--evg-lime); color: var(--evg-navy); }
.evg-btn--ghost { background: transparent; color: var(--evg-navy); border: 1px solid var(--evg-line); }
.evg-btn--sm { padding: 7px 14px; font-size: var(--fs-14); border-radius: 10px; }
.evg-btn[disabled] { opacity: .7; cursor: progress; }

/* Type */
.evg-eyebrow { margin: 0; display: inline-flex; align-items: center; gap: 6px; font-weight: 700; font-size: var(--fs-13); letter-spacing: .08em; text-transform: uppercase; color: var(--evg-ink); }
.evg-h1 { margin: 0; font: 800 clamp(32px, 5vw, 50px)/1.08 var(--font); letter-spacing: -.02em; color: var(--evg-navy); text-wrap: balance; max-width: 860px; }
.evg-h2 { margin: 0 0 14px; font: 800 clamp(26px, 3.4vw, 36px)/1.15 var(--font); letter-spacing: -.01em; color: var(--evg-navy); text-wrap: balance; }
.evg-lead { margin: 0; font-size: clamp(17px, 2vw, 19px); line-height: 1.55; color: var(--c-muted); max-width: 680px; }

/* Hero and question box */
.evg-hero { background: linear-gradient(180deg, #fff 0%, var(--evg-bg) 100%); padding-block: 52px 40px; }
.evg-hero__inner { display: grid; justify-items: center; text-align: center; gap: 16px; }
.evg-ask { width: 100%; max-width: 760px; display: grid; gap: 12px; margin-top: 8px; }
.evg-ask__box { display: flex; gap: 10px; align-items: flex-end; background: #fff; border: 2px solid var(--evg-lime-d); border-radius: 16px; padding: 10px 10px 10px 16px; box-shadow: 0 18px 40px -24px rgba(27, 39, 51, .45); text-align: left; }
.evg-ask__box:focus-within { border-color: var(--evg-navy); box-shadow: 0 0 0 4px var(--evg-soft), 0 18px 40px -24px rgba(27, 39, 51, .45); }
.evg-ask__box textarea { flex: 1; min-width: 0; border: 0; outline: 0; resize: vertical; min-height: 54px; max-height: 220px; font: inherit; font-size: 17px; line-height: 1.45; color: var(--c-text); background: transparent; padding: 6px 0; }
.evg-ask__note { margin: 0; font-size: var(--fs-13); color: var(--c-muted); }
.evg-ask__last { margin: 0; font-size: var(--fs-14); }
.evg-hp { position: absolute; left: -9999px; width: 1px; height: 1px; opacity: 0; }
.evg-chips { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; }
.evg-chip { background: #fff; border: 1px solid var(--c-border); border-radius: 999px; padding: 6px 14px; font: inherit; font-size: var(--fs-14); color: var(--c-text); cursor: pointer; }
.evg-chip:hover { border-color: var(--evg-lime-d); background: var(--evg-soft); color: var(--evg-navy); }
.evg-alert { background: var(--c-alert-warn-bg); border: 1px solid var(--c-alert-warn-bd); color: var(--c-alert-warn-fg); border-radius: 12px; padding: 12px 16px; text-align: left; font-size: var(--fs-15, 15px); }
.evg-alert--soft { background: #fff; border-color: var(--c-border); color: var(--c-text); }
.cf-turnstile { display: flex; justify-content: center; }

/* Sections */
.evg-section { padding-block: 56px; }
.evg-section--alt { background: #fff; border-block: 1px solid var(--c-border); }
.evg-steps { list-style: none; margin: 8px 0 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 16px; counter-reset: evgstep; }
.evg-steps li { counter-increment: evgstep; background: #fff; border: 1px solid var(--c-border); border-radius: 14px; padding: 20px; display: grid; gap: 6px; align-content: start; }
.evg-steps li::before { content: counter(evgstep); width: 34px; height: 34px; border-radius: 50%; background: var(--evg-lime); color: var(--evg-navy); font: 800 16px/34px var(--font); text-align: center; margin-bottom: 4px; }
.evg-steps b { font: 700 18px/1.3 var(--font); color: var(--evg-navy); }
.evg-steps span { color: var(--c-muted); font-size: var(--fs-15, 15px); line-height: 1.5; }
.evg-sources { margin: 18px 0 0; color: var(--c-muted); font-size: var(--fs-14); }
.evg-sources a { color: var(--evg-ink); font-weight: 600; white-space: nowrap; }
.evg-split { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 32px; align-items: center; }
.evg-split__text { display: grid; gap: 12px; min-width: 0; }
.evg-split__text p { margin: 0; color: var(--c-muted); line-height: 1.6; }
.evg-ticks { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.evg-ticks li { position: relative; padding-left: 26px; line-height: 1.45; }
.evg-ticks li::before { content: ""; position: absolute; left: 2px; top: .35em; width: 14px; height: 8px; border: 2.5px solid var(--evg-ink); border-top: 0; border-right: 0; transform: rotate(-45deg); }
.evg-ticks--light li::before { border-color: var(--evg-lime); }
.evg-sample { margin: 0; background: var(--evg-bg); border: 1px solid var(--c-border); border-radius: 16px; padding: 20px; display: grid; gap: 12px; min-width: 0; }
.evg-sample__tag { justify-self: start; font-size: var(--fs-12); font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--c-muted); }
.evg-sample__q { margin: 0; font-weight: 700; font-size: 17px; line-height: 1.35; }
.evg-sample .ev-meter { margin: 0; background: #fff; }
.evg-band { background: var(--evg-navy); color: #e8eef3; border-radius: 20px; padding: 32px; display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 24px 32px; align-items: center; }
.evg-band .evg-h2 { color: #fff; }
.evg-band p { margin: 0; color: var(--c-update-muted); line-height: 1.6; }
.evg-band .evg-btn { justify-self: start; }
.evg-band--compact { margin-top: 18px; }
.evg-faq { border-bottom: 1px solid var(--c-border); padding-block: 14px; }
.evg-faq summary { cursor: pointer; font-weight: 700; font-size: 17px; list-style-position: outside; }
.evg-faq p { margin: 10px 0 0; color: var(--c-muted); line-height: 1.6; }

/* Result */
.evg-result { padding-block: 32px 56px; display: grid; gap: 16px; max-width: 900px; }
.evg-back { margin: 0; font-size: var(--fs-14); }
.evg-back a { color: var(--evg-ink); text-decoration: none; }
.evg-question { margin: 0; font: 800 clamp(24px, 3.6vw, 34px)/1.2 var(--font); letter-spacing: -.01em; color: var(--evg-navy); text-wrap: balance; }
.evg-working { display: flex; gap: 14px; align-items: flex-start; background: #fff; border: 1px solid var(--c-border); border-radius: 14px; padding: 18px; }
.evg-working strong { display: block; font-size: 17px; }
.evg-working p { margin: 4px 0 0; color: var(--c-muted); font-size: var(--fs-14); }
.evg-working .ev-spinner { margin-top: 3px; color: var(--evg-ink); }
.evg-stagelist { list-style: none; margin: 0; padding: 0 0 0 4px; display: grid; gap: 8px; color: var(--c-muted); font-size: var(--fs-14); }
.evg-stagelist li { display: flex; align-items: center; gap: 10px; }
.evg-stagelist li::before { content: ""; width: 10px; height: 10px; border-radius: 50%; border: 2px solid var(--evg-line); flex: none; }
.evg-stagelist li.is-done { color: var(--c-text); }
.evg-stagelist li.is-done::before { background: var(--c-ok); border-color: var(--c-ok); }
.evg-stagelist li.is-now { color: var(--c-text); font-weight: 700; }
.evg-stagelist li.is-now::before { border-color: var(--evg-navy); background: var(--evg-lime); }
.evg-answer { display: grid; gap: 14px; }
.evg-answer .ev-chip { cursor: default; }
.evg-gate { display: grid; border-radius: 14px; overflow: hidden; margin-top: 4px; }
.evg-gate > * { grid-area: 1 / 1; }
.evg-gate__ghost { display: grid; gap: 12px; align-content: start; padding: 18px; filter: blur(5px); opacity: .75; user-select: none; }
.evg-gate__ghost span { display: block; height: 12px; border-radius: 6px; background: var(--evg-line); }
.evg-gate__card { position: relative; z-index: 1; align-self: center; justify-self: center; margin: 28px 12px; max-width: 540px; width: calc(100% - 24px); box-sizing: border-box; background: var(--evg-navy); color: #fff; border-radius: 16px; padding: 24px; display: grid; gap: 14px; text-align: center; justify-items: center; box-shadow: 0 20px 44px -20px rgba(0, 0, 0, .6); }
.evg-gate__title { margin: 0; font: 800 21px/1.3 var(--font); text-wrap: balance; }
.evg-gate__card .evg-ticks { text-align: left; color: #e3eaf0; font-size: var(--fs-15, 15px); }
.evg-gate__note { margin: 0; font-size: var(--fs-13); color: var(--c-update-muted); }
.evg-gate__note a { color: var(--evg-lime); }
.evg-disclaimer { margin: 8px 0 0; font-size: var(--fs-13); color: var(--c-muted); }

/* A browser's first question: the whole answer, as SysRevAI shows it */
.evg-fullnote { display: inline-flex; align-items: center; gap: 8px; margin: 0; padding: 8px 14px; border-radius: 999px; background: var(--evg-soft); border: 1px solid color-mix(in srgb, var(--evg-lime-d) 45%, var(--evg-line)); color: var(--evg-navy); font-size: var(--fs-14); font-weight: 600; }
.evg-full .ev-embed { max-width: none; padding: 0; margin: 0; }
.evg-full .ev-turn { margin-top: 0; }
.evg-keep { margin-top: 8px; }
.evg-keep__actions { display: grid; gap: 10px; justify-items: start; }
.evg-keep__login { color: var(--evg-lime); font-size: var(--fs-14); }

/* Methodology page */
.evg-method { padding-block: 32px 56px; display: grid; gap: 18px; max-width: 860px; }
.evg-method__title { font-size: clamp(30px, 4.4vw, 44px); }
.evg-method__lead { text-align: left; margin: 0; }
.evg-method__toc { margin: 0; padding: 14px 18px 14px 38px; background: #fff; border: 1px solid var(--evg-line); border-radius: 14px; columns: 2; column-gap: 28px; font-size: var(--fs-14); }
.evg-method__toc li { margin: 3px 0; break-inside: avoid; }
.evg-method__toc a { color: var(--evg-ink); }
.evg-method__sec { display: grid; grid-template-columns: 40px 1fr; gap: 14px; padding: 18px 20px; background: #fff; border: 1px solid var(--evg-line); border-radius: 14px; scroll-margin-top: 16px; }
.evg-method__n { width: 34px; height: 34px; border-radius: 50%; background: var(--evg-lime); color: var(--evg-navy); font: 800 16px/34px var(--font); text-align: center; }
.evg-method__h { margin: 4px 0 6px; font: 800 20px/1.25 var(--font); color: var(--evg-navy); }
.evg-method__sec p { margin: 0; color: var(--c-text); line-height: 1.65; }
.evg-method__by { margin-top: 10px !important; font-size: var(--fs-14); }
.evg-method__by a { color: var(--evg-ink); }
@media (max-width: 560px) { .evg-method__toc { columns: 1; } .evg-method__sec { grid-template-columns: 1fr; } }

/* Health audience band */
.evg-aud { background: #fff; border-block: 1px solid var(--evg-line); padding-block: 22px; }
.evg-aud__inner { display: grid; grid-template-columns: minmax(260px, 1fr) 1.4fr; gap: 16px 32px; align-items: center; }
.evg-aud__head { display: flex; gap: 14px; align-items: flex-start; }
.evg-aud__icon { flex: none; width: 46px; height: 46px; border-radius: 12px; background: var(--evg-lime); color: var(--evg-navy); display: grid; place-items: center; }
.evg-aud__title { margin: 0; font: 800 19px/1.25 var(--font); color: var(--evg-navy); }
.evg-aud__lead { margin: 4px 0 0; color: var(--evg-grey); font-size: var(--fs-14); line-height: 1.5; }
.evg-aud__list { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.evg-aud__list li { padding: 6px 12px; border-radius: 999px; background: var(--evg-soft); border: 1px solid color-mix(in srgb, var(--evg-lime-d) 45%, var(--evg-line)); color: var(--evg-navy); font-size: var(--fs-14); font-weight: 600; }
@media (max-width: 760px) { .evg-aud__inner { grid-template-columns: 1fr; } }

/* Footer */
.evg-foot { background: #fff; border-top: 1px solid var(--c-border); padding-block: 28px 20px; margin-top: 24px; }
.evg-foot__row { display: flex; justify-content: space-between; gap: 24px; flex-wrap: wrap; align-items: flex-start; }
.evg-foot__brand { display: grid; gap: 10px; max-width: 420px; }
.evg-foot__brand p { margin: 0; color: var(--c-muted); font-size: var(--fs-14); line-height: 1.5; }
.evg-foot__links { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px 20px; font-size: var(--fs-14); }
.evg-foot__links a { color: var(--c-text); }
.evg-foot__fine { margin-top: 18px; display: grid; gap: 4px; color: var(--c-muted); font-size: var(--fs-12); }
.evg-foot__fine p { margin: 0; }

@media (max-width: 560px) {
    .evg-ask__box { flex-direction: column; align-items: stretch; }
    .evg-ask__box .evg-btn { width: 100%; }
    .evg-head__nav > a:not(.evg-btn) { display: none; }
    .evg-band { padding: 24px; }
    .evg-gate__card { padding: 20px 16px; margin: 16px 0; width: 100%; }
}

.evg-alert__cta { margin-top: 10px; }