@font-face{font-family:Han;src:url('fonts/HistoryHan-400.woff') format('woff');font-weight:400;font-display:swap;unicode-range:U+5BEB,U+6B78}
@font-face{font-family:Han;src:url('fonts/HistoryHan-500.woff') format('woff');font-weight:500;font-display:swap;unicode-range:U+5BEB,U+6B78}
@font-face{font-family:Han;src:url('fonts/HistoryHan-600.woff') format('woff');font-weight:600;font-display:swap;unicode-range:U+5BEB,U+6B78}
/* Passport is the visual focus; a full-width journey joins it to the evidence layer. */
.history-topline{padding:24px 40px}.history-topline .record-name{font-size:28px}.history-topline .record-name>span{font-size:14px}
.history-layout{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:40px;padding:40px;align-items:center}
.history-identity{border:0;padding:0;display:block;margin:0;min-width:0}.issuance-overline{display:flex;align-items:center;justify-content:space-between;gap:16px}.issuance-overline .sample-tag{margin:0;font-size:12px;letter-spacing:0}.issuance-replay,[data-issuance-detail]{background:none;border:0;padding:8px 0;color:var(--muted);font:inherit;font-size:12px;cursor:pointer;white-space:nowrap;transition:color .2s}.issuance-replay:hover,[data-issuance-detail]:hover{color:var(--cyan)}.issuance-replay:focus-visible,[data-issuance-detail]:focus-visible{outline:1px solid var(--cyan);outline-offset:4px}
.history-identity .identity-image.issuance-model{width:100%;height:auto;aspect-ratio:1.63;min-height:0;margin:16px 0 8px}.issuance-model canvas{cursor:default!important}
.history-identity .issuance-phases{padding:8px 0 24px;display:flex;align-items:center;gap:16px;font-size:16px;border-bottom:1px solid var(--hair)}.issuance-phases>span{white-space:nowrap;opacity:1!important;animation:none!important;transition:color .4s;color:var(--muted)}.issuance-phases i{font:11px Plex,monospace;margin-right:8px;color:var(--cyan)}.issuance-phases>b{font-size:16px;font-weight:400;color:var(--dim)}.issuance-phases>[data-issuance-detail]{margin-left:auto}.history-identity:has([data-phase=engraving]) .issuance-phases>span:first-child,.history-identity:has([data-phase=issued]) .issuance-phases>span{color:var(--cyan)}
.history-identity .identity-caption{margin-top:24px}.identity-caption .sample-tag{font-size:12px;margin-bottom:8px}.identity-caption h3{font-size:24px;line-height:1.5;font-weight:500;display:flex;flex-wrap:wrap}.identity-caption h3 span{white-space:nowrap}
.history-sequence{border-left:1px solid var(--hair);padding-left:40px}.endorsement-panel{border:0;padding:0}.endorsement-heading{gap:16px;min-height:96px}.endorsement-heading h3{font-size:26px;line-height:1.55;text-wrap:balance}.endorsement-heading .sample-tag{font-size:12px}.event-clock{flex-basis:56px;width:56px;height:56px}.endorsement-fields{gap:24px;margin:32px 0}.endorsement-fields>div{min-width:0;gap:8px}.endorsement-fields dd{font-size:14px;line-height:1.8;word-break:normal;text-wrap:pretty}.endorsement-fields dd.datum{font-size:13px}.history-insight{padding-top:24px}.history-insight p{font-size:15px;line-height:1.8}.history-insight .keep{white-space:normal}
.history-journey{padding:24px 40px 32px;border-top:1px solid var(--hair)}.history-timeline{padding:0;gap:32px}.history-timeline button,.history-timeline button:first-of-type,.history-timeline button:nth-of-type(2),.history-timeline button:last-of-type{padding:0;display:grid;grid-template-columns:48px 1fr;column-gap:16px;align-items:center;justify-items:start;text-align:left}.history-time{grid-row:1/3;align-self:center;transition:background .35s,color .35s,border-color .35s}.history-timeline strong{font-size:17px;margin:0;background:var(--ink);padding-right:16px;line-height:1.6}.history-timeline button>span:last-child{font-size:12px;margin:0;color:var(--muted);background:var(--ink);padding-right:16px;line-height:1.8}.history-track{top:24px;right:48px;left:24px;z-index:0}.history-timeline button{z-index:1;position:relative}.history-timeline button[aria-pressed=true] .history-time{background:var(--cyan);color:var(--ink)}.history-time-key{font-size:12px;margin-top:24px;line-height:1.8}
.origin-proof{display:block;padding:40px;background:var(--ink)}.proof-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:32px}.proof-identity .sample-tag{margin-bottom:12px}.proof-identity h3{font-size:28px;line-height:1.5;text-wrap:balance}.proof-demo{color:var(--muted);font-size:12px;white-space:nowrap}.proof-workspace{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:40px;align-items:center}.ledger-scene{min-width:0}.ledger-svg{display:block;width:100%;height:auto;overflow:visible}.ledger-grid{fill:none;stroke:var(--paper);stroke-width:.6;opacity:.05}.ledger-input{opacity:.25;transition:opacity .5s}.ledger-input[data-proof-visible=true]{opacity:1}.ledger-input rect{fill:var(--ink);stroke:var(--hair)}.ledger-input text{fill:var(--muted);font:13px Inter,Han,sans-serif}.ledger-input .ledger-code{fill:var(--paper);font:12px Plex,monospace}.ledger-input circle{fill:var(--dim)}.ledger-input[data-proof-visible=true] circle{fill:var(--cyan)}.ledger-input[data-proof-visible=true] rect{stroke:var(--cyan);stroke-opacity:.6}
.ledger-path,.ledger-link{fill:none;stroke:var(--hair);stroke-width:1}.ledger-active-path{fill:none;stroke:var(--cyan);stroke-width:1;stroke-dasharray:100;stroke-dashoffset:0;opacity:.7}.ledger-packet{fill:var(--paper);opacity:0}.ledger-seal circle{fill:var(--ink);stroke:var(--cyan);stroke-opacity:.5}.ledger-seal path{fill:none;stroke:var(--cyan);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.ledger-block{opacity:.13;transition:opacity .4s}.ledger-block[data-active=true]{opacity:1}.block-side{fill:var(--mineral,#183A35);stroke:var(--cyan);stroke-width:1;stroke-opacity:.5}.block-top{fill:var(--ink);stroke:var(--cyan);stroke-width:1}.block-seam{stroke:var(--cyan);stroke-opacity:.3;fill:none}.ledger-certificate rect{fill:var(--ink);stroke:var(--paper);stroke-opacity:.8}.ledger-certificate path{fill:none;stroke:var(--muted);stroke-width:1}.ledger-certificate circle{fill:var(--mineral,#183A35);stroke:var(--cyan);stroke-width:1}.ledger-certificate .certificate-lock{stroke:var(--cyan);stroke-width:1.3;stroke-linejoin:round}.ledger-captions{display:flex;justify-content:space-between;gap:16px;color:var(--muted);font-size:12px;line-height:1.7;margin:24px 0 0}
.proof-receipt{min-width:0;border-left:1px solid var(--hair);padding-left:32px}.receipt-kicker{display:flex;justify-content:space-between;align-items:center;gap:16px}.receipt-kicker .sample-tag{font-size:13px;margin:0}.receipt-version{border:1px solid var(--cyan);padding:4px 8px;font-size:12px;color:var(--cyan)}.proof-receipt h4{font-size:28px;line-height:1.5;font-weight:500;margin:20px 0 24px}.proof-receipt dl{margin:0;display:grid;gap:16px}.proof-receipt dt{font-size:12px;color:var(--muted);display:flex;justify-content:space-between;gap:16px}.proof-receipt dd{font-size:14px;line-height:1.7;margin:4px 0 0}.proof-receipt dt>span{font-size:10px}.receipt-hash code{display:block;font:12px/1.8 Plex,monospace;overflow-wrap:anywhere;color:var(--paper);font-variant-ligatures:none;max-width:100%}.receipt-principle{border-top:1px solid var(--hair);padding-top:16px;margin-top:20px;display:flex;gap:12px;align-items:center;font-size:12px;line-height:1.8;color:var(--muted)}.receipt-principle svg{width:24px;height:24px;flex:none;stroke:var(--cyan);fill:none;stroke-width:1.2}
.proof-meaning{margin-top:32px;font-size:13px;gap:32px;align-items:flex-start}.proof-meaning p{max-width:740px}.proof-meaning>span{font-size:12px}.history-value h3{text-wrap:balance}.history-value .keep{white-space:normal}
@media(min-width:1500px){.history-layout{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:56px}.history-sequence{padding-left:48px}.identity-caption h3{font-size:28px}.endorsement-heading h3{font-size:30px}.endorsement-fields dd{font-size:16px}.proof-workspace{gap:56px}}
@media(max-width:1100px){.history-layout{padding:32px;gap:24px;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}.history-sequence{padding-left:24px}.endorsement-heading h3{font-size:22px}.endorsement-fields{grid-template-columns:1fr;gap:16px;margin:24px 0}.endorsement-fields>div{display:grid;grid-template-columns:84px 1fr;gap:12px;align-items:baseline}.endorsement-fields dt{font-size:11px}.endorsement-fields dd{font-size:13px}.event-clock{display:none}.history-journey,.origin-proof{padding:32px}.history-topline{padding:24px 32px}.proof-workspace{gap:24px;grid-template-columns:1.3fr 1fr}.proof-receipt{padding-left:24px}.proof-receipt h4{font-size:24px}.identity-caption h3{font-size:22px}}
@media(max-width:900px){.history-layout{display:block;padding:24px}.history-topline{padding:24px;align-items:flex-start}.history-topline .record-name{display:flex;flex-direction:column;align-items:flex-start;gap:8px;font-size:24px}.history-topline .record-name>span{font-size:12px}.history-demo-label{font-size:11px}.history-identity{display:block;padding:0;margin:0;border:0}.history-identity .identity-image.issuance-model{aspect-ratio:1.6;margin:16px 0 0}.history-identity .issuance-phases{padding-bottom:16px;font-size:14px;gap:12px}.issuance-phases i{display:none}.issuance-phases>[data-issuance-detail]{font-size:11px}.history-identity .identity-caption{margin-top:20px}.identity-caption h3{font-size:22px}.history-sequence{border:0;border-top:1px solid var(--hair);margin-top:24px;padding:24px 0 0}.endorsement-heading{min-height:0}.endorsement-heading h3{font-size:23px;text-wrap:pretty}.endorsement-fields{grid-template-columns:1fr 1fr;gap:20px}.endorsement-fields>div{display:flex;gap:4px}.history-insight p{font-size:14px}.history-journey{padding:24px}.history-timeline{gap:16px}.history-timeline button,.history-timeline button:first-of-type,.history-timeline button:nth-of-type(2),.history-timeline button:last-of-type{display:flex;align-items:flex-start;text-align:left;gap:8px}.history-time{width:40px;height:40px;font-size:13px;align-self:flex-start}.history-timeline strong{font-size:14px;padding:0;max-width:6em;text-wrap:balance}.history-timeline button>span:last-child{font-size:11px;padding:0}.history-track{top:20px;right:24px;left:20px}.history-time-key{font-size:11px}.origin-proof{padding:24px}.proof-heading{display:block;margin-bottom:24px}.proof-identity h3{font-size:25px;max-width:12em}.proof-demo{display:block;margin-top:12px}.proof-workspace{display:block}.ledger-svg{margin:0 -8px;width:calc(100% + 16px)}.ledger-captions{font-size:10px;gap:8px;margin-top:16px}.proof-receipt{border-left:0;border-top:1px solid var(--hair);margin-top:24px;padding:24px 0 0}.proof-receipt h4{font-size:25px;margin:16px 0 24px}.proof-receipt h4 br{display:none}.proof-receipt dl{grid-template-columns:1fr 1fr;gap:16px}.receipt-hash{grid-column:1/-1}.proof-meaning{display:block;margin-top:24px;font-size:12px}.proof-meaning>span{display:block;margin-top:12px}.proof-receipt dd{font-size:13px}}
@media(max-width:359px){.history-layout,.history-topline,.history-journey,.origin-proof{padding:16px}.issuance-overline .sample-tag{font-size:10px}.identity-caption h3{font-size:20px}.history-timeline{gap:8px}.history-timeline strong{font-size:12px}.history-demo-label{max-width:7em}.history-identity .issuance-phases{gap:8px;font-size:13px}}
@media(prefers-reduced-motion:reduce){.history-stage *{animation:none!important;transition:none!important}}

/* Equal digest groups avoid a short orphan tail; copy balances without forced breaks. */
.receipt-hash code{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 8px;font-size:11px}.receipt-hash code span{white-space:nowrap}.endorsement-fields dd,.proof-receipt dd{text-wrap:balance}
@media(max-width:900px){.proof-receipt dl{grid-template-columns:1fr}.proof-receipt dl>div:not(.receipt-hash){display:grid;grid-template-columns:84px minmax(0,1fr);column-gap:16px;align-items:baseline}.proof-receipt dl>div:not(.receipt-hash) dd{margin:0}.endorsement-fields dd{max-width:100%}}

.proof-controls{display:flex;align-items:center;gap:24px}.proof-controls .proof-demo{margin:0}@media(max-width:900px){.proof-controls{justify-content:space-between;margin-top:12px}}

.proof-meaning>p{text-wrap:balance}

.history-phrase{display:inline-block;white-space:nowrap}.endorsement-heading h3{text-wrap:balance}.proof-receipt h4 .history-phrase{display:block}@media(max-width:900px){.proof-receipt h4 .history-phrase{display:inline-block}}