/* Observe: contextual meaning paired with an inspectable interaction trace. */
.ob-heading{align-items:center}.ob-heading p{font-size:11px;line-height:1.7;margin:9px 0 0;color:#8290a3}.ob-example-label{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;font-size:9px;color:#6a7c91;border:1px solid #e2e8f0;border-radius:5px;padding:7px 9px}.ob-example-label i{width:5px;height:5px;border-radius:50%;background:#8091ab}
.ob-session{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 27px 16px}.ob-session-case,.ob-session-owner{display:flex;align-items:center;gap:12px}.ob-session strong{display:block;font-size:12px;font-weight:600}.ob-session span:not(.po-letter-avatar):not(.po-face){display:block;font-size:9px;color:#8895a7;margin-top:5px}.ob-session-owner strong{font-size:10px;font-weight:500}.ob-session-owner .po-face{width:28px;height:28px}.ob-case-context{margin:0 27px 22px;display:flex;align-items:baseline;gap:18px;padding:13px 16px;border:1px solid #e9edf4;border-radius:6px;background:#fbfcfe}.ob-case-context>span{display:flex;gap:6px;align-items:center;flex:none;font-size:7px;letter-spacing:.07em;color:#8697b2;font-weight:600}.ob-case-context .icon{width:12px;height:12px}.ob-case-context p{font-size:11px;line-height:1.7;margin:0;color:#6e7d92}
.ob-milestones{display:grid;grid-template-columns:repeat(4,1fr);margin:0 27px 23px;border:1px solid #e4eaf2;border-radius:8px;overflow:hidden}.ob-milestones>div{padding:15px 18px;border-right:1px solid #e4eaf2}.ob-milestones>div:last-child{border:0}.ob-milestones dt{font-size:8px;color:#8e99a9}.ob-milestones dd{margin:8px 0 0;font-size:17px;font-weight:500;color:#53657e;font-variant-numeric:tabular-nums;letter-spacing:-.4px}.ob-milestones small{display:block;color:#8a98ab;font-size:8px;letter-spacing:0;font-weight:400;margin-top:6px;line-height:1.6}.ob-milestones>div:nth-child(3){background:#f6f8ff}.ob-milestones>div:nth-child(3) dd{color:#5675d3}
.ob-review-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 26px;background:#f7f9fc;border-block:1px solid #e5ebf3}.ob-review-bar>div{display:flex;align-items:center;gap:11px}.ob-review-bar strong{font-size:10px;font-weight:600}.ob-review-bar>div>span{font-size:9px;color:#8593a7}.ob-review-bar .ob-record-dot{width:6px;height:6px;border-radius:50%;background:#8999b4}.ob-legend span{display:flex;align-items:center;gap:6px}.ob-legend i{width:5px;height:5px;background:#839cd6;border-radius:2px}.ob-legend span+span i{background:#b7a4da}
.ob-workspace{display:grid;grid-template-columns:minmax(270px,.83fr) minmax(0,1.65fr)}.ob-meaning-column{padding:24px 19px;background:#fcfcff;border-right:1px solid #e6ebf3;min-width:0}.ob-trace-column{padding:24px;min-width:0}.ob-column-title{display:flex;align-items:flex-start;gap:10px;margin-bottom:21px}.ob-column-title>span{display:grid;place-items:center;flex:none;width:23px;height:23px;border:1px solid #dce4f1;border-radius:5px;font-size:8px;color:#8496b7}.ob-column-title h4{font:600 12px/1.5 var(--font);letter-spacing:-.2px;margin:0;color:#455975}.ob-column-title p{font-size:9px;line-height:1.6;color:#8c99ac;margin:5px 0 0}.ob-meaning-list{display:flex;flex-direction:column;gap:9px}.ob-meaning-card{position:relative;display:block;width:100%;text-align:left;border:1px solid #e4e9f2;background:#fff;padding:17px 14px;border-radius:8px;cursor:pointer;transition:border-color .15s,background .15s,box-shadow .15s;color:#4a5e79}.ob-meaning-card[aria-pressed=true]{border-color:#aebff0;background:#f1f5ff;box-shadow:inset 3px 0 0 #6a87e6}.ob-meaning-card:hover{border-color:#aebff0;background:#f6f8ff}.ob-meaning-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:8px;color:#95a1b6;font-variant-numeric:tabular-nums}.ob-meaning-meta b{font-weight:500;color:#869ac5}.ob-meaning-card strong{display:block;font-size:12px;font-weight:600;line-height:1.55;margin-top:10px}.ob-meaning-card p{font-size:10px;line-height:1.8;color:#8391a5;margin:7px 0 11px}.ob-meaning-evidence{display:block;font-size:8px;color:#7e8fa9;line-height:1.7;padding-top:10px;border-top:1px solid #e1e7f3}.ob-meaning-evidence b{font-weight:600;color:#7186b6}.ob-interpretation-note{display:flex;align-items:flex-start;gap:13px;padding:21px 9px 4px}.ob-interpretation-note .po-supra{width:25px;height:25px;border-radius:8px;margin-top:5px}.ob-interpretation-note p{font-size:9px;line-height:1.8;color:#8d97aa;margin:0}.ob-interpretation-note strong{font-size:10px;font-weight:500;color:#7b7f9c}
.ob-trace-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:13px}.ob-trace-heading strong{font-size:10px;font-weight:500;color:#6a7e9d}.ob-trace-heading>span{font-size:8px;color:#95a1b3;white-space:nowrap}.ob-event-list{list-style:none;padding:0;margin:0 0 17px;border:1px solid #e4eaf3;border-radius:7px;max-height:316px;overflow:auto;scrollbar-width:thin;scrollbar-color:#d1daea #f8faff;overscroll-behavior:contain}.ob-event-list li+li{border-top:1px solid #edf0f5}.ob-event-button{border:0;background:#fff;display:grid;grid-template-columns:68px 1fr 15px;align-items:start;gap:11px;width:100%;padding:13px 13px;text-align:left;cursor:pointer}.ob-event-button:hover{background:#f8faff}.ob-event-button[aria-pressed=true]{background:#f0f5ff}.ob-event-clock{font-size:9px;color:#8c9cb3;line-height:1.6;font-variant-numeric:tabular-nums;font-family:var(--font);padding-top:2px}.ob-event-clock small{font-size:7px;display:block;color:#a0abbb;margin-top:3px}.ob-event-content{min-width:0}.ob-event-content strong{display:block;font:500 11px/1.65 var(--font);color:#526987}.ob-event-content strong em{font-style:normal;color:#8c9ab0;font-size:9px;font-weight:400;margin-right:7px}.ob-event-content>span{display:flex;align-items:center;gap:6px;font-size:8px;line-height:1.7;color:#8d9bb0;margin-top:4px;flex-wrap:wrap}.ob-event-content mark{font-size:7px;line-height:1.5;padding:2px 5px;color:#6880a8;border:1px solid #dce5f2;border-radius:3px;background:#f7faff}.ob-event-content mark.is-native{color:#8b739b;background:#faf7fd;border-color:#eadff3}.ob-row-arrow{color:#a7b6cf;font-size:14px;align-self:center}.ob-event-button[aria-pressed=true] .ob-row-arrow{color:#6d8ae6}
.ob-inspector{border:1px solid #dce5f2;background:#fdfdff;border-radius:8px;padding:18px}.ob-inspector-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.ob-detail-label{font-size:7px;letter-spacing:.1em;color:#98a6b9;font-weight:600}.ob-inspector h5{font:500 12px/1.65 var(--font);letter-spacing:-.1px;margin:5px 0 0;color:#4e6484}.ob-event-ref{flex:none;border:1px solid #e0e6f1;border-radius:4px;font-size:8px;color:#90a0ba;padding:5px 6px}.ob-event-time{display:flex;flex-wrap:wrap;gap:10px;color:#8798b1;font-variant-numeric:tabular-nums;font-size:8px;margin-top:10px}.ob-event-time>span{color:#a0aabc}.ob-location{display:flex;align-items:center;gap:8px;margin-top:16px;font-size:9px;color:#7d8da7;flex-wrap:wrap}.ob-surface-badge{display:inline-block;border:1px solid #dce5f2;border-radius:4px;padding:4px 6px;color:#6f86b1;background:#f3f6fd;font-size:8px}.ob-surface-badge.is-native{color:#927da1;background:#faf7fd;border-color:#e9dff2}.ob-page-path{font-size:9px;color:#8598b7;margin:8px 0 0;line-height:1.8;overflow-wrap:anywhere}.ob-target-preview{margin-top:15px;background:repeating-linear-gradient(0deg,#f7f9fd,#f7f9fd 15px,#f3f6fb 16px);border:1px solid #e8edf6;border-radius:6px;padding:11px 13px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px}.ob-target-preview>div>span{display:block}.ob-target-preview>div>span+span{font-size:8px;color:#a0aabd;margin-top:5px}.ob-target-replica{display:inline-block;max-width:70%;overflow-wrap:anywhere;border:1px solid #aabde8;outline:3px solid #dce7ff90;outline-offset:3px;background:#fff;box-shadow:0 2px 6px #708cc510;border-radius:4px;padding:8px 11px;font:500 10px/1.5 var(--font);color:#627eaf;text-align:center}.ob-causality{margin:17px 0 0}.ob-causality>div{display:grid;grid-template-columns:102px 1fr;gap:10px;padding:9px 0;border-bottom:1px solid #edf0f5}.ob-causality>div:last-child{border:0}.ob-causality dt{font-size:8px;line-height:1.8;color:#9aa7ba}.ob-causality dd{font-size:10px;line-height:1.8;color:#7487a1;margin:0;overflow-wrap:anywhere}.ob-causality>div:last-child dd{color:#658f82}.ob-identity{border-top:1px solid #e5eaf3;margin-top:12px;padding-top:3px}.ob-identity summary{display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#7890b6;cursor:pointer;list-style:none;min-height:36px}.ob-identity summary::-webkit-details-marker{display:none}.ob-identity summary>span{font-size:14px;color:#9aacc7}.ob-identity[open] summary>span{transform:rotate(45deg)}.ob-identity dl{margin:4px 0 10px}.ob-identity dl>div{display:grid;grid-template-columns:100px minmax(0,1fr);gap:12px;border-bottom:1px solid #edf0f5;padding:8px 0}.ob-identity dt{font-size:8px;color:#9caabd;line-height:1.8}.ob-identity dd{font-size:9px;line-height:1.8;color:#6f84a4;margin:0;overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.ob-identity p{font-size:8px;line-height:1.8;color:#a0aabd;margin:12px 0 2px}
.ob-scrubber{padding:20px 26px;background:#f9fbfe;border-top:1px solid #e4eaf3}.ob-scrubber>div{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:8px;color:#92a1b6;font-variant-numeric:tabular-nums}.ob-scrubber label{font-size:10px;color:#687e9e;font-weight:500}.ob-scrubber output{font-size:9px;color:#6e88b9}.ob-scrubber input{width:100%;height:22px;margin:11px 0 7px;accent-color:#7897e4;cursor:pointer}.ob-observation-end{display:grid;grid-template-columns:repeat(3,1fr);gap:23px;padding:20px 26px;border-top:1px solid #e7ecf3;background:#fff}.ob-observation-end>span{font-size:9px;line-height:1.8;color:#99a4b5}.ob-observation-end strong{font-weight:500;color:#697e9c}.ob-observation-end .icon{width:14px;height:14px;color:#91a5c8;vertical-align:middle;margin-right:4px}.ob-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.ob-meaning-card:focus-visible,.ob-event-button:focus-visible,.ob-identity summary:focus-visible,.ob-scrubber input:focus-visible{outline:2px solid #809fff;outline-offset:2px}.ob-no-script{padding:20px;font-size:12px}
@media(max-width:1000px){.ob-workspace{grid-template-columns:minmax(235px,.85fr) minmax(0,1.3fr)}.ob-meaning-column,.ob-trace-column{padding:20px 15px}.ob-column-title{gap:8px}.ob-column-title h4{font-size:11px}.ob-meaning-card{padding:15px 12px}.ob-meaning-card strong{font-size:11px}.ob-session{padding:20px}.ob-case-context{margin-inline:20px;display:block}.ob-case-context p{margin-top:8px}.ob-milestones{margin-inline:20px}.ob-milestones>div{padding:14px 12px}.ob-milestones dd{font-size:15px}.ob-review-bar{padding:14px 20px}.ob-legend{gap:8px!important}.ob-legend span{font-size:7px!important}.ob-inspector{padding:15px}.ob-causality>div{grid-template-columns:83px 1fr}.ob-target-preview{display:block}.ob-target-replica{max-width:100%;margin-top:14px;margin-left:3px}.ob-event-button{grid-template-columns:59px 1fr 10px;padding:12px 10px;gap:7px}.ob-event-content strong{font-size:10px}.ob-event-clock{font-size:8px}.ob-session-owner strong{font-size:9px}}
@media(max-width:700px){.ob-heading{align-items:flex-start;flex-direction:column;gap:13px}.ob-heading p{font-size:10px}.ob-example-label{font-size:8px}.ob-session{display:block;padding:20px 16px 15px}.ob-session-case strong{font-size:11px}.ob-session span:not(.po-letter-avatar):not(.po-face){font-size:8px;line-height:1.7}.ob-session-owner{margin-top:17px}.ob-session-owner strong{font-size:9px}.ob-session-owner .po-face{width:25px;height:25px;margin-left:3px}.ob-case-context{margin:0 16px 18px;padding:13px}.ob-case-context p{font-size:10px}.ob-milestones{grid-template-columns:1fr 1fr;margin:0 16px 20px}.ob-milestones>div{padding:14px 12px}.ob-milestones>div:nth-child(2){border-right:0}.ob-milestones>div:nth-child(-n+2){border-bottom:1px solid #e4eaf2}.ob-milestones dt{font-size:8px}.ob-milestones dd{font-size:17px}.ob-milestones small{font-size:7px}.ob-review-bar{padding:14px 16px;display:block}.ob-review-bar>div{gap:8px}.ob-review-bar strong{font-size:9px}.ob-review-bar>div>span{font-size:8px}.ob-legend{margin-top:10px}.ob-workspace{display:block}.ob-meaning-column{border-right:0;border-bottom:1px solid #e5eaf3;padding:22px 15px}.ob-column-title h4{font-size:12px}.ob-meaning-list{display:grid;grid-template-columns:1fr 1fr;gap:7px}.ob-meaning-card{padding:13px 11px}.ob-meaning-meta{font-size:7px;display:block}.ob-meaning-meta>b{display:block;margin-top:5px}.ob-meaning-card strong{font-size:10px;line-height:1.6}.ob-meaning-card p{font-size:9px;line-height:1.8}.ob-meaning-evidence{font-size:7px}.ob-interpretation-note{padding-top:20px}.ob-trace-column{padding:24px 15px}.ob-trace-heading{align-items:flex-start}.ob-trace-heading strong{font-size:9px;line-height:1.7}.ob-trace-heading>span{font-size:7px;padding-top:3px}.ob-event-list{max-height:305px}.ob-event-button{grid-template-columns:55px minmax(0,1fr) 10px;min-height:65px}.ob-event-content strong{font-size:10px}.ob-event-clock{font-size:8px}.ob-event-content>span{font-size:7px}.ob-inspector h5{font-size:11px}.ob-event-ref{font-size:7px}.ob-event-time{font-size:7px;gap:6px}.ob-location{font-size:8px;line-height:1.8}.ob-page-path{font-size:8px}.ob-causality>div{display:block;padding:10px 0}.ob-causality dt{margin-bottom:5px;font-size:8px}.ob-causality dd{font-size:10px}.ob-identity dl>div{grid-template-columns:77px minmax(0,1fr);gap:8px}.ob-identity dd{font-size:8px}.ob-scrubber{padding:18px 16px}.ob-observation-end{display:block;padding:17px 16px}.ob-observation-end>span{display:block;font-size:9px}.ob-observation-end>span+span{margin-top:11px}}
@media(min-width:701px){.ob-column-title h4{font-size:13px}.ob-column-title p{font-size:10px}.ob-meaning-card strong{font-size:13px}.ob-meaning-card p{font-size:11px;color:#6e7f98}.ob-meaning-meta,.ob-meaning-evidence{font-size:9px}.ob-event-content strong{font-size:12px}.ob-event-content strong em{font-size:10px}.ob-event-content>span,.ob-event-clock{font-size:9px}.ob-event-content mark,.ob-event-clock small{font-size:8px}.ob-trace-heading strong{font-size:11px}.ob-trace-heading>span{font-size:9px}.ob-inspector h5{font-size:13px}.ob-causality dt{font-size:9px}.ob-causality dd{font-size:11px}.ob-location{font-size:10px}.ob-page-path{font-size:10px}.ob-identity summary{font-size:10px}.ob-identity dd{font-size:10px}.ob-identity dt{font-size:9px}.ob-target-replica{font-size:11px}.ob-interpretation-note p{font-size:10px}.ob-milestones dt,.ob-milestones small{font-size:9px}}