:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#17243b;background:#edf2f7;font-size:13px;--navy:#08162d;--blue:#2d6fe2;--line:#dbe3ee;--muted:#6d7c92}*{box-sizing:border-box}body{margin:0;min-width:1180px}button,input{font:inherit}.topbar{height:68px;background:var(--navy);color:#fff;display:flex;align-items:center;padding:0 22px;gap:30px}.brand{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none;width:245px}.brand img:first-child{width:112px;height:31px;object-fit:contain}.brand img:last-child{width:91px;height:29px;object-fit:contain}.brand-divider{width:1px;height:26px;background:#40516b}.language-switcher{display:flex;gap:6px;white-space:nowrap;font-size:11px}.language-switcher a{color:#b8c6da;text-decoration:none}.language-switcher a.active{color:#fff;font-weight:800}.global-nav{display:flex;align-self:stretch;flex:1}.global-nav button{border:0;border-bottom:2px solid transparent;background:none;color:#9cabc1;padding:0 10px;font-size:11px;white-space:nowrap;cursor:pointer}.global-nav button.active{color:#fff;border-bottom-color:#4d8bf3}.header-actions{display:flex;gap:13px;align-items:center}.demo-pill{font-size:11px;letter-spacing:1px;color:#f3c668;border:1px solid #655739;padding:6px 8px;border-radius:10px}.avatar{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#d9e6fa;color:#274670;font-size:11px;font-weight:800}.boundary{height:34px;background:#fff7df;border-bottom:1px solid #e8d69f;display:flex;align-items:center;gap:12px;padding:0 22px;color:#74591e;font-size:11px}.boundary strong{letter-spacing:1px}.boundary-rule{margin-left:auto;font-weight:700}main{height:calc(100vh - 102px);min-height:700px;display:grid;grid-template-columns:270px minmax(650px,1fr) 290px}.queue,.assistant-rail{background:#fff;padding:20px 16px;overflow:auto;border-right:1px solid var(--line)}.panel-title,.workspace-head,.assistant-head,.section-title,.card-head{display:flex;justify-content:space-between;align-items:flex-start}.eyebrow{margin:0 0 6px;color:#74849a;font-size:11px;letter-spacing:1.25px;font-weight:800}h1,h2,h3,p{margin-top:0}h2{font-size:15px;margin-bottom:0}.count{font-size:11px;background:#e8f0fd;color:#2e63af;padding:5px 7px;border-radius:10px}.search{display:flex;border:1px solid var(--line);border-radius:7px;margin:17px 0 12px;padding:9px;color:#8190a4}.search input{border:0;outline:0;width:100%;padding-left:6px;font-size:11px}.case-list{display:grid;gap:7px}.case-card{padding:12px;text-align:left;border:1px solid transparent;border-radius:8px;background:#fff;cursor:pointer;color:inherit}.case-card:hover{background:#f7f9fc}.case-card.active{border-color:#bbcff1;background:#eff5ff;box-shadow:inset 3px 0 var(--blue)}.case-card>span{display:flex;justify-content:space-between}.case-card span b{font-size:11px;color:#596b84}.case-card i{font-size:11px;font-style:normal;color:#34735c}.case-card strong,.case-card small,.case-card em{display:block}.case-card strong{margin:8px 0 4px;font-size:11px}.case-card small{color:var(--muted);font-size:11px;line-height:1.5}.case-card em{margin-top:9px;color:#89651c;font-size:11px;font-style:normal}.scope-card{margin-top:22px;padding:13px;background:#f5f8fc;border:1px solid var(--line);border-radius:8px;font-size:11px;color:#67778e;line-height:1.5}.scope-card span{font-size:11px;letter-spacing:1px;font-weight:800}.scope-card strong{display:block;color:#2c405f;margin:5px 0}.scope-card p{margin:0}.workspace{background:#f6f8fb;overflow:auto}.workspace-head{padding:19px 24px 15px;background:#fff}.workspace-head h1{font-size:20px;margin:0 0 5px}.workspace-head p:last-child{font-size:11px;color:var(--muted);margin:0}.head-controls{display:flex;gap:12px;align-items:center}.view-switcher{background:#eef2f7;border:1px solid var(--line);padding:3px;border-radius:6px}.view-switcher button{border:0;background:none;padding:7px 9px;font-size:11px;color:#607087;border-radius:4px;cursor:pointer}.view-switcher button.active{background:#fff;color:#245fbf;box-shadow:0 1px 3px #15253b1c}.status{font-size:11px;padding:5px 8px;border-radius:10px;background:#fff0c9;color:#805e18}.role-boundary{display:flex;gap:16px;padding:9px 24px;background:#eaf2ff;border-block:1px solid #cadbf4;font-size:11px;color:#526b8d}.role-boundary b{color:#2559a3;letter-spacing:.8px}.artifact-chain{padding:11px 18px;background:#fff;border-bottom:1px solid var(--line)}.chain-title{display:flex;justify-content:space-between;color:#758399;font-size:11px;margin-bottom:8px}.chain-title b{color:#405979;letter-spacing:1px}.chain-flow{display:flex;align-items:center}.chain-flow button{flex:1;min-width:0;text-align:left;padding:7px;border:1px solid #dde4ed;background:#fafbfd;border-radius:6px;cursor:pointer}.chain-flow button.active{border-color:#78a2e7;background:#eef5ff}.chain-flow button i,.chain-flow button b,.chain-flow button small,.chain-flow button span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chain-flow button i{font-size:11px;color:#8391a4;font-style:normal}.chain-flow button b{font-size:11px;margin:3px 0}.chain-flow button small,.chain-flow button span{font-size:11px;color:#708097}.arrow{font-style:normal;color:#9ca8b8;margin:0 2px}.page-content{padding:22px 24px;min-height:460px}.section-title{margin-bottom:14px}.section-title h2{margin:0;font-size:17px}.card{background:#fff;border:1px solid var(--line);border-radius:8px;padding:14px;margin-bottom:12px;min-width:0}.card-head{border-bottom:1px solid #e8edf3;padding-bottom:9px}.card h3{font-size:11px;margin:0}.card-head span{font-size:11px;letter-spacing:.8px;color:#9a701e}.card dl{display:grid;grid-template-columns:1fr 1fr;margin:0}.card dl>div{padding:9px;border-bottom:1px solid #eef2f6;min-width:0}.card dt{font:11px ui-monospace;color:#78879b;text-transform:uppercase;margin-bottom:5px}.card dd{margin:0;color:#293a55;font-size:11px;line-height:1.45;overflow-wrap:anywhere}.card pre{font:11px/1.5 ui-monospace;white-space:pre-wrap;margin:0}.tokens{display:flex;flex-wrap:wrap;gap:4px}.tokens span{background:#edf2f8;padding:3px 5px;border-radius:4px}.two,.three{display:grid;grid-template-columns:1fr 1fr;gap:12px}.three{grid-template-columns:repeat(3,1fr)}.three .card dl{grid-template-columns:1fr}.guardrail,.hard-boundary{display:flex;justify-content:space-between;gap:18px;padding:11px;border:1px solid #ead79e;background:#fff8e5;color:#70571f;border-radius:7px;font-size:11px}.timeline{display:grid;grid-template-columns:repeat(4,1fr);margin:28px 0}.timeline>div{position:relative;padding:15px 8px;border-top:2px solid #cbd7e8}.timeline>div:before{content:"";position:absolute;width:8px;height:8px;background:#7993ba;border-radius:50%;left:8px;top:-5px}.timeline .t0{background:#eaf2ff;border-color:#3475df}.timeline .t0:before{background:#3475df}.timeline i,.timeline b,.timeline span{display:block}.timeline i{font-style:normal;font-size:11px;color:#60738f}.timeline b{font-size:11px;margin:5px 0}.timeline span{font-size:11px;color:#74849a}.recall-grid,.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-bottom:13px}.recall{padding:16px;background:#fff;border:1px solid var(--line);border-radius:8px}.recall.selected{border-color:#78a3e8;box-shadow:inset 0 3px #3474dc}.recall span,.recall b,.recall small{display:block}.recall span{font-size:11px;color:#74839a}.recall b{margin:8px 0;font-size:11px}.recall small{font-size:11px;color:#718097}.hard-boundary{margin-bottom:12px}.hard-boundary code{font-size:11px}.definition,.vault-banner{display:flex;align-items:center;gap:14px;padding:15px;background:#eaf2ff;border:1px solid #c9daf5;border-radius:8px;margin-bottom:13px}.definition>span{display:grid;place-items:center;width:44px;height:44px;background:#235dbd;color:#fff;border-radius:8px;font-weight:900}.definition b,.vault-banner b{font-size:12px}.definition p,.vault-banner p{font-size:11px;color:#5d718f;margin:4px 0 0}.vault-banner{background:#fff7e1;border-color:#e7d49d}.vault-banner>span{font-size:11px;letter-spacing:1px;color:#8f6716}.metrics{grid-template-columns:repeat(3,1fr)}.metric{background:#fff;border:1px solid var(--line);border-radius:8px;padding:16px}.metric span,.metric b,.metric small{display:block}.metric span{font-size:11px;color:#687990}.metric b{font-size:15px;margin:8px 0}.metric small{font-size:11px;color:#9a711f}.workspace footer{display:flex;gap:16px;padding:12px 24px;border-top:1px solid var(--line);font-size:11px;color:#718096}.workspace footer b{color:#385b8d}.workspace footer span:before{content:"✓ ";color:#4e8c6e}.assistant-rail{border-right:0;background:#f4f7fb}.assistant-head{justify-content:flex-start;gap:9px}.spark{display:grid;place-items:center;width:30px;height:30px;border-radius:7px;background:#e8e5ff;color:#6953b7}.assistant-head i{margin-left:auto;font-style:normal;font-size:11px;color:#39755e}.assistant-note{padding:10px;margin:16px 0;background:#eeebff;border:1px solid #d8d1f7;border-radius:7px;color:#594b99;font-size:11px;line-height:1.45}.assistant-note p{margin:4px 0 0}.message{font-size:11px;margin:12px 0}.message>b{font-size:11px;color:#624fa8}.message p{padding:10px;background:#fff;border:1px solid var(--line);border-radius:4px 8px 8px;margin:4px 0;line-height:1.5}.suggestions{display:grid;gap:6px;margin-top:14px}.suggestions button{border:1px solid #cbd7e7;background:#fff;color:#45648e;border-radius:6px;padding:8px;text-align:left;font-size:11px;cursor:pointer}@media(max-width:1250px){main{grid-template-columns:280px minmax(640px,1fr) 320px}.global-nav button{padding:0 6px}.three{grid-template-columns:1fr}.header-actions{display:none}}


/* Desktop readability baseline: shared by English and Chinese routes. */
body { font-size: 13px; line-height: 1.45; }
button, input { line-height: 1.45; }
.topbar { height: 76px; gap: 24px; padding-inline: 24px; }
.brand { flex: 0 0 245px; }
.global-nav { min-width: 0; overflow-x: auto; scrollbar-width: thin; }
.global-nav button { flex: 0 0 auto; font-size: 13px; padding-inline: 10px; }
.header-actions, .language-switcher, .demo-pill, .avatar { font-size: 11px; }
.boundary { min-height: 42px; height: auto; padding: 8px 24px; font-size: 11px; line-height: 1.45; }
main { height: calc(100vh - 118px); min-height: 720px; grid-template-columns: minmax(280px, 20vw) minmax(0, 1fr) minmax(320px, 22vw); }
.queue, .assistant-rail { padding: 24px 20px; }
.panel-title h2, .assistant-head h2 { font-size: 18px; }
.eyebrow, .count, .scope-card span, .assistant-head i, .demo-pill { font-size: 11px; }
.search { margin-block: 20px 14px; padding: 10px; }
.search input, .case-card strong, .case-card small, .case-card em, .scope-card { font-size: 13px; line-height: 1.5; }
.case-card { padding: 15px 14px; }
.case-card span b, .case-card i { font-size: 11px; }
.case-card strong { margin-block: 9px 5px; font-size: 14px; }
.scope-card { padding: 16px; }
.scope-card p { white-space: pre-line; }
.workspace-head { padding: 22px 26px 18px; }
.workspace-head h1 { font-size: 26px; line-height: 1.2; }
.workspace-head p:last-child, .view-switcher button, .status { font-size: 12px; }
.view-switcher button { padding: 8px 10px; }
.role-boundary { padding: 11px 26px; font-size: 12px; line-height: 1.45; }
.artifact-chain { padding: 14px 20px; overflow-x: auto; }
.chain-title { min-width: 1040px; font-size: 11px; margin-bottom: 10px; }
.chain-flow { min-width: 1040px; gap: 2px; }
.chain-flow button { flex: 1 0 94px; padding: 9px 8px; }
.chain-flow button i { font-size: 11px; }
.chain-flow button b { font-size: 13px; margin: 4px 0; }
.chain-flow button small, .chain-flow button span { font-size: 11px; line-height: 1.35; }
.page-content { padding: 26px; }
.section-title h2 { font-size: 24px; line-height: 1.25; }
.card { padding: 20px; margin-bottom: 16px; }
.card-head { padding-bottom: 12px; }
.card h3 { font-size: 17px; line-height: 1.3; }
.card-head span, .card dt { font-size: 11px; line-height: 1.45; }
.card dl > div { padding: 13px 10px; }
.card dd { font-size: 13px; line-height: 1.55; }
.card pre { font-size: 12px; line-height: 1.55; }
.tokens { gap: 6px; }
.tokens span { padding: 5px 7px; }
.guardrail, .hard-boundary { padding: 14px; font-size: 13px; line-height: 1.5; }
.timeline i, .timeline span, .recall span, .recall small { font-size: 11px; line-height: 1.45; }
.timeline b, .recall b { font-size: 13px; }
.definition, .vault-banner { padding: 18px; }
.definition b, .vault-banner b { font-size: 16px; }
.definition p, .vault-banner p { font-size: 13px; line-height: 1.5; }
.vault-banner > span { font-size: 11px; }
.metric { padding: 18px; }
.metric span { font-size: 13px; }
.metric b { font-size: 18px; }
.metric small, .workspace footer { font-size: 11px; line-height: 1.45; }
.assistant-note { padding: 13px; font-size: 13px; line-height: 1.5; }
.message { font-size: 13px; }
.message > b { font-size: 11px; }
.message p { padding: 12px; line-height: 1.55; }
.suggestions button { padding: 10px; font-size: 12px; }

@media (max-width: 1500px) {
  main { grid-template-columns: 280px minmax(0, 1fr) 320px; }
  .topbar { gap: 16px; padding-inline: 18px; }
  .brand { flex-basis: 215px; }
  .global-nav button { padding-inline: 8px; }
  .workspace-head, .page-content { padding-inline: 22px; }
  .two { gap: 10px; }
}

@media (max-width: 1380px) {
  .header-actions { gap: 8px; }
  .demo-pill { display: none; }
  .queue, .assistant-rail { padding-inline: 16px; }
  .page-content { padding: 22px 18px; }
  .two { grid-template-columns: 1fr; }
  .three { grid-template-columns: 1fr; }
}
.official-link{border:1px solid var(--line);background:var(--panel);color:var(--muted);border-radius:7px;padding:7px 9px;text-decoration:none;font:inherit;white-space:nowrap;cursor:pointer}.official-link:hover{color:var(--text);border-color:var(--cyan)}
#provenance-drawer{position:fixed;inset:0 0 0 auto;width:min(620px,92vw);height:100vh;max-height:none;margin:0;border:0;border-left:1px solid var(--line);background:var(--panel);color:var(--text);padding:24px;box-shadow:-20px 0 60px #0008}#provenance-drawer::backdrop{background:#020713aa}.drawer-head{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid var(--line);padding-bottom:16px}.drawer-head button{border:0;background:transparent;color:var(--muted);font-size:30px;cursor:pointer}.provenance-grid{display:grid;gap:12px;margin:20px 0}.provenance-grid div{padding:12px;background:var(--bg);border:1px solid var(--line);border-radius:7px}.provenance-grid dt{color:var(--muted);font-size:11px;text-transform:uppercase}.provenance-grid dd{margin:6px 0 0;overflow-wrap:anywhere;font-family:monospace}.artifact-registry{display:grid;gap:6px;max-height:38vh;overflow:auto}.artifact-registry div{display:grid;grid-template-columns:1fr auto;gap:12px;padding:8px;border-bottom:1px solid var(--line);font-size:11px}.artifact-registry code{overflow-wrap:anywhere}.artifact-registry span{color:var(--cyan)}.snapshot-card pre{max-height:430px;overflow:auto}.frozen-source{color:var(--muted);font:11px monospace;overflow-wrap:anywhere;margin-bottom:12px}
.translation-note{margin:10px 0;padding:8px 10px;border-left:3px solid #c9972b;background:#fff7df;color:#74591e;font-size:12px}.original-fields{margin-top:14px;border-top:1px solid var(--line);padding-top:12px}.original-fields summary{cursor:pointer;color:var(--cyan);font-weight:700;font-size:12px}.original-fields pre{margin-top:10px;max-height:360px;white-space:pre-wrap;overflow-wrap:anywhere}
.card dl>.time-window-field{grid-column:1/-1;padding-inline:0}.time-window-field>dt{padding-inline:10px}.evidence-timeline{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin-top:10px;border:1px solid var(--line);border-radius:8px;overflow:hidden}.evidence-segment{position:relative;min-width:0;padding:14px 10px 12px;border-top:3px solid #7392bc;border-right:1px solid var(--line);background:var(--panel)}.evidence-segment:last-child{border-right:0}.evidence-segment>span{display:grid;place-items:center;width:20px;height:20px;margin-bottom:8px;border-radius:50%;background:#e8eff8;color:#41658f;font-size:11px;font-weight:800}.evidence-segment h4{min-height:34px;margin:0 0 10px;font-size:12px;line-height:1.4}.card .evidence-segment dl{display:block}.card .evidence-segment dl>div{padding:5px 0;border:0}.card .evidence-segment dt{font-size:11px}.card .evidence-segment dd{font:11px/1.4 ui-monospace;overflow-wrap:anywhere}.evidence-segment p{margin:10px 0 0;padding-top:8px;border-top:1px solid var(--line);font-size:11px;line-height:1.45}.evidence-segment p b{display:block;margin-bottom:4px;color:var(--muted);font-size:11px;text-transform:uppercase}.evidence-segment.anchor{border-top-color:var(--cyan);background:#edf6ff}.evidence-segment.anchor>span{background:var(--cyan);color:#fff}.time-window-original{margin:12px 10px 0}
@media(max-width:1250px){.header-actions .official-link{display:none}}
.timeline-note,.integrity-note{margin:10px;padding:9px 11px;border-left:3px solid #7392bc;background:#f4f7fb;color:var(--muted);font-size:12px;line-height:1.55}.integrity-note{margin-top:12px;border-left-color:#aeb9c8}.range-arrow{padding:0 5px;color:var(--muted)}

/* Event timing keeps reported context and Atlas observation visually independent. */
.event-timing{margin:16px 0;padding:16px;border:1px solid #bfd3ef;border-radius:9px;background:#f7faff}.timing-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.timing-head h4{margin:0;font-size:16px}.timing-head>span{padding:5px 9px;border-radius:12px;background:#dff3e9;color:#28674e;font-size:11px;font-weight:800}.timing-help{margin:12px 0;padding:10px 12px;border-left:3px solid #7392bc;background:#fff;color:#596b84;font-size:12px;line-height:1.55}.card .event-timing>dl{display:grid;grid-template-columns:1fr;gap:8px}.card .event-timing>dl>div{display:grid;grid-template-columns:190px 1fr;align-items:start;padding:11px 12px;border:1px solid #dce5f0;border-radius:7px;background:#fff}.event-timing dd{font-family:ui-monospace}.event-timing .time-track{border-left:4px solid #647fa8}.event-timing .time-track.atlas{border-left-color:#2d8ca8}.event-timing .retrieval-row{border-left:4px solid #9aa9bb}.event-timing .relation-row{border-left:4px solid #c9972b;background:#fffaf0}.event-timing .relation-row dd{font-family:inherit}.relation-row b,.relation-row span,.t0-row small{display:block}.relation-row span,.t0-row small{margin-top:4px;color:#6d7c92}.event-timing .t0-row{border-left:4px solid #2d6fe2}.event-timing .ref-created-row{border-left:4px solid #8b70bd}.event-timing .ref-created-row dt:after{content:' · metadata';text-transform:none;color:#8b70bd}
