/* Five-stage fact ledger, matching the simplified plugin. */
.ledger-count{font-size:14px;white-space:nowrap;color:var(--muted)}.ledger-count b{font-size:23px;color:var(--red);padding:0 2px;font-weight:500}
.hero-visual .mock-main{padding:20px 22px}.hero-visual .mock-title{align-items:center}.hero-visual .mock-title h3{margin:5px 0 0}
.hero-ledger{margin-top:14px}.ledger-stage-label{font-size:12px;color:#877a68;padding:12px 0 6px}
.hero-step{display:flex;align-items:center;gap:9px;padding:9px 6px;border-bottom:1px solid #eee7dc;min-height:51px}
.step-symbol{width:18px;flex-shrink:0;color:#a39988;font-size:16px}.done .step-symbol{color:#697653}
.hero-step>div{flex:1;min-width:0}.hero-step b{font-size:14px;font-weight:500;line-height:1.5;display:block}.hero-step small{display:block;font-size:12px;color:#8d8476;line-height:1.5}
.hero-step>span:last-child{font-size:12px;color:#857a69;white-space:nowrap}.hero-step.next{background:#f7eee6;border:1px solid #e3cec0;border-radius:3px;padding-inline:8px;margin-top:4px}.hero-step.next .step-symbol,.hero-step.next small{color:var(--red)}
.hero-step .hero-register{background:var(--red);color:#fff!important;padding:4px 9px;border-radius:2px}.hero-ledger-note{font-size:12px;margin-top:12px;color:#9b8e7d}
.fact-art{background:#eee9df;display:flex;flex-direction:column;gap:9px}.fact-art>span:first-child{font-size:12px;color:#7f715e}.fact-art>div{display:flex;justify-content:space-between;border-bottom:1px solid #dcd0be;padding:7px 0;font-size:12px}.fact-art small{font-size:12px}.fact-art b{font-weight:500}.fact-art-save{align-self:flex-start;background:var(--red);color:white;padding:4px 13px;font-size:12px;border-radius:2px}
.demo-detail{padding:28px 30px}.demo-content{grid-template-columns:220px minmax(0,1fr)}.ledger-next{font-size:14px;border-top:1px solid var(--line);margin-top:15px;padding-top:14px}.ledger-demo-note{font-size:12px;margin:7px 0 20px;color:#918575}
.demo-ledger{max-height:620px;overflow:auto;scrollbar-gutter:stable;padding:0 12px 10px 0;overscroll-behavior:contain;scroll-behavior:auto}
.ledger-group h4{font-size:14px;font-weight:500;padding:17px 0 9px;color:#88735a}.ledger-group:first-child h4{padding-top:0}.ledger-group ol{list-style:none;padding:0;margin:0}
.ledger-item{border-bottom:1px solid var(--line)}.ledger-row{width:100%;display:flex;gap:12px;align-items:center;background:transparent;text-align:left;padding:12px 10px;min-height:64px}.ledger-row:hover{background:#faf6ef}.ledger-row[aria-expanded=true]{background:#f8f2e9}
.ledger-step-title{flex:1;min-width:0}.ledger-step-title b{font-size:14px;font-weight:500;display:block;line-height:1.65}.ledger-step-title small{display:block;font-size:12px;line-height:1.65;color:#948774}.ledger-row-action{font-size:13px;color:#857864;white-space:nowrap}.ledger-item.next>.ledger-row{background:#f6ece4;border-left:3px solid var(--red)}.ledger-item.next .ledger-row-action{color:var(--red)}
.ledger-step-panel{padding:20px 24px;background:#fcfaf5;border-top:1px solid #ede3d6}.ledger-step-panel>p{font-size:14px;margin-bottom:12px}.ledger-step-panel time{font-size:15px;color:var(--ink);margin-left:12px}.sample-label{font-size:11px;margin-left:10px;color:#968670}.ledger-step-panel>small{display:block;font-size:12px;color:#968670;margin-top:16px}.ledger-step-panel b{font-weight:500;color:var(--ink);margin-left:8px}
.demo-save{background:var(--red);color:white;padding:8px 17px;font-size:14px;border-radius:3px}.demo-outcomes{border:0;padding:0;margin:15px 0;display:flex;flex-wrap:wrap;gap:8px}.demo-outcomes legend{font-size:14px;color:var(--muted);margin-bottom:10px}.demo-outcomes button{padding:6px 11px;font-size:13px;background:white;border:1px solid #d6cbbc;border-radius:3px}.demo-outcomes button[aria-pressed=true]{border-color:var(--red);color:var(--red);background:#f8eae4}
.step-help{display:flex;gap:17px;border-top:1px solid #e8ded0;margin-top:18px;padding-top:15px}.step-help button{font-size:13px;color:var(--red);background:transparent;border-bottom:1px solid #ccb09e;padding:0 0 2px}
.demo-helper{margin-top:18px;border-left:2px solid #ba9a75;padding:12px 15px;background:#f3eee4}.demo-helper h5{font-size:15px;margin:0 0 8px}.demo-helper p{font-size:13px;margin:9px 0}.demo-helper .draft-body{white-space:pre-line}.demo-reset{background:transparent;color:var(--red);font-size:13px;margin:12px 10px;text-decoration:underline;text-underline-offset:4px}.demo-status{font-size:13px;margin-top:12px;min-height:22px;color:var(--red)}
@media(max-width:1100px){.hero-visual .mock-sidebar{width:98px}.hero-visual .mock-main{padding:18px}.hero-step{padding-inline:0}.hero-step b{font-size:13px}.hero-visual .mock-title h3{font-size:22px}.hero-visual .ledger-count{font-size:12px}}
@media(max-width:800px){.demo-content{grid-template-columns:minmax(0,1fr)}.demo-people{border-right:0;border-bottom:1px solid var(--line)}.demo-people #person-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.demo-hint{padding:10px 10px 0}.demo-reset{margin-bottom:0}.demo-detail{padding:25px}.hero-visual .mock-sidebar{width:128px}.hero-step b{font-size:14px}.demo-ledger{max-height:620px}}
@media(max-width:600px){.hero-visual .mock-sidebar{display:none}.hero-visual .ledger-count{font-size:13px}.hero-step{gap:8px}.hero-step b{font-size:14px}.hero-visual .mock-main{padding:18px}.demo-detail{padding:20px 16px}.demo-toolbar{padding-inline:15px;font-size:13px}.demo-toolbar .demo-label{font-size:11px;padding:2px 5px}.demo-people{padding:18px 12px}.person-button{flex-direction:column;align-items:flex-start;gap:6px;padding:9px}.person-button small{font-size:12px}.ledger-row{padding:12px 5px;gap:8px}.demo-ledger{padding-right:5px}.ledger-step-panel{padding:17px 12px}.ledger-step-panel time{margin-left:6px}.ledger-group h4{font-size:13px}.demo-outcomes button{font-size:12px}.ledger-count b{font-size:21px}.person-heading h3{font-size:22px}.demo-toolbar strong{min-width:0}.hero-ledger-note{margin-top:10px}}