.work-trail { margin: 0 clamp(20px, 4vw, 60px) clamp(34px, 5vw, 64px); color: #172725; font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
.work-trail *, .work-trail *::before, .work-trail *::after { box-sizing: border-box; }
.work-trail-intro { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(240px, .7fr); gap: 0 28px; padding: 22px 0 26px; border-top: 3px solid #172725; }
.work-trail-eyebrow, .work-trail-boundary, .work-trail-record-head, .work-trail-steps small, .work-trail-release, .work-trail-evidence-tab, .work-trail-evidence-stamp { font: 800 .68rem/1.4 ui-monospace, "SFMono-Regular", Menlo, monospace; letter-spacing: .07em; }
.work-trail-intro .work-trail-eyebrow { grid-column: 1 / -1; margin: 0 0 10px; color: #375e4a; }
.work-trail-intro h2 { grid-column: 1; margin: 0; font-size: clamp(2rem, 4vw, 4rem); line-height: 1.02; letter-spacing: -.06em; text-wrap: balance; }
.work-trail-intro > p:not(.work-trail-eyebrow) { grid-column: 2; margin: 0; align-self: end; font-size: .93rem; line-height: 1.5; color: #394d43; }
.work-trail-intro .work-trail-boundary { grid-column: 1 / -1 !important; margin-top: 16px !important; padding-left: 10px; border-left: 3px solid #b87041; color: #674936 !important; }
.work-trail-desk { padding: clamp(16px, 2.3vw, 28px); background: #203b33; color: #fffaf0; }
.work-trail-steps { display: grid; grid-template-columns: minmax(0, 1fr) 28px minmax(0, 1fr); gap: 12px; align-items: center; }
.work-trail-calls { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; min-width: 0; }
.work-trail-steps button { display: flex; min-width: 0; min-height: 112px; gap: 15px; align-items: center; padding: 16px; border: 2px solid #a9bdaf; background: #f8f5e9; color: #172725; text-align: left; font: inherit; cursor: pointer; transition: transform 160ms ease, box-shadow 160ms ease; }
.work-trail-steps button:hover, .work-trail-steps button[aria-pressed="true"] { transform: translateY(-3px); box-shadow: 0 5px 0 #d3a468; }
.work-trail-steps button[aria-pressed="true"] { border-color: #e8a461; background: #fffdf6; }
.work-trail-calls button[aria-pressed="true"] { border-color: #e8a461; background: #fff8df; }
.work-trail-calls button[data-work-trail="picture"][aria-pressed="true"] { border-color: #76ad89; background: #e8f2e8; box-shadow: 0 5px 0 #76ad89; }
.work-trail-step-number { display: grid; width: 43px; height: 43px; flex: none; place-items: center; border-radius: 50%; background: #203b33; color: #fffaf0; font: 800 .8rem/1 ui-monospace, monospace; }
.work-trail-calls button[data-work-trail="picture"] .work-trail-step-number { background: #356b4d; }
.work-trail-steps small, .work-trail-steps strong, .work-trail-steps em { display: block; }
.work-trail-steps small { color: #34614b; }
.work-trail-steps strong { margin-top: 3px; font-size: clamp(1.05rem, 1.8vw, 1.4rem); line-height: 1.18; }
.work-trail-steps em { margin-top: 6px; color: #725035; font-size: .75rem; font-style: normal; font-weight: 700; }
.work-trail-arrow { width: 1em; justify-self: center; font-size: 1.5rem; text-align: center; pointer-events: none; }
.work-trail-hint { margin: 14px 0 0; color: #e3e6d5; font-size: .82rem; line-height: 1.45; }
.work-trail-question { max-width: 680px; margin: 28px 0 14px; color: #fffaf0; font-size: clamp(1rem, 1.5vw, 1.2rem); font-weight: 800; line-height: 1.35; }
.work-trail-steps button:disabled { cursor: default; opacity: .62; }
.work-trail-steps button:disabled:hover { transform: none; box-shadow: none; }
.work-trail-record[hidden] { display: none; }
.work-trail-record { margin-top: 20px; border: 2px solid #d5a968; background: #fffdf6; color: #192b28; scroll-margin-top: 18px; opacity: 1; }
.work-trail-record-head { display: flex; justify-content: space-between; gap: 10px; flex-wrap: wrap; padding: 9px 17px; border-bottom: 1px solid #9eae9c; background: #ebeddd; color: #345943; }
.work-trail-record-body { display: grid; grid-template-columns: minmax(0, 1fr) minmax(280px, .85fr); }
.work-trail-case { min-width: 0; padding: clamp(18px, 2.5vw, 30px); }
.work-trail-case .work-trail-eyebrow { margin: 0 0 7px; color: #437058; }
.work-trail-case h3 { margin: 0; font-size: clamp(1.7rem, 3vw, 2.8rem); line-height: 1.08; letter-spacing: -.05em; }
.work-trail-release { display: inline-block; margin: 14px 0 19px; padding: 6px 8px; border: 1px solid #416a50; color: #315440; overflow-wrap: anywhere; }
.work-trail-verdict { width: fit-content; margin: 0 0 16px; padding: 8px 11px; border: 2px solid #9c4d34; color: #78341f; background: #fff0e4; font-size: .78rem; font-weight: 900; text-transform: uppercase; letter-spacing: .06em; }
.work-trail-call-result { display: flex; gap: 12px; align-items: center; margin: 0 0 16px; padding: 12px; border: 1px solid #b79b77; background: #f8f0dd; }
.work-trail-call-result[hidden] { display: none; }
.work-trail-call-stamp { flex: none; max-width: 120px; padding: 7px; border: 2px solid currentColor; color: #8a462d; font: 900 .68rem/1.25 ui-monospace, monospace; letter-spacing: .04em; text-align: center; transform: rotate(-5deg); }
.work-trail-record[data-call="picture"] .work-trail-call-stamp { color: #286348; transform: rotate(3deg); }
.work-trail-call-result p { margin: 0; font-size: .82rem; font-weight: 750; line-height: 1.45; }
.work-trail-verdict-passed { border-color: #2c6a4b; color: #24553c; background: #e7f2e6; }
.work-trail-corrected { border-color: #8eb89b; }
.work-trail-corrected .work-trail-facts { background: #e6f0e7; }
.work-trail-evidence { position: relative; display: grid; min-height: 170px; place-items: center; overflow: hidden; border: 1px solid #6b7f6d; background: repeating-linear-gradient(0deg, #ede8d8 0 23px, #d8ddcf 24px); }
.work-trail-evidence-tab { position: absolute; top: 10px; left: 11px; padding: 5px 7px; background: #203b33; color: #fffaf0; }
.work-trail-evidence-paper { position: relative; display: block; width: min(68%, 250px); height: 115px; margin-top: 25px; border: 2px solid #45624f; background: #fffdf6; box-shadow: 5px 6px 0 #9da99c; transform: rotate(-2deg); }
.work-trail-evidence-paper i { display: block; width: 65%; height: 7px; margin: 16px 0 0 17px; background: #92a695; }
.work-trail-evidence-paper i:nth-child(2) { width: 47%; }
.work-trail-evidence-paper i:nth-child(3) { width: 55%; }
.work-trail-record[data-record="earlier"] .work-trail-evidence-paper { border-style: dashed; background: #f6f0e5; }
.work-trail-record[data-record="earlier"] .work-trail-evidence-paper i { visibility: hidden; }
.work-trail-evidence-stamp { position: absolute; right: 8px; bottom: 9px; padding: 5px 7px; border: 2px solid currentColor; background: #fffdf6; color: #9c4d34; transform: rotate(-7deg); }
.work-trail-record[data-record="later"] .work-trail-evidence-stamp { color: #2c6a4b; }
.work-trail-reconstruction { margin: 10px 0 0; color: #5c665b; font-size: .75rem; line-height: 1.45; }
.work-trail-reconstruction a { color: #235f44; font-weight: 800; }
.work-trail-facts { display: grid; align-content: center; padding: clamp(18px, 2.5vw, 30px); border-left: 1px solid #afbdac; background: #eaf0e8; }
.work-trail-record[data-record="earlier"] .work-trail-facts { background: #f4ece1; }
.work-trail-facts > div + div { margin-top: 15px; padding-top: 14px; border-top: 1px solid #adbaaa; }
.work-trail-facts h4 { margin: 0 0 5px; color: #315943; font-size: .8rem; }
.work-trail-facts p { margin: 0; font-size: .85rem; line-height: 1.52; overflow-wrap: anywhere; }
.work-trail-actions { display: flex; gap: 8px; flex-wrap: wrap; padding: 14px clamp(18px, 2.5vw, 30px); border-top: 1px solid #afbdac; }
.work-trail-actions a { display: inline-flex; min-height: 44px; align-items: center; padding: 9px 12px; border: 1px solid #315943; color: #315943; font-size: .77rem; font-weight: 800; text-decoration: none; }
.work-trail-actions a:first-child { background: #315943; color: #fffdf6; }
.work-trail-actions a:hover { background: #40765a; color: #fffdf6; }
.work-trail-actions .work-trail-next { display: inline-flex; min-height: 44px; margin-left: auto; padding: 9px 12px; gap: 12px; align-items: center; justify-content: space-between; border: 2px solid #315943; color: #fffdf6; background: #315943; font: 800 .77rem/1.3 Inter, ui-sans-serif, sans-serif; text-align: left; cursor: pointer; }
.work-trail-actions .work-trail-next:hover { background: #40765a; }
.work-trail-actions .work-trail-private-open { display: inline-flex; min-height: 48px; margin-left: auto; padding: 9px 16px; gap: 20px; align-items: center; justify-content: space-between; border: 2px solid #203b33; color: #203b33; background: #f9e9c9; box-shadow: 3px 3px 0 #c28155; font: 800 .8rem/1.3 Inter, ui-sans-serif, sans-serif; text-align: left; cursor: pointer; transition: transform 160ms ease, box-shadow 160ms ease; }
.work-trail-actions .work-trail-private-open:hover { transform: translate(-2px, -2px) rotate(-1deg); box-shadow: 5px 5px 0 #c28155; }
.work-trail-actions .work-trail-private-open[aria-expanded="true"] { background: #fffdf6; }
.work-trail-actions #work-trail-private-open { margin-left: 0; }
.work-trail-desk > .problem-brief-panel[data-brief-source="correction"] { width: 100%; max-width: none; margin: 16px 0 0; }
.work-trail-desk > .problem-brief-panel[data-brief-source="front-check"] { width: 100%; max-width: none; margin: 16px 0 0; color: #202b32; }
.work-trail-actions button:focus-visible { outline: 3px solid #28748a; outline-offset: 3px; }
.problem-brief-panel[data-brief-source="correction"] { animation: none; background: linear-gradient(90deg, transparent 30px, rgb(50 107 135 / 9%) 31px, transparent 32px), repeating-linear-gradient(#fffdf7 0 34px, #e5e8e2 35px); }
.problem-brief-panel[data-brief-source="correction"] .problem-brief-heading,
.problem-brief-panel[data-brief-source="correction"] .problem-brief-layout { width: 100%; }
.problem-brief-panel[data-brief-source="correction"] .problem-brief-layout { grid-template-areas: "form"; gap: 0; }
.problem-brief-panel[data-brief-source="correction"] .problem-brief-heading { margin-bottom: 14px; }
.problem-brief-panel[data-brief-source="correction"] .problem-brief-heading h2 { font-size: clamp(2.2rem, 4vw, 3.6rem); }
.problem-brief-panel[data-brief-source="correction"] .work-shape-desk { padding-top: 0; border-top: 0; }
.problem-brief-panel[data-brief-source="correction"] .work-shape-next-step { grid-template-areas: "proof question" "proof boundary" "proof self-send" "proof finish"; grid-template-columns: minmax(220px, .85fr) minmax(0, 1.15fr); gap: 13px 25px; }
.problem-brief-panel[data-brief-source="correction"] .proof-private-context { grid-area: proof; align-self: start; position: sticky; top: 16px; }
.problem-brief-panel[data-brief-source="correction"] #problem-brief-problem-field { grid-area: question; }
.problem-brief-panel[data-brief-source="correction"] #first-click-brief-boundary { grid-area: boundary; grid-template-columns: 44px minmax(0, 1fr); gap: 10px; padding: 15px 12px; }
.problem-brief-panel[data-brief-source="correction"] #first-click-brief-boundary .first-click-brief-number { width: 38px; height: 38px; }
.problem-brief-panel[data-brief-source="correction"] #first-click-brief-boundary h3 { font-size: 1.15rem; }
.problem-brief-panel[data-brief-source="correction"] #first-click-brief-self-send { grid-area: self-send; }
.problem-brief-panel[data-brief-source="correction"] .problem-brief-finish { grid-area: finish; padding-top: 8px; border-top: 0; }
.problem-brief-panel[data-brief-source="correction"] .problem-brief-finish button { width: 100%; justify-content: space-between; }
.proof-private-context[hidden] { display: none; }
.proof-private-context { min-width: 0; padding: clamp(18px, 2.4vw, 26px); border: 1px solid #56806b; border-left: 5px solid #2d674b; color: #183c30; background: #e8f2e8; box-shadow: 5px 5px 0 #b7d0b8; }
.proof-private-file { display: inline-flex; width: 68px; height: 54px; margin: 0 0 16px; align-items: center; justify-content: center; border: 1px solid #23553f; color: #23553f; background: #fffdf6; box-shadow: 3px 4px 0 #bdd4c0; font: 800 .66rem/1 ui-monospace, monospace; transform: rotate(-3deg); }
.proof-private-file i { padding: 0 4px; color: #a85d3d; font-style: normal; }
.proof-private-context p { margin: 0 0 12px; font-size: .83rem; line-height: 1.5; }
.proof-private-context .proof-private-kicker { color: #23553f; font: 850 .62rem/1.4 ui-monospace, monospace; letter-spacing: .05em; text-transform: uppercase; }
.proof-private-context strong { color: #173e2e; }
.proof-private-context small { display: block; padding-top: 11px; border-top: 1px solid #adcaad; color: #4b6555; font-size: .72rem; line-height: 1.4; }
.work-trail-exits { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1px; margin-top: 1px; background: #b2c3b3; }
.work-trail-exits a { display: flex; min-width: 0; justify-content: space-between; gap: 9px; padding: 14px 16px; background: #e8eee4; color: #234634; text-decoration: none; }
.work-trail-exits strong { font-size: .8rem; }
.work-trail-exits span { font-size: .75rem; text-align: right; }
.work-trail :is(a, button):focus-visible, .work-trail h3:focus-visible { outline: 3px solid #18809a; outline-offset: 3px; }
@media (max-width: 760px) { .work-trail-intro { grid-template-columns: 1fr; } .work-trail-intro h2, .work-trail-intro > p:not(.work-trail-eyebrow) { grid-column: 1; } .work-trail-intro > p:not(.work-trail-eyebrow) { margin-top: 12px; } .work-trail-record-body { grid-template-columns: 1fr; } .work-trail-facts { border-left: 0; border-top: 1px solid #afbdac; } .problem-brief-panel[data-brief-source="correction"] .work-shape-next-step { grid-template-areas: "proof" "question" "boundary" "self-send" "finish"; grid-template-columns: minmax(0, 1fr); gap: 16px; } .problem-brief-panel[data-brief-source="correction"] .proof-private-context { position: static; } }
@media (max-width: 960px) { .work-trail-steps { grid-template-columns: 1fr; gap: 8px; } .work-trail-arrow { transform: rotate(90deg); line-height: 1; } .work-trail-steps button { min-height: 86px; } }
@media (max-width: 640px) { .work-trail { margin: 0 17px 42px; } .work-trail-calls { grid-template-columns: 1fr; } .work-trail-record-head > span:last-child { display: none; } .work-trail-actions, .work-trail-exits { display: grid; grid-template-columns: 1fr; } .work-trail-actions .work-trail-private-open, .work-trail-actions .work-trail-next { width: 100%; margin-left: 0; } }
@media (max-width: 420px) { .work-trail-call-result { align-items: flex-start; flex-direction: column; } }
@media (prefers-reduced-motion: reduce) { .work-trail-steps button, .work-trail-actions .work-trail-private-open { transition: none; } }

.saved-question-experience { display: grid; grid-template-columns: minmax(0, 1fr) minmax(250px, .9fr); gap: 16px 26px; align-items: center; margin: 0 0 24px; padding: clamp(18px, 2.6vw, 30px); border: 1px dashed #d9c79f; background: #f6efde; color: #203b33; }
.saved-question-intro { min-width: 0; }
.saved-question-kicker, .saved-question-choice small, .saved-question-card-tab, .saved-question-finding-head, .saved-question-finding-label { font: 800 .68rem/1.4 ui-monospace, "SFMono-Regular", Menlo, monospace; letter-spacing: .08em; }
.saved-question-kicker { margin: 0 0 8px; color: #6c5439; }
.saved-question-intro h3 { margin: 0; font-size: clamp(1.6rem, 2.6vw, 2.4rem); line-height: 1.08; letter-spacing: -.05em; }
.saved-question-intro > p:last-child { max-width: 38ch; margin: 10px 0 0; font-size: .88rem; line-height: 1.5; }
.saved-question-choice { display: flex; width: 100%; min-width: 0; min-height: 132px; gap: 16px; align-items: center; padding: 17px; border: 2px solid #315943; background: #fffdf6; color: #203b33; box-shadow: 6px 6px 0 #b9c9b4; font: inherit; text-align: left; cursor: pointer; transition: transform 160ms ease, box-shadow 160ms ease; }
.saved-question-choice:hover { transform: translate(-2px, -2px); box-shadow: 8px 8px 0 #b9c9b4; }
.saved-question-choice-icon { display: grid; width: 47px; height: 47px; flex: none; place-items: center; border-radius: 50%; background: #315943; color: #fffdf6; font: 900 1.7rem/1 Georgia, serif; }
.saved-question-choice span:last-child { min-width: 0; }
.saved-question-choice small, .saved-question-choice strong, .saved-question-choice em { display: block; }
.saved-question-choice small { color: #557259; }
.saved-question-choice strong { margin: 5px 0; font-size: clamp(1rem, 1.5vw, 1.25rem); line-height: 1.24; }
.saved-question-choice em { color: #885733; font-size: .78rem; font-style: normal; font-weight: 800; }
.saved-question-card { grid-column: 1 / -1; min-width: 0; border: 2px solid #315943; background: #fffdf6; box-shadow: 7px 7px 0 #c2d0ba; }
.saved-question-card-tab { display: flex; justify-content: space-between; gap: 8px; padding: 9px 14px; background: #dce9d7; color: #315943; }
.saved-question-card-body { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 16px; align-items: end; padding: clamp(17px, 2.5vw, 28px); }
.saved-question-card-main { min-width: 0; }
.saved-question-stamp { display: inline-block; margin: 0 0 12px; padding: 6px 9px; border: 3px double #994a32; color: #994a32; font: 900 .76rem/1 ui-monospace, monospace; letter-spacing: .11em; transform: rotate(-6deg); }
.saved-question-card:not([hidden]) .saved-question-stamp { animation: saved-question-stamp 270ms ease-out both; }
.saved-question-card h4 { max-width: 32ch; margin: 0; font-size: clamp(1.35rem, 2.4vw, 2rem); line-height: 1.12; letter-spacing: -.035em; }
.saved-question-boundary { max-width: 58ch; margin: 12px 0 0; font-size: .89rem; line-height: 1.5; }
.saved-question-save-status { margin: 13px 0 0; color: #587060; font-size: .74rem; line-height: 1.45; }
.saved-question-card-actions { display: flex; min-width: 210px; flex-direction: column; gap: 8px; }
.saved-question-card-actions button { min-height: 44px; padding: 10px 14px; border: 1px solid #315943; color: #315943; background: transparent; font: 800 .82rem/1.3 Inter, ui-sans-serif, sans-serif; text-align: left; cursor: pointer; }
.saved-question-card-actions button:first-child { display: flex; justify-content: space-between; gap: 16px; align-items: center; border: 2px solid #315943; color: #fffdf6; background: #315943; }
.saved-question-card-actions button:hover { background: #e5efe2; }
.saved-question-card-actions button:first-child:hover { background: #416f52; }
.saved-question-finding { margin: 0 18px 18px; border-top: 3px solid #315943; background: #f1f5ed; }
.saved-question-finding-head { display: flex; justify-content: space-between; gap: 8px; padding: 12px 16px; background: #315943; color: #fffdf6; }
.saved-question-findings { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1px; background: #b4c5b4; }
.saved-question-findings > div { min-width: 0; padding: clamp(16px, 2.2vw, 24px); background: #f7f0e5; }
.saved-question-findings > div + div { background: #e7f1e5; }
.saved-question-finding-label { margin: 0 0 10px; color: #865234; }
.saved-question-findings > div + div .saved-question-finding-label { color: #315943; }
.saved-question-findings h5 { margin: 0; font-size: clamp(1.1rem, 1.7vw, 1.4rem); line-height: 1.25; }
.saved-question-findings p:not(.saved-question-finding-label) { margin: 10px 0 14px; font-size: .84rem; line-height: 1.5; }
.saved-question-findings a { color: #245c42; font-size: .8rem; font-weight: 800; overflow-wrap: anywhere; }
.saved-question-finding-note { margin: 0; padding: 12px 16px; border-top: 1px solid #b4c5b4; font-size: .8rem; font-weight: 750; line-height: 1.45; }
.saved-question-experience :is(button, a):focus-visible, .saved-question-finding:focus-visible, .saved-question-card h4:focus-visible { outline: 3px solid #16819b; outline-offset: 3px; }
.saved-question-experience [hidden] { display: none; }
@keyframes saved-question-stamp { from { opacity: .5; transform: rotate(-15deg) scale(1.3); } to { opacity: 1; transform: rotate(-6deg) scale(1); } }
@media (max-width: 760px) { .saved-question-experience, .saved-question-card-body, .saved-question-findings { grid-template-columns: minmax(0, 1fr); } .saved-question-card-actions { min-width: 0; } }
@media (max-width: 420px) { .saved-question-experience { padding: 15px; } .saved-question-choice { min-height: 110px; padding: 12px; gap: 11px; } .saved-question-choice-icon { width: 38px; height: 38px; font-size: 1.3rem; } .saved-question-card-tab span:last-child, .saved-question-finding-head span:last-child { display: none; } .saved-question-finding { margin: 0 12px 12px; } }
@media (prefers-reduced-motion: reduce) { .saved-question-choice { transition: none; } .saved-question-card:not([hidden]) .saved-question-stamp { animation: none; } }

/* One dated exhibit: recorded handoffs lead to a drawn, clearly labelled comparison. */
.parcel-exhibit { display: grid; grid-template-columns: minmax(0, 1fr); gap: 14px; padding: clamp(15px, 2.3vw, 26px); border: 1px solid #8ba899; background: #e7ece3; color: #19352b; scroll-margin-top: 16px; }
.parcel-exhibit > :not(.work-trail-record) { min-width: 0; grid-column: 1 / -1; }
.parcel-exhibit-head { display: flex; align-items: end; justify-content: space-between; gap: 20px; border-bottom: 2px solid #264c3c; padding-bottom: 15px; }
.parcel-exhibit-head > div { min-width: 0; }
.parcel-exhibit-kicker { margin: 0 0 6px; color: #365d49; font: 800 .67rem/1.4 ui-monospace, monospace; letter-spacing: .1em; }
.parcel-exhibit-head h3 { max-width: 18ch; margin: 0; font-size: clamp(1.7rem, 3.3vw, 3.1rem); line-height: 1.05; letter-spacing: -.05em; }
.parcel-exhibit-head > p { max-width: 27ch; margin: 0; font-size: .86rem; line-height: 1.45; }
.parcel-exhibit-roles { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.parcel-exhibit-roles button { display: grid; min-width: 0; min-height: 87px; gap: 2px; align-content: center; padding: 11px 14px; border: 2px solid #557562; background: #fffdf6; color: #254532; font: 800 .7rem/1.2 ui-monospace, monospace; text-align: left; cursor: pointer; transition: transform 160ms ease, box-shadow 160ms ease; }
.parcel-exhibit-roles button:hover, .parcel-exhibit-roles button[aria-pressed="true"] { transform: translateY(-2px); box-shadow: 0 4px 0 #bb8060; }
.parcel-exhibit-roles button[aria-pressed="true"] { border-color: #9b5a3d; background: #fff4dd; }
.parcel-exhibit-roles strong { font: 800 clamp(.96rem, 1.6vw, 1.18rem)/1.2 Inter, ui-sans-serif, sans-serif; }
.parcel-exhibit-roles span { font: 700 .73rem/1.3 Inter, ui-sans-serif, sans-serif; }
.parcel-exhibit-role-detail { min-height: 77px; padding: 13px 17px; border-left: 5px solid #9b5a3d; background: #fff8ea; }
.parcel-exhibit-role-detail strong { display: block; font-size: .9rem; }
.parcel-exhibit-role-detail p { max-width: 72ch; margin: 5px 0 0; font-size: .82rem; line-height: 1.46; }
.parcel-exhibit .work-trail-record { min-width: 0; margin: 0; }
.parcel-exhibit #work-trail-record { grid-row: 4; grid-column: 1; }
.parcel-exhibit #proof-corrected-record { grid-row: 5; grid-column: 1; }
.parcel-exhibit .work-trail-record-body { grid-template-columns: minmax(0, 1fr); }
.parcel-exhibit .work-trail-case { padding: clamp(16px, 2vw, 23px); }
.parcel-exhibit .work-trail-case h3 { font-size: clamp(1.35rem, 2vw, 1.85rem); }
.parcel-exhibit .work-trail-release { margin: 10px 0 12px; }
.parcel-exhibit .work-trail-evidence { min-height: 148px; }
.parcel-exhibit .work-trail-facts { padding: 12px 20px; border: 0; border-top: 1px solid #afbdac; }
.parcel-exhibit .work-trail-facts p { font-size: .79rem; }
.parcel-exhibit .work-trail-actions { padding: 11px 16px; }
.parcel-exhibit .work-trail-actions a, .parcel-exhibit .work-trail-actions button { flex-grow: 1; }
.parcel-exhibit .work-trail-question { grid-row: 6; margin: 3px 0 0; color: #1c3b2e; }
.parcel-exhibit .work-trail-steps { grid-row: 7; }
.parcel-exhibit .work-trail-hint { grid-row: 8; margin: 0; color: #42614d; }
.parcel-exhibit .work-trail-evidence-later { background: repeating-linear-gradient(0deg, #dceade 0 23px, #c7ddc9 24px); }
.parcel-exhibit .work-trail-evidence-later .work-trail-evidence-paper i { visibility: visible; }
.parcel-exhibit .work-trail-evidence-later .work-trail-evidence-stamp { color: #2c6a4b; transform: rotate(4deg); }
.parcel-exhibit[data-comparing="true"] .work-trail-evidence-later .work-trail-evidence-paper { animation: parcel-file-settle 420ms cubic-bezier(.18,.8,.25,1) both; }
.parcel-exhibit[data-comparing="true"] .work-trail-evidence-later .work-trail-evidence-stamp { animation: parcel-stamp-settle 500ms ease-out both; }
@keyframes parcel-file-settle { from { transform: translateY(14px) rotate(-7deg); } to { transform: translateY(0) rotate(-2deg); } }
@keyframes parcel-stamp-settle { from { transform: rotate(13deg) scale(1.14); } to { transform: rotate(4deg) scale(1); } }
.parcel-exhibit .work-trail-record[data-record="earlier"] .work-trail-evidence-paper { background: #fffdf6; }
.parcel-exhibit .work-trail-record[data-record="earlier"] .work-trail-evidence-paper i { visibility: hidden; }
@media (min-width: 1000px) {
  .parcel-exhibit[data-comparing="true"] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .parcel-exhibit[data-comparing="true"] #proof-corrected-record { grid-row: 4; grid-column: 2; }
  .parcel-exhibit[data-comparing="true"] .work-trail-question { grid-row: 5; }
  .parcel-exhibit[data-comparing="true"] .work-trail-steps { grid-row: 6; }
  .parcel-exhibit[data-comparing="true"] .work-trail-hint { grid-row: 7; }
}
@media (max-width: 640px) {
  .parcel-exhibit-head { display: block; }
  .parcel-exhibit-head > p { max-width: none; margin-top: 8px; }
  .parcel-exhibit-roles { grid-template-columns: 1fr; }
  .parcel-exhibit-roles button { min-height: 59px; grid-template-columns: 2ch 1fr; align-items: center; }
  .parcel-exhibit-roles span { grid-column: 2; }
  .parcel-exhibit .work-trail-arrow { display: none; }
}
@media (prefers-reduced-motion: reduce) { .parcel-exhibit-roles button { transition: none; } }
@media (prefers-reduced-motion: reduce) { .parcel-exhibit[data-comparing="true"] .work-trail-evidence-later :is(.work-trail-evidence-paper, .work-trail-evidence-stamp) { animation: none; } }
.work-trail-desk > .saved-question-experience { margin: 24px 0 0; }