/* Creator workspace: red actions, rounded controls, clear evidence. */
:root { --paper:#f7f7f5; --paper-2:#edeeeb; --paper-3:#dfe1dd; --ink:#242421; --ink-2:#4c514f; --muted:#606663; --hair:#e1e5e1; --cream:#fffaf6; --slab:#242421; --slab-2:#343530; --red:#c51f27; --brand:#d9272e; --brand-hover:#b61b22; --brand-soft:#f4f4f2; --r-sm:8px; --r-md:12px; --r-lg:16px; }
html { scroll-behavior:auto; }
body { background:var(--paper); font-size:13px; }
h1,h2,h3 { font-family:var(--sans); font-weight:700; letter-spacing:-.025em; }
button { -webkit-tap-highlight-color:transparent; }
button:disabled { opacity:.35; cursor:default; }
.top { height:66px; min-height:66px; padding:0 24px; background:white; border-bottom:1px solid var(--hair); position:relative; z-index:30; flex:none; gap:24px; }
.wordmark { display:flex; align-items:center; gap:9px; font:700 18px var(--sans); letter-spacing:-.65px; text-decoration:none; white-space:nowrap; }
.brand-icon { display:block; width:34px; height:36px; flex:none; }
.wordmark-light { font-weight:450; }
.top nav { display:flex; gap:14px; align-items:center; }
.btn { background:var(--brand); color:white; border:1px solid var(--brand); box-shadow:none; border-radius:999px; font-size:12px; font-weight:600; padding:10px 18px; gap:10px; }
.btn:hover { background:var(--brand-hover); border-color:var(--brand-hover); box-shadow:none; }
.btn.secondary { background:transparent; color:var(--ink); border-color:#cdcec6; }
.btn.secondary:hover { background:var(--paper-2); border-color:var(--ink); }
.btn.ghost { background:transparent; color:var(--muted); border-color:transparent; }
.btn.sm { font-size:11px; padding:7px 13px; }
.full-width { width:100%; justify-content:space-between; }
.eyebrow { font:600 9px/1.5 var(--sans); letter-spacing:.13em; color:var(--muted); }
.round-button { width:27px; height:27px; display:inline-grid; place-items:center; border:1px solid var(--hair); border-radius:8px; background:white; font-size:14px; cursor:pointer; }
.round-button:hover:not(:disabled) { background:var(--paper-2); border-color:#c3c4bb; }
.workspace-journey { margin-left:36px; }
.workspace-journey button { border:0; padding:7px 11px; border-radius:999px; background:transparent; font-size:11px; color:var(--muted); cursor:pointer; display:flex; align-items:center; gap:7px; }
.workspace-journey button span { border-radius:50%; background:var(--paper-2); width:19px; height:19px; display:grid; place-items:center; font-size:9px; }
.workspace-journey .journey-current { background:var(--brand-soft); color:var(--ink); }
.workspace-journey .journey-current span { background:var(--brand); color:white; }
.journey-arrow { color:#b4b5ab; font-size:18px; }
body:not(.has-case) .workspace-journey { display:none; }
.demo-menu { position:relative; }
.demo-menu>summary { cursor:pointer; list-style:none; font-size:11px; padding:8px 0; }
.demo-menu>summary::-webkit-details-marker { display:none; }
.demo-menu>summary span { margin-left:7px; }
.demo-options { position:absolute; right:0; top:38px; background:white; padding:6px; border:1px solid var(--hair); border-radius:12px; width:230px; box-shadow:0 8px 30px #24242110; }
.demo-options button { display:block; border:0; border-radius:8px; padding:12px; width:100%; text-align:left; background:white; cursor:pointer; font-size:13px; }
.demo-options button:hover { background:var(--paper); }
.demo-options small { display:block; margin-top:4px; color:var(--muted); font-size:11px; }
#busy { position:fixed; top:76px; left:50%; transform:translateX(-50%); z-index:100; background:var(--ink); color:white; border-radius:999px; padding:10px 20px; font-size:12px; box-shadow:0 8px 30px #0002; }
.home { max-width:620px; width:calc(100% - 40px); margin:auto; padding:76px 0 54px; text-align:center; }
.home-intro h1 { font-size:clamp(40px,5.3vw,68px); line-height:1.05; margin:22px 0 19px; letter-spacing:-.045em; }
.home-intro>p { font-size:14px; line-height:1.7; max-width:46ch; margin:0 auto; color:var(--muted); }
.home-upload { display:flex; align-items:center; flex-direction:column; justify-content:center; gap:22px; margin-top:32px; padding:36px 20px; border:1px dashed #b8bcb8; border-radius:28px; background:white; cursor:pointer; transition:border-color .15s,background .15s; }
.home-upload:hover,.home-upload.over { border-color:var(--red); background:#f0f1ef; }
.home-upload:focus-within { outline:2px solid var(--ink); outline-offset:4px; }
.upload-icon { display:grid; place-items:center; width:48px; height:48px; background:white; border:1px solid #e1e5e1; border-radius:50%; font-size:26px; }
.home-upload .btn { padding:12px 24px; font-size:13px; pointer-events:none; }
.upload-hint { color:var(--muted); font-size:11px; }
.home-demos { margin:20px 0 28px; display:flex; justify-content:center; align-items:center; flex-wrap:wrap; gap:14px; font-size:11px; }
.home-demos>span { color:var(--muted); }
.home-demos button { background:transparent; border:0; padding:0; font-size:11px; cursor:pointer; text-decoration:underline; text-decoration-color:#bdbeb6; text-underline-offset:4px; }
.home-promise { color:var(--muted); font-size:12px; line-height:1.7; }
.work { display:none; }
.has-case .home { display:none; }
.has-case { height:100dvh; min-height:0; overflow:hidden; }
.has-case .work { display:grid; grid-template-columns:264px minmax(0,1fr) 400px; gap:0; align-items:stretch; flex:1; min-height:0; padding:0; }
.case-sidebar { background:var(--paper); border-right:1px solid var(--hair); min-height:0; padding:22px 16px 16px; display:flex; flex-direction:column; overflow:hidden; }
.sidebar-heading { flex:none; display:flex; align-items:center; justify-content:space-between; gap:8px; padding:0 5px; margin-bottom:12px; }
.sidebar-heading .round-button { border:0; background:transparent; }
.documents-label { margin:20px 0 10px; padding:16px 8px 0; border-top:1px solid var(--hair); }
.case-sidebar .eyebrow { font-size:11px; letter-spacing:.09em; color:var(--ink-2); }
.case-sidebar .count { font-size:11px; }
.count { font:10px monospace; color:var(--muted); }
.document-list { display:flex; flex-direction:column; gap:5px; flex:1; min-height:0; overflow:auto; }
.document-item { flex:none; width:100%; display:grid; grid-template-columns:22px minmax(0,1fr) 15px; align-items:start; gap:7px; border:1px solid transparent; border-radius:10px; background:transparent; padding:10px 10px; text-align:left; cursor:pointer; }
.document-item:hover { background:var(--paper); }
.document-item[aria-pressed=true] { background:white; border-color:#cdd3ce; }
.document-item[aria-pressed=true] .document-symbol { color:var(--red); }
.document-symbol { color:#7a7c71; padding-top:2px; }
.document-symbol svg { width:18px; height:18px; }
.document-item b { font-size:13px; font-weight:600; display:block; line-height:1.45; }
.document-item small { color:var(--muted); font-size:10px; display:block; margin-top:2px; }
.doc-index { font:9px monospace; color:#797b70; padding-top:2px; }
.sidebar-bottom { flex:none; margin-top:auto; padding-top:16px; display:flex; flex-direction:column; gap:10px; }
.sidebar-bottom .btn { font-size:12px; padding:9px 12px; justify-content:center; }
.sidebar-settings { border:0; background:transparent; color:var(--muted); cursor:pointer; padding:7px; font-size:12px; }
.email-demo { display:flex; justify-content:space-between; gap:6px; border:0; border-radius:9px; background:var(--brand-soft); color:var(--ink); font-size:10px; padding:11px 9px; cursor:pointer; text-align:left; }
.email-demo:hover { background:#e8eae7; }
.source-workspace { display:flex; flex-direction:column; min-width:0; min-height:0; background:#eff1ef; }
.document-toolbar { height:51px; min-height:51px; padding:0 25px; display:flex; align-items:center; justify-content:space-between; gap:12px; color:var(--muted); font-size:11px; }
.document-toolbar>span { flex:1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.document-toolbar>span svg { margin-right:6px; }
.highlight-key { position:relative; flex:none; }
.highlight-key>summary { cursor:pointer; font-size:10px; }
.highlight-key>div { position:absolute; right:0; top:26px; width:245px; background:white; border:1px solid var(--hair); border-radius:10px; padding:12px; z-index:10; box-shadow:0 10px 30px #2424210d; display:flex; flex-direction:column; gap:9px; }
.tag-licence { --tag-bg:#e5f0e8; --tag-ink:#38684b; }
.tag-dates { --tag-bg:#e9edf6; --tag-ink:#4e608f; }
.tag-claimant { --tag-bg:#eee8f3; --tag-ink:#76518c; }
.tag-creator { --tag-bg:#e4eff0; --tag-ink:#396a73; }
.tag-process { --tag-bg:#f6eddc; --tag-ink:#8a651e; }
.tag-conflict { --tag-bg:#f5e4e2; --tag-ink:#9c473f; }
.tag-label { color:var(--tag-ink); display:flex; align-items:center; gap:7px; font-size:10px; }
.tag-label i { width:9px; height:9px; border-radius:3px; background:var(--tag-bg); border:1px solid var(--tag-ink); }
.paper-scroll { overflow:auto; min-height:0; flex:1; padding:0 28px 28px; scroll-behavior:auto; }
.source-paper { background:white; max-width:800px; min-height:100%; margin:0 auto; padding:32px 38px 60px; border:1px solid #e9e8e1; border-radius:3px; box-shadow:0 2px 8px #24242103; }
.paper-heading { display:flex; justify-content:space-between; gap:10px; font:9px var(--sans); color:var(--muted); text-transform:uppercase; letter-spacing:.11em; margin-bottom:30px; }
.source-lines { font:15px/1.9 var(--serif); color:#3b3c37; }
.source-line { display:grid; grid-template-columns:16px minmax(0,1fr); gap:13px; }
.line-number { font:8px/3.5 var(--sans); user-select:none; color:#a3a69b; text-align:right; }
.line-text { white-space:pre-wrap; overflow-wrap:anywhere; }
.document-section .line-text { font-weight:600; color:var(--ink); }
.source-highlight { display:inline; padding:1px 0; border:0; border-bottom:1px solid var(--tag-ink); border-radius:2px; background:var(--tag-bg); color:var(--tag-ink); font:inherit; cursor:pointer; white-space:pre-wrap; overflow-wrap:anywhere; text-align:left; box-decoration-break:clone; }
.source-highlight:hover { box-shadow:0 0 0 2px var(--tag-bg); }
.source-highlight.selected { color:white; background:var(--tag-ink); box-shadow:0 0 0 3px var(--tag-bg); }
.source-bottom { flex:none; padding:14px 25px; display:flex; align-items:center; justify-content:space-between; gap:14px; font-size:9px; color:var(--muted); border-top:1px solid var(--hair); }
.source-info { display:flex; flex-direction:column; gap:5px; min-width:0; }
.col-centre { display:flex; flex-direction:column; min-width:0; min-height:0; overflow:hidden; border-left:1px solid var(--hair); background:var(--paper); padding:0 22px 20px; }
.finding-scroll { flex:1; min-height:0; overflow:auto; padding-bottom:20px; }
.finding-nav { display:flex; align-items:center; justify-content:space-between; gap:10px; min-height:58px; font:12px var(--sans); color:var(--muted); border-bottom:1px solid var(--hair); }
.finding-nav>div { display:flex; gap:5px; }
.finding-nav .round-button { width:32px; height:32px; font-size:15px; border-radius:6px; }
.finding-controls { display:grid; grid-template-columns:minmax(0,1fr) 92px; gap:10px; padding:16px 0 20px; }
.finding-controls select { min-width:0; width:100%; border:1px solid var(--hair); background:var(--paper); border-radius:8px; font-size:12px; min-height:36px; padding:8px 6px; color:var(--ink-2); text-overflow:ellipsis; }
.focused-status { display:flex; align-items:center; justify-content:space-between; gap:8px; }
.chip { font-size:10px; border:0; padding:4px 8px; border-radius:5px; white-space:normal; }
.chip svg { width:10px; height:10px; }
.rule-reference { font:11px monospace; color:var(--muted); }
.focused-finding h2 { font-size:28px; line-height:1.18; margin:19px 0 12px; letter-spacing:-.025em; }
.source-reference { font:11px/1.6 monospace; color:var(--muted); overflow-wrap:anywhere; margin-bottom:15px; }
.selected-quote { width:100%; display:block; background:var(--tag-bg); border:1px solid var(--tag-bg); border-left:3px solid var(--tag-ink); border-radius:12px; padding:16px; color:var(--ink-2); text-align:left; cursor:pointer; }
.selected-quote q { font:16px/1.6 var(--serif); }
.selected-quote>span { display:block; font:11px var(--sans); color:var(--muted); margin-top:10px; }
.selected-quote:hover { background:var(--tag-bg); }
.finding-explanation { font-size:14px; line-height:1.7; margin:18px 0; color:var(--ink-2); }
.evidence-trace { border-top:1px solid var(--hair); padding:15px 0; font-size:13px; }
.evidence-trace>summary { cursor:pointer; font-size:13px; font-weight:600; color:var(--ink-2); }
.evidence-trace>summary span { margin-left:5px; color:var(--muted); font:11px monospace; }
.trace-path { font-size:11px; color:var(--muted); margin:12px 0; }
.trace-fact { display:block; width:100%; text-align:left; border:0; border-top:1px solid var(--hair); background:transparent; padding:10px 0; cursor:pointer; overflow-wrap:anywhere; }
.trace-fact:hover { background:var(--paper); }
.trace-fact span { display:block; font-size:12px; color:var(--muted); }
.trace-fact b { display:block; font-size:13px; font-weight:500; margin:4px 0; }
.trace-fact small { font-size:11px; color:var(--muted); }
.rule-detail { border-radius:8px; padding:12px; background:var(--paper); margin-top:8px; font-size:13px; }
.rule-detail p { margin-top:7px; color:var(--ink-2); line-height:1.65; }
.mapping-detail { margin:10px 0; }
.mapping-detail summary { cursor:pointer; font-size:12px; }
.mapping-detail p { margin:8px 0; font-size:12px; color:var(--muted); }
.quote-integrity { border-top:1px solid var(--hair); padding:15px 0; color:var(--muted); font-size:12px; }
.quote-integrity summary { cursor:pointer; font-size:12px; list-style:none; }
.quote-integrity summary::after { content:'⌄'; float:right; }
.quote-integrity summary svg { width:12px; height:12px; margin-right:4px; }
.quote-integrity p { margin-top:10px; line-height:1.6; overflow-wrap:anywhere; }
.quote-integrity code { display:block; margin-top:10px; font-size:11px; overflow-wrap:anywhere; }
.signal-card { margin:16px 0 0; background:white; border:1px solid #e1e5e1; border-radius:18px; }
.signal-card>summary { display:flex; align-items:center; gap:9px; padding:15px 16px; cursor:pointer; list-style:none; font-size:12px; color:var(--ink-2); }
.signal-card>summary::-webkit-details-marker { display:none; }
.signal-label { display:flex; gap:5px; align-items:center; font-size:10px; letter-spacing:.08em; font-weight:750; color:var(--red); background:white; padding:5px 7px; border-radius:6px; }
.signal-dot { width:4px; height:4px; border-radius:50%; background:var(--red); }
.disclosure-arrow { margin-left:auto; }
.signal-card[open] .disclosure-arrow { transform:rotate(180deg); }
.signal-content { padding:0 16px 16px; }
.col-centre .eyebrow { font-size:11px; color:var(--ink-2); }
.col-centre .chip { font-size:12px; padding:5px 9px; }
.signal-question { color:var(--muted); font-size:12px; line-height:1.5; margin-bottom:10px; }
.signal-content h3 { font-size:18px; margin-bottom:8px; }
.signal-content>p:not(.signal-question) { font-size:13px; color:var(--ink-2); line-height:1.6; }
.text-button { border:0; background:transparent; padding:3px 0; width:100%; display:flex; align-items:center; justify-content:space-between; gap:8px; font-size:12px; color:var(--ink); text-align:left; cursor:pointer; text-decoration:underline; text-underline-offset:3px; text-decoration-color:#c1c3b7; }
.signal-route { padding-top:13px; margin-top:12px; border-top:1px solid #dedfdd; }
.signal-route>p { font-size:13px; line-height:1.6; margin:6px 0; }
.signal-route details { font-size:12px; color:var(--muted); }
.signal-route summary { cursor:pointer; }
.signal-route details p { margin-top:8px; line-height:1.6; }
.signal-rule { display:block; color:var(--muted); font-size:11px; margin-top:13px; line-height:1.5; }
.chain-empty { padding:22px 0; max-width:none; }
.chain-empty h2 { font-size:26px; margin:12px 0; }
.chain-empty p { font-size:12px; color:var(--muted); }
.no-source { padding:14px; background:var(--paper); border-radius:8px; color:var(--muted); font-size:11px; line-height:1.65; margin:12px 0; }
.change-note { background:#eef2e9; border:1px solid #dfe6d7; border-radius:9px; padding:10px; font-size:11px; margin-bottom:16px; }
.change-note summary { cursor:pointer; font-weight:600; }
.change-note p { margin-top:8px; font-size:10px; line-height:1.6; }
#settings-dialog,#report-dialog { background:var(--paper); color:var(--ink); border:1px solid var(--hair); border-radius:20px; padding:28px; width:min(600px,calc(100vw - 32px)); max-height:90dvh; box-shadow:0 24px 100px #24242125; }
#report-dialog { width:min(760px,calc(100vw - 32px)); }
#settings-dialog::backdrop,#report-dialog::backdrop { background:#24242166; backdrop-filter:blur(3px); }
.dialog-top { display:flex; justify-content:space-between; align-items:center; gap:14px; border-bottom:1px solid var(--hair); padding-bottom:20px; margin-bottom:24px; }
.dialog-top h2 { font-size:28px; }
#settings-dialog .panel h2 { font-size:21px; }
.field input[type=text],.field input[type=tel],.field textarea,.dropzone,.seg,.file { background:white; }
#settings-dialog .casedoc { flex-wrap:wrap; }
#report-dialog .rail { padding:0 0 24px; margin-bottom:24px; border-bottom:1px solid var(--hair); }
#report-dialog .rail-track { gap:8px; grid-template-columns:repeat(5,1fr); }
#report-dialog .rail .risk { font-size:10px; }
#report-dialog .rail .name { font-size:11px; }
#report-dialog .rail .here { font-size:9px; }
#report-dialog .rail .chips .chip { font-size:9px; padding:3px 5px; }
#report-dialog .deadlines { flex-wrap:wrap; font-size:10px; }
#report-dialog .deadlines .dl { flex-wrap:wrap; }
#report .slab { box-shadow:none; padding:24px; }
#report .slab h1 { font-size:30px; }
#report .slab .expl { font-size:14px; }
#report .slab .meta { font-size:10px; }
#report .component .lbl { font-size:13px; }
#report .draft { padding:24px; }
#report .draft .head { flex-wrap:wrap; }
#report .draft .body { font-size:15px; }
#report .draft .foot { position:static; padding:0; border:0; color:var(--cream-2); background:transparent; }
#report .draft .cite { white-space:normal; }
#report .section h2 { font-size:24px; }
.foot { position:relative; background:var(--paper); color:var(--muted); border-top:1px solid var(--hair); font-size:9px; padding:9px 24px; line-height:1.4; display:flex; align-items:center; justify-content:space-between; gap:20px; flex:none; z-index:20; }
.footer-about { position:relative; }
.footer-about>summary { cursor:pointer; list-style:none; text-decoration:underline; text-underline-offset:3px; white-space:nowrap; }
.footer-about>div { position:absolute; right:0; bottom:28px; background:white; border:1px solid var(--hair); padding:16px; border-radius:12px; width:min(300px,calc(100vw - 40px)); box-shadow:0 -6px 24px #2424210c; font-size:11px; line-height:1.6; }
.footer-about #foot-meta { display:block; font-size:9px; margin:10px 0; }
.footer-about a { color:var(--ink); font-size:10px; }
.error { font-size:12px; }
.answer-shortcut { flex:none; margin-left:auto; text-align:right; }
.answer-shortcut .btn { min-height:48px; min-width:168px; justify-content:space-between; font-size:14px; padding:12px 16px 12px 20px; background:#dcf5dc; color:#155c31; border:2px solid #237a42; }
.answer-shortcut .btn:hover { background:#c8edcb; border-color:#155c31; }
.answer-shortcut .btn>span { color:inherit; display:grid; place-items:center; width:26px; height:26px; border-radius:50%; background:#ffffff70; }
.answer-shortcut>span { display:block; font-size:10px; margin-top:5px; color:var(--muted); }
.home-intro h1 span { color:var(--red); }
@media(max-width:760px) { .finding-scroll { flex:none; overflow:visible; } }
.answer-heading { margin-bottom:20px; }
.answer-heading h1 { font-size:33px; line-height:1.12; margin:15px 0 12px; max-width:23ch; }
.answer-heading p { font-size:13px; color:var(--ink-2); line-height:1.65; }
.answer-consequence { font-size:11px; line-height:1.65; color:var(--ink-2); border-left:2px solid #c2bcae; padding:2px 12px; margin:0 0 24px; }
.answer-route { margin:28px 0; padding-top:20px; border-top:1px solid var(--hair); }
.answer-route h2 { font:650 19px/1.4 var(--sans); margin:8px 0; }
.answer-route p { font-size:12px; color:var(--ink-2); line-height:1.7; margin-bottom:12px; }
.report-details { border-top:1px solid var(--hair); padding:16px 0; }
.report-details>summary { font-size:12px; cursor:pointer; }
.report-details[open]>summary { margin-bottom:20px; }
.draft-note { font-size:11px; color:var(--muted); margin:18px 0 12px; }
#report-dialog .deadlines { margin-bottom:18px; }
#report-dialog .rail { margin:0; padding:12px 0 0; border:0; }
#report .section { margin-top:0; margin-bottom:24px; }
#report .draft { background:white; color:var(--ink); border:1px solid var(--hair); border-radius:10px; padding:20px; }
#report .draft .hdr,#report .draft .foot { color:var(--muted); }
#report .draft .head { border-bottom-color:var(--hair); }
#report .draft .cite { color:var(--muted); border-color:var(--hair); font-size:10px; }
#report .draft .sentence:hover,#report .draft .sentence:focus-visible { background:var(--paper); }
#report .draft .withheld { color:var(--red); }
#report .draft .body { font:14px/1.8 var(--sans); }
#report .draft .btn { background:var(--brand); color:white; }
@media(min-width:1700px) { .has-case .work { grid-template-columns:284px minmax(0,1fr) 430px; } .source-paper { padding:40px 48px 70px; } .source-lines { font-size:17px; } .col-centre { padding-left:24px; padding-right:24px; }  }
@media(max-width:1100px) { .has-case .work { grid-template-columns:220px minmax(0,1fr) 330px; } .case-sidebar { padding:14px 8px 10px; } .paper-scroll { padding:0 14px 16px; } .source-paper { padding:24px 16px 40px; } .source-lines { font-size:14px; } .document-toolbar { padding:0 16px; } .col-centre { padding:0 14px 14px; } .workspace-journey { margin-left:0; } .top { padding:0 18px; gap:18px; } }
@media(max-width:1100px) { .answer-shortcut .btn { min-width:142px; padding-left:16px; } .source-bottom { padding:12px 16px; } }
@media(max-width:900px) { .workspace-journey { display:none !important; } .has-case .work { grid-template-columns:200px minmax(0,1fr) 300px; } .source-paper { padding:20px 10px 35px; } .source-line { grid-template-columns:10px minmax(0,1fr); gap:7px; } .document-item { grid-template-columns:15px minmax(0,1fr); padding:10px 5px; } .doc-index { display:none; } .paper-heading { font-size:8px; } }
@media(max-width:760px) { .has-case { height:auto; min-height:100dvh; overflow:auto; } .top { height:auto; min-height:64px; padding:12px 16px; gap:10px; flex-wrap:wrap; } .wordmark { font-size:16px; } .top nav { gap:12px; } .top .spacer { flex:1; } .has-case .work { display:flex; flex-direction:column; } .case-sidebar { display:grid; grid-template-columns:1fr; padding:12px 16px; overflow:visible; border-right:0; border-bottom:1px solid var(--hair); } .documents-label { display:none; } .document-list { flex:initial; flex-direction:row; overflow:auto; padding:12px 0 0; } .document-item { flex:none; width:auto; grid-template-columns:16px auto; padding:9px; } .document-item small { display:none; } .sidebar-bottom { flex-direction:row; flex-wrap:wrap; padding-top:12px; margin:0; } .sidebar-bottom .btn { width:auto; font-size:10px; padding:7px 12px; } .email-demo { font-size:10px; padding:8px; } .sidebar-settings { margin-left:auto; } .source-workspace { height:550px; flex:none; } .paper-scroll { height:400px; flex:auto; } .source-paper { padding:24px 18px; } .source-lines { font-size:15px; } .source-bottom { font-size:8px; padding:8px 16px; } .col-centre { padding:0 20px 24px; border-left:0; border-top:1px solid var(--hair); overflow:visible; scroll-margin-top:12px; } .finding-controls { grid-template-columns:minmax(0,1fr) 100px; } .focused-finding h2 { font-size:27px; } .home { padding:50px 0 40px; } .home-intro h1 { font-size:47px; } .home-intro>p { font-size:13px; } .home-upload { padding:30px 16px; gap:20px; } .home-demos { gap:12px; font-size:10px; } .home-demos button { font-size:10px; } .home-promise { font-size:11px; } .foot { padding:10px 16px; gap:12px; font-size:8px; } #settings-dialog,#report-dialog { padding:20px; } .dialog-top { align-items:flex-start; } .dialog-top h2 { font-size:24px; } #settings-dialog .file { grid-template-columns:minmax(0,1fr) auto; } #settings-dialog .file .fname { grid-column:1/-1; } #report-dialog .rail-track { grid-template-columns:1fr; gap:16px; } #report .component { display:block; } #report .component .lbl { margin-top:8px; } #report .route { grid-template-columns:20px 1fr; } #report .route .chip { grid-column:2; } }
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { animation:none !important; transition:none !important; scroll-behavior:auto !important; } }

/* The journey distinguishes recorded events from the step being reviewed. */
.claim-journey { flex:none; margin-top:0; }
.claim-journey .sidebar-heading { margin-bottom:12px; padding:0 8px; }
.claim-journey ol { list-style:none; padding:0; margin:0; }
.journey-node { position:relative; display:flex; gap:11px; padding:7px 10px; border-radius:10px; }
.journey-node:not(:last-child)::after { content:''; position:absolute; top:27px; bottom:-7px; left:19px; border-left:1px solid var(--hair); }
.journey-marker { position:relative; z-index:1; flex:none; width:20px; height:20px; margin-top:1px; border:1.5px solid #a6aca7; border-radius:50%; background:white; display:grid; place-items:center; font-size:9px; }
.journey-node b { display:block; font-size:13px; font-weight:650; }
.journey-node small { display:block; font-size:11px; line-height:1.5; color:var(--muted); }
.journey-node.is-current .journey-marker { border:4px solid var(--ink); }
.journey-node.is-recorded:not(.is-current) .journey-marker { background:var(--ready); border-color:var(--ready); color:white; }
.journey-node.is-reviewing { background:#fff0f0; }
.journey-node.is-reviewing b { color:var(--red); }
.journey-node.is-reviewing .journey-marker { border-color:var(--red); }
.journey-review { display:block; font-size:11px; line-height:1.5; color:var(--red); margin-top:2px; }
.journey-unknown { font-size:10px; color:var(--muted); padding:0 8px 8px; }
.process-details-link { display:flex; align-items:center; gap:8px; margin:8px 0 0 41px; padding:3px 0; background:none; border:0; font:600 12px var(--sans); cursor:pointer; color:var(--ink); }
@media (min-width:761px) and (max-height:780px) { .case-sidebar { overflow:auto; } .document-list { flex:none; overflow:visible; } }
@media (max-width:760px) {
  .claim-journey { margin-top:0; min-width:0; }
  .claim-journey .sidebar-heading { display:flex; padding:0; }
  .claim-journey ol { display:flex; overflow:auto; gap:6px; padding:2px 0; }
  .journey-node { flex:none; width:190px; padding:8px; }
  .journey-node:not(:last-child)::after { display:none; }
  .process-details-link { margin:8px 0 0; }
}

.case-sidebar .document-item small { display:none; }