.decision-example{background:#121317;border:1px solid #484b53;justify-self:end;width:100%;min-width:0;max-width:560px}.decision-example-header{border-bottom:1px solid var(--line);color:#b7bbc3;justify-content:space-between;gap:16px;padding:16px 24px;font-size:.75rem;display:flex}.decision-example-question{padding:26px 24px}.decision-example-question>span{color:#b7bbc3;font-size:.75rem}.decision-example-question h2{font:400 32px/1.15 var(--font-serif);text-wrap:balance;margin:12px 0 0}.decision-example-tabs{border:1px solid #484b53;grid-template-columns:repeat(2,minmax(0,1fr));margin:0 24px;display:grid}.decision-example-tabs button{color:#bcc0c8;cursor:pointer;background:0 0;border:0;min-width:0;min-height:48px;padding:10px 12px;font-size:.875rem;transition:color .18s,background .18s}.decision-example-tabs button:nth-child(2n){border-left:1px solid #484b53}.decision-example-tabs button:nth-child(n+3){border-top:1px solid #484b53}.decision-example-tabs button:hover{color:#fff;background:#25272d}.decision-example-tabs button[aria-selected=true]{color:#121317;background:#dddfe2}.decision-example-tabs button:focus-visible{z-index:1;outline-offset:-4px;outline-color:var(--brass);position:relative}.decision-example-panels{display:grid}.decision-example-panel{grid-area:1/1;padding:26px 24px 0}.decision-example-panel[hidden]{visibility:hidden;pointer-events:none;display:block}.decision-example-panel:focus-visible{outline:2px solid var(--brass);outline-offset:-2px}.decision-example-paths{gap:14px;display:grid}.decision-example-paths>div{color:#a7a9ae;grid-template-columns:82px minmax(12px,1fr) 58px;align-items:center;gap:16px;font-size:.75rem;display:grid}.decision-example-paths strong{text-align:right;font-weight:500}.decision-example-paths i{background:#454851;height:1px;position:relative}.decision-example-paths [data-present=true]{color:#e7e8eb}.decision-example-paths [data-present=true] i{background:#b8a46d}.decision-example-paths [data-present=true] i:after{content:"";transform-origin:0;background:#eee4c5;animation:.65s ease-out both evidenceArrival;display:block;position:absolute;inset:-1px 0}.decision-example-answer{border-top:1px solid var(--line);min-height:181px;margin-top:24px;padding-top:24px;animation:.32s ease-out both evidenceAnswer}.decision-example-state{justify-content:space-between;align-items:baseline;gap:20px;display:flex}.decision-example-state>span{color:#b7bbc3;font-size:.75rem}.decision-example-state h3{font:400 36px/1.1 var(--font-serif);margin:0}.decision-example-answer[data-outcome=conflicting] h3{color:#e2b2ad}.decision-example-answer[data-outcome=missing] h3{color:#c4c9d2}.decision-example-answer p{color:#c7cad1;margin:18px 0 24px;font-size:1rem;line-height:1.6}.decision-example-receipt{border-top:1px solid var(--line);margin:0 24px;padding:16px 0}.decision-example-receipt summary{cursor:pointer;color:#e1e3e7;font-size:.875rem}.decision-example-receipt summary>span{color:#b7bbc3;margin:8px 0 0 18px;font-size:.75rem;display:block}.decision-example-receipt dl{gap:14px;margin:24px 0 18px;font-size:.75rem;display:grid}.decision-example-receipt dl>div{grid-template-columns:100px minmax(0,1fr);gap:16px;display:grid}.decision-example-receipt dt{color:#b7bbc3}.decision-example-receipt dd{overflow-wrap:anywhere;margin:0}.decision-example-receipt p{color:#b7bbc3;margin:0;font-size:.875rem;line-height:1.6}.decision-example-note{color:#a7a9ae;margin:0;padding:0 24px 20px;font-size:.75rem;line-height:1.6}@keyframes evidenceArrival{0%{opacity:1;transform:scaleX(0)}to{opacity:0;transform:scaleX(1)}}@keyframes evidenceAnswer{0%{opacity:.5;transform:translateY(4px)}to{opacity:1;transform:none}}@media (max-width:740px){.decision-example{max-width:none}.decision-example-answer{min-height:202px}}@media (max-width:380px){.decision-example-header,.decision-example-question,.decision-example-panel{padding-left:18px;padding-right:18px}.decision-example-tabs,.decision-example-receipt{margin-left:18px;margin-right:18px}.decision-example-tabs button{padding:10px 6px;font-size:.8125rem}.decision-example-answer{min-height:230px}.decision-example-state h3{font-size:32px}.decision-example-note{padding-left:18px;padding-right:18px}}@media (prefers-reduced-motion:reduce){.decision-example *,.decision-example :after{transition:none!important;animation:none!important}}
