/* PS-ASK-PETE-AI-001 - Concept H V2 Recruiter Evidence Companion. */
body.ask-pete-evidence-enabled {
    --ape-field: #c3d3ca;
    --ape-field-deep: #9fb9aa;
    --ape-ivory: #fcfbf7;
    --ape-ink: #102c20;
    --ape-ink-soft: #365247;
    --ape-muted: #63766d;
    --ape-forest: #07513a;
    --ape-forest-hover: #063e2d;
    --ape-gold: #bd7808;
    --ape-cobalt: #1d5db1;
    --ape-line: rgb(18 67 48 / 19%);
    --ape-shadow: 0 1.3rem 3.4rem rgb(25 52 42 / 22%);
    --ape-shadow-deep: 0 1.8rem 4.5rem rgb(23 47 38 / 28%);
    background:
        radial-gradient(circle at 16% 0%, rgb(255 255 255 / 38%), transparent 29rem),
        radial-gradient(circle at 88% 23%, rgb(255 255 255 / 19%), transparent 33rem),
        linear-gradient(135deg, #d6e1da, var(--ape-field) 46%, var(--ape-field-deep));
    color: var(--ape-ink);
}

body.ask-pete-evidence-enabled .site-sky { opacity: 0.08; mix-blend-mode: soft-light; }
body.ask-pete-evidence-enabled .main-content { overflow-x: clip; }
body.ask-pete-evidence-enabled .global-header,
body.ask-pete-evidence-enabled .profile-tabs {
    border-color: rgb(21 65 48 / 13%);
    background: rgb(255 254 249 / 91%);
    box-shadow: 0 0.5rem 1.5rem rgb(29 57 47 / 9%);
}

.ask-pete-evidence-enabled .resume-v2 {
    --r2-ink: var(--ape-ink);
    --r2-muted: var(--ape-muted);
    --r2-indigo: var(--ape-forest);
    --r2-azure: #176a55;
    --r2-cyan: #306e7a;
    --r2-amber: var(--ape-gold);
    --r2-cloud: var(--ape-ivory);
    --r2-line: var(--ape-line);
    --r2-shadow: var(--ape-shadow);
}
.ask-pete-evidence-enabled .profile-tabs__ask-btn--resume { display: none; }

.ask-pete-evidence-enabled .resume-v2 .r2-page-grid {
    width: min(calc(100% - 1rem), 110rem);
    grid-template-columns: clamp(8.5rem, 11vw, 10.5rem) minmax(0, 1fr) clamp(19rem, 23vw, 23.75rem);
    align-items: start;
    gap: clamp(0.75rem, 1.25vw, 1.5rem);
}
.ask-pete-evidence-enabled .resume-v2 .r2-content { grid-column: 2; }
.ask-pete-evidence-enabled .r2-overview-context-rail {
    position: sticky;
    top: 8.4rem;
    align-self: start;
    border: 0;
    background: transparent;
    box-shadow: none;
}
.ask-pete-evidence-enabled .r2-overview-context-rail :is(a, button) {
    border-radius: 0.65rem;
    color: #163c2e;
}
.ask-pete-evidence-enabled .r2-overview-context-rail nav a.is-current,
.ask-pete-evidence-enabled .r2-overview-context-rail :is(a, button):hover {
    background: var(--ape-forest);
    box-shadow: 0 0.65rem 1.3rem rgb(15 73 53 / 25%);
    color: #fff;
}
.ask-pete-evidence-enabled .member-overview,
.ask-pete-evidence-enabled .resume-consolidated .r2-section,
.ask-pete-evidence-enabled .r2-story-transition {
    border-color: rgb(255 255 255 / 76%);
    background: rgb(255 254 250 / 89%);
    box-shadow: var(--ape-shadow);
}
.ask-pete-evidence-enabled .member-overview { overflow: hidden; }
.ask-pete-evidence-enabled .member-overview h1,
.ask-pete-evidence-enabled .resume-consolidated .r2-section-heading h2,
.ask-pete-evidence-enabled .r2-story-transition h2 { color: #123b2b; }
.ask-pete-evidence-enabled .member-overview .overview-button--primary,
.ask-pete-evidence-enabled .r2-button--primary {
    background: linear-gradient(135deg, #0b5b41, #073d2e);
    box-shadow: 0 0.75rem 1.55rem rgb(8 71 51 / 24%);
}
.ask-pete-evidence-enabled .r2-eyebrow,
.ask-pete-evidence-enabled .resume-consolidated .r2-section-heading > span,
.ask-pete-evidence-enabled .r2-section-heading > div > span { color: var(--ape-forest); }
.ask-pete-evidence-enabled .r2-impact__item strong,
.ask-pete-evidence-enabled .r2-exp-card__impacts strong,
.ask-pete-evidence-enabled .r2-exp-key-impact strong { color: var(--ape-gold); }

/* One component, responsive rail and mobile sheet. The panel is a column: the
   scroll region takes what is left after the docked composer, which is how
   the ask box stays on screen under an answer of any height (owner direction,
   Pete, 2026-08-09). */
.ask-pete-evidence-companion {
    position: sticky;
    z-index: 34;
    top: 8.4rem;
    display: flex;
    flex-direction: column;
    max-height: calc(100vh - 9.65rem);
    grid-column: 3;
    grid-row: 1;
    overflow: hidden;
    border: 1px solid rgb(255 255 255 / 92%);
    border-top: 4px solid var(--ape-gold);
    border-radius: 1.05rem;
    background: linear-gradient(145deg, rgb(255 255 252 / 98%), rgb(249 248 243 / 96%));
    box-shadow: var(--ape-shadow-deep);
    color: var(--ape-ink);
}
.ask-pete-evidence-companion__scroll {
    display: grid;
    flex: 1 1 auto;
    min-height: 0;
    align-content: start;
    gap: 1rem;
    overflow: auto;
    overscroll-behavior: contain;
    padding: 1.1rem;
    scrollbar-color: rgb(19 77 56 / 40%) transparent;
}
.ask-pete-evidence-companion__dock {
    display: grid;
    flex: none;
    gap: 0.38rem;
    border-top: 1px solid var(--ape-line);
    background: linear-gradient(180deg, rgb(255 255 252 / 97%), rgb(249 247 241 / 98%));
    box-shadow: 0 -0.45rem 1.1rem rgb(25 52 42 / 8%);
    padding: 0.6rem 1.1rem 0.95rem;
}
.ask-pete-evidence-companion__dock .ask-pete-evidence-composer {
    border-top: 0;
    padding-top: 0;
}
.ask-pete-evidence-companion__header,
.ask-pete-evidence-preview header,
.ask-pete-evidence-preview footer,
.ask-pete-evidence-fold__bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.55rem;
}
.ask-pete-evidence-companion__header { align-items: flex-start; }
.ask-pete-evidence-companion__kicker {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    margin: 0;
    color: var(--ape-forest);
    font-size: 0.7rem;
    font-weight: 850;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}
.ask-pete-evidence-companion__kicker > span { color: var(--ape-cobalt); font-size: 1rem; }
.ask-pete-evidence-companion h2,
.ask-pete-evidence-answer__heading {
    margin: 0.45rem 0 0;
    color: var(--ape-ink);
    font-family: "Newsreader", Georgia, serif;
    font-size: clamp(1.8rem, 2.25vw, 2.5rem);
    font-weight: 600;
    letter-spacing: -0.035em;
    line-height: 0.98;
}
.ask-pete-evidence-companion__close {
    display: none;
    min-width: 2.75rem;
    min-height: 2.75rem;
    align-items: center;
    justify-content: center;
    gap: 0.25rem;
    border: 1px solid var(--ape-line);
    border-radius: 0.68rem;
    background: #fffefb;
    color: var(--ape-ink);
    font: inherit;
    font-size: 0.73rem;
    font-weight: 800;
    cursor: pointer;
}
.ask-pete-evidence-companion__close > span:first-child { font-size: 1.2rem; line-height: 1; }
.ask-pete-evidence-companion__promise {
    margin: 0;
    color: var(--ape-ink-soft);
    font-size: 0.86rem;
    line-height: 1.5;
}
.ask-pete-evidence-companion__starters { display: grid; gap: 0.5rem; margin-top: 0.85rem; }
.ask-pete-evidence-companion__starter {
    display: flex;
    min-height: 2.8rem;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    border: 1px solid rgb(17 73 52 / 16%);
    border-radius: 0.65rem;
    background: rgb(255 255 252 / 78%);
    color: #1f4335;
    font: inherit;
    font-size: 0.78rem;
    font-weight: 760;
    line-height: 1.32;
    padding: 0.62rem 0.7rem;
    text-align: left;
    cursor: pointer;
}
.ask-pete-evidence-companion__starter:hover { border-color: rgb(8 81 58 / 42%); background: #fff; color: var(--ape-forest); }
.ask-pete-evidence-companion__starter--primary {
    border-color: #084c38;
    background: linear-gradient(135deg, #0e6147, #074431);
    box-shadow: 0 0.65rem 1.25rem rgb(8 72 52 / 24%);
    color: #fff;
}
.ask-pete-evidence-companion__starter--primary:hover { background: linear-gradient(135deg, #0b513c, #063524); color: #fff; }

.ask-pete-evidence-preview {
    display: grid;
    gap: 0.55rem;
    margin-top: 0.95rem;
    border: 1px solid rgb(190 120 8 / 29%);
    border-radius: 0.72rem;
    background: linear-gradient(135deg, #fffbf1, #fbf4e7);
    padding: 0.75rem;
}
.ask-pete-evidence-preview header > span:last-child,
.ask-pete-evidence-preview footer > span {
    color: var(--ape-muted);
    font-size: 0.66rem;
    font-weight: 750;
    line-height: 1.35;
}
.ask-pete-evidence-preview > p {
    margin: 0;
    color: #274333;
    font-family: "Newsreader", Georgia, serif;
    font-size: 0.96rem;
    line-height: 1.36;
}
.ask-pete-evidence-preview button,
.ask-pete-evidence-source,
.ask-pete-evidence-show-all,
.ask-pete-evidence-handoff a,
.ask-pete-evidence-fold__toggle {
    display: inline-flex;
    min-width: 2.75rem;
    min-height: 2.75rem;
    align-items: center;
    border: 0;
    background: transparent;
    color: var(--ape-forest);
    font: inherit;
    font-size: 0.72rem;
    font-weight: 820;
    line-height: 1.35;
    padding: 0.28rem 0.16rem;
    text-align: left;
    text-decoration: none;
    cursor: pointer;
}
.ask-pete-evidence-preview button:hover,
.ask-pete-evidence-source:hover,
.ask-pete-evidence-show-all:hover,
.ask-pete-evidence-handoff a:hover,
.ask-pete-evidence-fold__toggle:hover { color: var(--ape-gold); text-decoration: underline; text-underline-offset: 0.18em; }
.ask-pete-support-badge {
    display: inline-flex;
    min-height: 1.35rem;
    align-items: center;
    gap: 0.25rem;
    border: 1px solid currentColor;
    border-radius: 999px;
    font-size: 0.62rem;
    font-weight: 850;
    letter-spacing: 0.05em;
    line-height: 1;
    padding: 0.24rem 0.42rem;
    text-transform: uppercase;
}
.ask-pete-support-badge--supported { color: #0b6545; }
.ask-pete-support-badge--partially-supported { color: #8b5b06; }
.ask-pete-support-badge--not-established,
.ask-pete-support-badge--ambiguous,
.ask-pete-support-badge--refused,
.ask-pete-support-badge--unavailable { color: #31516a; }

.ask-pete-evidence-context {
    display: grid;
    gap: 0.18rem;
    border-left: 3px solid var(--ape-cobalt);
    background: #edf4f7;
    padding: 0.6rem 0.7rem;
}
.ask-pete-evidence-context > span { color: #3d6375; font-size: 0.62rem; font-weight: 850; letter-spacing: 0.1em; text-transform: uppercase; }
.ask-pete-evidence-context strong { color: #173f53; font-size: 0.82rem; }
.ask-pete-evidence-context small { color: #527080; font-size: 0.7rem; }
.ask-pete-evidence-companion__status:empty { display: none; }
.ask-pete-evidence-companion__status {
    margin: 0;
    border-left: 3px solid var(--ape-gold);
    background: #fff8e9;
    color: #5f4a1c;
    font-size: 0.79rem;
    line-height: 1.45;
    padding: 0.62rem 0.72rem;
}
.ask-pete-evidence-companion:is(
    [data-ask-pete-phase="rate_limited"],
    [data-ask-pete-phase="unverifiable"],
    [data-ask-pete-phase="network_error"],
    [data-ask-pete-phase="timeout"],
    [data-ask-pete-phase="unavailable"],
    [data-ask-pete-phase="validation_error"]
) .ask-pete-evidence-companion__status {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}
.ask-pete-evidence-answer { display: grid; gap: 0.9rem; border-top: 1px solid var(--ape-line); padding-top: 1rem; }
.ask-pete-evidence-answer__meta { display: flex; align-items: center; gap: 0.45rem; color: var(--ape-muted); font-size: 0.68rem; font-weight: 760; }
/* Owner-directed adaptation (Pete, 2026-08-08: "there's no way to go back").
   The answer's one inline action, in the same transparent text-button
   treatment the composer meta's Cancel already uses - no new visual language,
   no new token. 2.75rem keeps it at the 44px the flagship compact block below
   requires of "every interactive control". The shared companion focus-visible
   rule already covers it, because it is a <button> inside the companion. */
.ask-pete-evidence-back {
    min-height: 2.75rem;
    flex: 0 0 auto;
    border: 0;
    padding: 0;
    background: transparent;
    color: var(--ape-forest);
    font: inherit;
    font-weight: 820;
    text-align: left;
    cursor: pointer;
}
.ask-pete-evidence-back:hover { color: var(--ape-gold); text-decoration: underline; text-underline-offset: 0.18em; }
.ask-pete-evidence-answer__summary { margin: 0; color: #243f34; font-size: 0.87rem; line-height: 1.52; }
/* Owner direction (Pete, 2026-08-09): boundary content is one quiet sentence
   under the summary, not a boxed card. */
.ask-pete-evidence-answer__boundary { margin: 0; color: var(--ape-muted); font-size: 0.76rem; line-height: 1.48; }
/* The evidence fold: everything below the summary sits behind one line. */
.ask-pete-evidence-fold { display: grid; gap: 0.5rem; border-top: 1px solid var(--ape-line); padding-top: 0.7rem; }
.ask-pete-evidence-fold__bar { flex-wrap: wrap; }
.ask-pete-evidence-fold__label { color: var(--ape-ink-soft); font-size: 0.74rem; font-weight: 800; line-height: 1.35; }
.ask-pete-evidence-fold__toggle { flex: 0 0 auto; }
.ask-pete-evidence-fold__body { display: grid; gap: 0.45rem; }
.ask-pete-evidence-claim { border: 1px solid var(--ape-line); border-radius: 0.72rem; background: rgb(255 255 252 / 68%); }
.ask-pete-evidence-claim--not-established,
.ask-pete-evidence-claim--ambiguous { background: #f4f7f5; }
.ask-pete-evidence-claim__face {
    display: flex;
    width: 100%;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.5rem;
    border: 0;
    border-radius: 0.72rem;
    background: transparent;
    color: inherit;
    font: inherit;
    padding: 0.62rem 0.7rem;
    text-align: left;
}
button.ask-pete-evidence-claim__face { min-height: 2.75rem; cursor: pointer; }
button.ask-pete-evidence-claim__face:hover { background: #f3f7f3; }
.ask-pete-evidence-claim.is-expanded .ask-pete-evidence-claim__face { border-radius: 0.72rem 0.72rem 0 0; }
.ask-pete-evidence-claim__face .ask-pete-support-badge { flex: 0 0 auto; }
.ask-pete-evidence-claim__kind { flex: 0 0 auto; color: var(--ape-muted); font-size: 0.62rem; font-weight: 800; letter-spacing: 0.09em; text-transform: uppercase; }
.ask-pete-evidence-claim__text { margin: 0; color: #203c30; font-size: 0.8rem; line-height: 1.45; }
.ask-pete-evidence-claim__limitation { margin: 0; border-left: 2px solid var(--ape-gold); color: #695c38; font-size: 0.78rem; line-height: 1.45; padding-left: 0.6rem; }
.ask-pete-evidence-claim__detail { display: grid; gap: 0.45rem; border-top: 1px solid rgb(18 67 48 / 12%); padding: 0.55rem 0.7rem 0.65rem; }
.ask-pete-evidence-citation { display: grid; gap: 0.15rem; }
.ask-pete-evidence-citation__excerpt { margin: 0; color: #4c6158; font-family: "Newsreader", Georgia, serif; font-size: 0.82rem; font-style: italic; line-height: 1.38; }
.ask-pete-evidence-citation__title { color: var(--ape-ink-soft); font-size: 0.7rem; font-weight: 790; }
/* Owner direction (Pete, 2026-08-09): one compact entry point to reach Pete —
   the disclosure (or, without the private path, one contact link). No boxed
   card, no heading, no repeated names. */
.ask-pete-evidence-handoff { display: grid; gap: 0.3rem; border-top: 1px solid var(--ape-line); padding-top: 0.6rem; }
.ask-pete-evidence-recovery {
    display: grid;
    gap: 0.6rem;
    border: 1px solid rgb(29 93 177 / 23%);
    border-left: 3px solid var(--ape-cobalt);
    border-radius: 0.72rem;
    background: #f1f6f8;
    padding: 0.78rem;
}
.ask-pete-evidence-recovery h3,
.ask-pete-evidence-recovery p { margin: 0; }
.ask-pete-evidence-recovery h3 { color: #173f53; font-size: 0.85rem; font-weight: 850; }
.ask-pete-evidence-recovery p { color: #365866; font-size: 0.77rem; line-height: 1.45; }
.ask-pete-evidence-recovery__actions { display: flex; flex-wrap: wrap; gap: 0.25rem 0.75rem; }
.ask-pete-evidence-recovery__actions a {
    display: inline-flex;
    min-height: 2.75rem;
    align-items: center;
    color: var(--ape-forest);
    font-size: 0.73rem;
    font-weight: 820;
    text-decoration: none;
}
.ask-pete-evidence-recovery__actions a:hover { color: var(--ape-gold); text-decoration: underline; text-underline-offset: 0.18em; }

.ask-pete-evidence-composer { display: grid; gap: 0.38rem; border-top: 1px solid var(--ape-line); padding-top: 0.9rem; }
.ask-pete-evidence-composer > label { color: var(--ape-ink); font-size: 0.75rem; font-weight: 820; }
.ask-pete-evidence-composer__field { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: stretch; gap: 0.45rem; }
.ask-pete-evidence-composer textarea {
    width: 100%;
    min-height: 3.1rem;
    resize: vertical;
    border: 1px solid rgb(14 74 53 / 28%);
    border-radius: 0.65rem;
    background: #fff;
    color: var(--ape-ink);
    font: inherit;
    font-size: 0.8rem;
    line-height: 1.35;
    padding: 0.65rem;
}
.ask-pete-evidence-composer textarea::placeholder { color: #718077; }
/* Owner direction (Pete, 2026-08-09): bring back the "little color thing" the
   old chatbot input had on focus (its gold border) — restored here as a gold
   border with a soft gold halo and a faint warm fill. */
.ask-pete-evidence-composer textarea {
    transition: border-color 160ms ease, box-shadow 160ms ease, background-color 160ms ease;
}
.ask-pete-evidence-composer textarea:focus {
    border-color: var(--ape-gold);
    background: #fffdf4;
    box-shadow: 0 0 0 0.22rem rgb(189 120 8 / 17%);
}
.ask-pete-evidence-composer [data-ask-pete-submit] {
    min-width: 3.25rem;
    min-height: 3.1rem;
    align-self: stretch;
    border: 1px solid #074432;
    border-radius: 0.65rem;
    background: var(--ape-forest);
    box-shadow: 0 0.55rem 1.05rem rgb(8 73 52 / 20%);
    color: #fff;
    font: inherit;
    font-size: 0.78rem;
    font-weight: 820;
    cursor: pointer;
}
.ask-pete-evidence-composer [data-ask-pete-submit]:hover { background: var(--ape-forest-hover); }
.ask-pete-evidence-composer [data-ask-pete-submit]:disabled { cursor: wait; opacity: 0.65; }
.ask-pete-evidence-composer__meta { display: flex; align-items: center; justify-content: space-between; gap: 0.5rem; color: var(--ape-muted); font-size: 0.64rem; line-height: 1.35; }
.ask-pete-evidence-composer__meta button { min-width: 2.75rem; min-height: 2.75rem; border: 0; background: transparent; color: var(--ape-forest); font: inherit; font-size: 0.7rem; font-weight: 800; cursor: pointer; }

.ask-pete-evidence-enabled :is(.ask-pete-evidence-companion, .r2-content, .r2-overview-context-rail) :is(a, button, textarea):focus-visible,
.ask-pete-evidence-enabled [data-ask-pete-open]:focus-visible { outline: 3px solid #145fc1; outline-offset: 3px; }
/* The composer's keyboard ring goes gold with the rest of its focus
   treatment. Same 3px ring, same offset, and the gold meets the 3:1 non-text
   contrast requirement on the ivory field. */
.ask-pete-evidence-enabled .ask-pete-evidence-composer textarea:focus-visible { outline-color: var(--ape-gold); }
.ask-pete-evidence-highlight {
    outline: 3px solid var(--ape-gold) !important;
    outline-offset: 4px;
    box-shadow: 0 0 0 0.35rem rgb(255 246 224 / 90%), 0 1rem 2rem rgb(105 73 13 / 19%) !important;
}
.ask-pete-evidence-source-selected {
    outline: 2px solid var(--ape-forest) !important;
    outline-offset: 4px;
}
.ask-pete-evidence-pending-source {
    outline: 2px dashed var(--ape-cobalt) !important;
    outline-offset: 3px;
}
.ask-pete-evidence-selected-marker {
    display: inline-flex;
    width: max-content;
    max-width: 100%;
    min-height: 1.5rem;
    align-items: center;
    margin: 0.6rem 0 0;
    border: 1px solid #a46a0a;
    border-radius: 999px;
    background: #fff6df;
    color: #754903;
    font-family: "Inter", ui-sans-serif, system-ui, sans-serif;
    font-size: 0.65rem;
    font-weight: 850;
    letter-spacing: 0.04em;
    line-height: 1;
    padding: 0.25rem 0.45rem;
    text-transform: uppercase;
}

/* The flagship desktop answer is intentionally compact enough to inspect in
   one rail view while keeping every interactive control at least 44px tall. */
@media (min-width: 90.0625rem) and (min-height: 55rem) {
    .ask-pete-evidence-companion.is-answer-first .ask-pete-evidence-companion__scroll {
        gap: 0.4rem;
        padding: 0.55rem 0.82rem;
    }
    .ask-pete-evidence-companion.is-answer-first .ask-pete-evidence-companion__header {
        gap: 0.35rem;
    }
    .ask-pete-evidence-companion.is-answer-first .ask-pete-evidence-companion__kicker {
        font-size: 0.61rem;
    }
    .ask-pete-evidence-companion.is-answer-first .ask-pete-evidence-companion__header h2 {
        margin-top: 0.2rem;
        font-size: 1.32rem;
        line-height: 1;
    }
    .ask-pete-evidence-companion.is-answer-first .ask-pete-evidence-preview {
        display: none;
    }
    /* A completed answer keeps its announcement screen-reader-only so the
       flagship brief fits in one rail. Active requests are different: the
       sighted recruiter needs the same progress explanation that assistive
       technology receives, even when a prior answer remains on screen. */
    .ask-pete-evidence-companion.is-answer-first:not([data-ask-pete-phase="loading"]):not([data-ask-pete-phase="slow"]) .ask-pete-evidence-companion__status {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border: 0;
    }
    .ask-pete-evidence-companion.is-answer-first:is([data-ask-pete-phase="loading"], [data-ask-pete-phase="slow"]) .ask-pete-evidence-companion__status {
        position: static;
        width: auto;
        height: auto;
        margin: 0;
        overflow: visible;
        clip: auto;
        white-space: normal;
        border: 0;
        border-left: 3px solid var(--ape-gold);
        background: #fff8e9;
        color: #5f4a1c;
        font-size: 0.69rem;
        line-height: 1.3;
        padding: 0.38rem 0.52rem;
    }
    .ask-pete-evidence-companion.is-answer-first[data-ask-pete-phase="slow"] .ask-pete-evidence-companion__status {
        border-left-color: var(--ape-cobalt);
        background: #f1f6f8;
        color: #31516a;
    }
    .ask-pete-evidence-companion.is-answer-first:is([data-ask-pete-phase="loading"], [data-ask-pete-phase="slow"]) .ask-pete-evidence-companion__scroll {
        gap: 0.25rem;
        padding-block: 0.45rem;
    }
    .ask-pete-evidence-companion.is-answer-first:is([data-ask-pete-phase="loading"], [data-ask-pete-phase="slow"]) .ask-pete-evidence-companion__header h2 {
        display: none;
    }
    .ask-pete-evidence-companion.is-answer-first .ask-pete-evidence-context {
        gap: 0.12rem;
        padding: 0.42rem 0.56rem;
    }
    .ask-pete-evidence-companion.is-answer-first .ask-pete-evidence-answer {
        gap: 0.42rem;
        padding-top: 0.55rem;
    }
    .ask-pete-evidence-companion.is-answer-first .ask-pete-evidence-answer__heading {
        margin: 0;
        font-size: 1.42rem;
        line-height: 1;
    }
    .ask-pete-evidence-companion.is-answer-first .ask-pete-evidence-answer__meta {
        font-size: 0.61rem;
    }
    .ask-pete-evidence-companion.is-answer-first .ask-pete-evidence-answer__summary {
        font-size: 0.75rem;
        line-height: 1.36;
    }
    .ask-pete-evidence-companion.is-answer-first .ask-pete-evidence-claim__face {
        gap: 0.35rem;
        padding: 0.4rem 0.48rem;
    }
    .ask-pete-evidence-companion.is-answer-first .ask-pete-evidence-claim__detail {
        gap: 0.25rem;
        padding: 0.35rem 0.48rem 0.45rem;
    }
    .ask-pete-evidence-companion.is-answer-first .ask-pete-evidence-claim__kind {
        font-size: 0.55rem;
    }
    .ask-pete-evidence-companion.is-answer-first .ask-pete-evidence-claim__text,
    .ask-pete-evidence-companion.is-answer-first .ask-pete-evidence-claim__limitation {
        font-size: 0.71rem;
        line-height: 1.3;
    }
    .ask-pete-evidence-companion.is-answer-first .ask-pete-evidence-claim__limitation {
        padding-left: 0.4rem;
    }
    .ask-pete-evidence-companion.is-answer-first .ask-pete-evidence-fold {
        gap: 0.3rem;
        padding-top: 0.42rem;
    }
    .ask-pete-evidence-companion.is-answer-first .ask-pete-evidence-fold__label {
        font-size: 0.66rem;
        line-height: 1.25;
    }
    .ask-pete-evidence-companion.is-answer-first .ask-pete-evidence-fold__body { gap: 0.3rem; }
    .ask-pete-evidence-companion.is-answer-first .ask-pete-evidence-show-all {
        flex: 0 0 auto;
        font-size: 0.64rem;
        padding-inline: 0.08rem;
    }
    .ask-pete-evidence-companion.is-answer-first .ask-pete-evidence-handoff {
        gap: 0.2rem;
        padding-top: 0.4rem;
    }
    .ask-pete-evidence-companion.is-answer-first .ask-pete-evidence-companion__dock {
        gap: 0.24rem;
        padding: 0.45rem 0.82rem 0.6rem;
    }
    .ask-pete-evidence-companion.is-answer-first .ask-pete-evidence-composer { gap: 0.24rem; }
    .ask-pete-evidence-companion.is-answer-first .ask-pete-evidence-composer textarea,
    .ask-pete-evidence-companion.is-answer-first .ask-pete-evidence-composer [data-ask-pete-submit] { min-height: 2.75rem; }
    .ask-pete-evidence-companion.is-answer-first .ask-pete-evidence-companion__header h2 {
        font-size: 1.12rem;
    }
    .ask-pete-evidence-companion.is-answer-first .ask-pete-evidence-composer__meta {
        font-size: 0.58rem;
    }
}

/* At laptop and landscape tablet widths, put the existing context links in a
   compact top row so the résumé and Ask panel keep readable side-by-side rooms. */
@media (min-width: 60.01rem) and (max-width: 82rem) {
    .ask-pete-evidence-enabled .resume-v2 .r2-page-grid {
        grid-template-columns: minmax(0, 1fr) clamp(19rem, 30vw, 21rem);
        gap: clamp(0.75rem, 1.4vw, 1.25rem);
    }
    .ask-pete-evidence-enabled .resume-v2[data-public-overview] .r2-overview-context-rail {
        position: sticky;
        top: 6.4rem;
        display: flex;
        width: 100%;
        max-height: none;
        grid-column: 1 / -1;
        grid-row: 1;
        align-items: center;
        gap: 0.65rem;
        overflow-x: auto;
        overflow-y: hidden;
        white-space: nowrap;
        padding: 0.35rem 0.65rem;
    }
    .ask-pete-evidence-enabled .r2-overview-context-rail .overview-context-person,
    .ask-pete-evidence-enabled .r2-overview-context-rail .overview-rail-label,
    .ask-pete-evidence-enabled .r2-overview-style-picker > span { display: none; }
    .ask-pete-evidence-enabled .r2-overview-context-rail nav,
    .ask-pete-evidence-enabled .r2-overview-context-rail .r2-context-actions {
        display: flex;
        flex: 0 0 auto;
        align-items: center;
        gap: 0.2rem;
    }
    .ask-pete-evidence-enabled .resume-v2[data-public-overview] .r2-overview-style-picker {
        display: flex;
        flex: 0 0 auto;
        align-items: center;
        gap: 0.25rem;
        margin: 0;
        border: 0;
        padding: 0;
    }
    .ask-pete-evidence-enabled .resume-v2[data-public-overview] .r2-context-actions {
        margin: 0;
        border: 0;
        padding: 0;
    }
    .ask-pete-evidence-enabled .resume-v2[data-public-overview] .r2-overview-context-rail :is(nav a, .r2-context-actions a, .r2-context-actions button, .r2-overview-style-picker a) {
        min-height: 2.75rem;
        flex: 0 0 auto;
    }
    .ask-pete-evidence-enabled .resume-v2 .r2-content {
        grid-column: 1;
        grid-row: 2;
    }
    .ask-pete-evidence-enabled .ask-pete-evidence-companion {
        top: 10rem;
        /* This row begins below the compact context links, so reserve their
           height as well as the header to keep the docked composer in view. */
        max-height: calc(100dvh - 13rem);
        grid-column: 2;
        grid-row: 2;
    }
}
@media (max-width: 60rem) {
    .ask-pete-evidence-enabled .resume-v2 .r2-page-grid { width: 100%; grid-template-columns: minmax(0, 1fr); }
    .ask-pete-evidence-enabled .r2-overview-context-rail { display: none; }
    .ask-pete-evidence-enabled .ask-pete-evidence-companion {
        position: fixed;
        z-index: 80;
        top: auto;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        max-height: min(74dvh, 43rem);
        border-radius: 1.2rem 1.2rem 0 0;
        transform: translateY(calc(100% + 2rem));
        transition: transform 180ms ease, box-shadow 180ms ease;
        padding-bottom: env(safe-area-inset-bottom);
    }
    .ask-pete-evidence-companion.is-open { transform: translateY(0); }
    .ask-pete-evidence-companion__close { display: inline-flex; }
    .ask-pete-evidence-companion__scroll { padding: 1rem max(1rem, env(safe-area-inset-right)) 1rem max(1rem, env(safe-area-inset-left)); }
    .ask-pete-evidence-companion__dock { padding: 0.6rem max(1.1rem, env(safe-area-inset-right)) 0.95rem max(1.1rem, env(safe-area-inset-left)); }
}
@media (max-width: 60rem) {
    .ask-pete-evidence-enabled .r2-overview-mobile-nav {
        grid-template-columns: minmax(0, 1fr) auto auto auto;
    }
    .ask-pete-evidence-enabled .r2-overview-mobile-ask-pete {
        display: inline-flex;
        min-width: 4.65rem;
        min-height: 3.1rem;
        align-items: center;
        justify-content: center;
        gap: 0.35rem;
        border: 0;
        border-left: 1px solid rgb(10 72 51 / 34%);
        background: var(--ape-forest);
        color: #fffdf6;
        font: inherit;
        font-size: 0.7rem;
        font-weight: 820;
        padding: 0.45rem 0.48rem;
        text-align: center;
        cursor: pointer;
    }
    .ask-pete-evidence-enabled .r2-overview-mobile-ask-pete svg {
        width: 1rem;
        height: 1rem;
        stroke: currentColor;
    }
    .ask-pete-evidence-enabled .r2-overview-mobile-ask-pete:hover { background: var(--ape-forest-hover); }
}
@media (max-width: 31rem) {
    .ask-pete-evidence-companion__header h2,
    .ask-pete-evidence-answer__heading { font-size: 1.72rem; }
    .ask-pete-evidence-composer__field { grid-template-columns: 1fr; }
    .ask-pete-evidence-composer [data-ask-pete-submit] { min-height: 2.8rem; }
    .ask-pete-evidence-companion__close > span:last-child { display: none; }
}
@media (prefers-reduced-motion: reduce) {
    .ask-pete-evidence-companion,
    .ask-pete-evidence-highlight,
    .ask-pete-evidence-enabled * {
        scroll-behavior: auto !important;
        transition-duration: 0.01ms !important;
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
    }
}
@media (forced-colors: active) {
    .ask-pete-evidence-companion,
    .ask-pete-evidence-companion__dock,
    .ask-pete-evidence-preview,
    .ask-pete-evidence-claim,
    .ask-pete-evidence-composer textarea,
    .ask-pete-evidence-composer [data-ask-pete-submit],
    .ask-pete-support-badge,
    .ask-pete-evidence-selected-marker {
        border: 1px solid CanvasText;
        background: Canvas;
        box-shadow: none;
        color: CanvasText;
        forced-color-adjust: auto;
    }
    .ask-pete-evidence-composer [data-ask-pete-submit] { background: Highlight; color: HighlightText; }
    .ask-pete-evidence-highlight { outline: 3px solid Highlight !important; box-shadow: none !important; }
}

/* =========================================================================
   PS-ASK-PETE-DIRECT-001 - the private question form inside the accepted
   handoff card.

   Additive only, and appended after every existing rule so nothing above is
   reordered or overridden by accident. No new visual language: the form
   itself carries .ask-pete-evidence-composer, so its label, field grid,
   textarea, and submit are the accepted composer treatment unchanged, and the
   only rules below are the ones that idiom does not already provide - the
   disclosure, the consent block, the visually-hidden honeypot, and a state
   line. Every colour is an existing token.

   Reduced motion needs no rule here: nothing below animates or transitions,
   and the existing `.ask-pete-evidence-enabled *` reduced-motion block already
   covers these elements. Forced colours DO need one, because the checkbox and
   the disclosure are the two controls the accepted forced-colours block never
   saw; a second block is appended rather than editing the accepted one.
   ========================================================================= */
.ask-pete-direct { display: grid; gap: 0.42rem; margin-top: 0.55rem; }
.ask-pete-direct > summary {
    display: flex;
    align-items: center;
    min-height: 2.75rem;
    color: var(--ape-forest);
    font-size: 0.72rem;
    font-weight: 820;
    cursor: pointer;
}
.ask-pete-direct > summary:hover { color: var(--ape-gold); }
.ask-pete-direct__intro { margin: 0; color: #544a2f; font-size: 0.7rem; line-height: 1.45; }
/* The composer's own top border and padding separate it from an answer. Inside
   the handoff card it is already inside a bordered region, so both are removed
   rather than doubled. */
.ask-pete-direct__form.ask-pete-evidence-composer { border-top: 0; padding-top: 0.35rem; }
.ask-pete-direct__help { color: var(--ape-muted); font-size: 0.64rem; line-height: 1.35; }
.ask-pete-direct__consent {
    margin: 0;
    color: #544a2f;
    font-size: 0.68rem;
    line-height: 1.45;
}
.ask-pete-direct__agree {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: start;
    gap: 0.45rem;
    min-height: 2.75rem;
    color: var(--ape-ink);
    font-size: 0.7rem;
    font-weight: 700;
    line-height: 1.4;
    cursor: pointer;
}
.ask-pete-direct__agree input {
    width: 1.1rem;
    height: 1.1rem;
    margin: 0.15rem 0 0;
    accent-color: var(--ape-forest);
}
/* The accepted focus ring covers a, button, and textarea only (an input was
   not reachable in the companion before this form existed). Same ring, same
   offset - extended to the two controls this form adds. */
.ask-pete-evidence-enabled .ask-pete-direct__agree input:focus-visible,
.ask-pete-evidence-enabled .ask-pete-direct > summary:focus-visible { outline: 3px solid #145fc1; outline-offset: 3px; }
/* Visually hidden, aria-hidden, and out of the tab order: a person never meets
   this field, so anything in it did not come from a person. */
.ask-pete-direct__honeypot {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
}
/* Every state's text says what happened in words. Colour is a second signal,
   never the only one (WCAG 2.2 1.4.1). */
.ask-pete-direct__state { margin: 0; color: var(--ape-ink-soft); font-size: 0.7rem; font-weight: 800; line-height: 1.4; }
.ask-pete-direct__state:empty { display: none; }
.ask-pete-direct__state--sent { color: var(--ape-forest); }
.ask-pete-direct__state--problem { color: var(--ape-gold); }

@media (max-width: 31rem) {
    .ask-pete-direct__agree { font-size: 0.72rem; }
}

@media (forced-colors: active) {
    .ask-pete-direct > summary,
    .ask-pete-direct__agree,
    .ask-pete-direct__state {
        color: CanvasText;
        forced-color-adjust: auto;
    }
    .ask-pete-direct__agree input { forced-color-adjust: auto; }
}