.demo-order-path{margin:16px 20px;padding:15px 18px;border:1px solid #b9d5d5;border-radius:8px;background:#f1f8f7;color:#26474a;min-width:0}
.demo-order-path__head{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:13px}
.demo-order-path__head span{font-size:11px;color:#60787b}
.demo-order-path p{margin:8px 0;font-size:12px;line-height:1.5;overflow-wrap:anywhere}
.demo-order-path nav{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
.demo-order-path nav a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 14px;background:#fff;border:1px solid #afc9cb;border-radius:5px;color:#11646c;text-decoration:none;font-size:12px}
.demo-order-path nav [aria-current]{background:#087981;color:white;border-color:#087981;font-weight:700}
.demo-order-path small{display:block;font-size:11px;line-height:1.6;overflow-wrap:anywhere}
.demo-order-path a:focus-visible,.demo-chain-panel a:focus-visible{outline:3px solid #de982a;outline-offset:3px}
.demo-chain-content{padding:0 20px 24px;min-width:0}
.demo-chain-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0}
.demo-chain-cards article,.demo-chain-panel{padding:20px;border:1px solid var(--line);background:#fff;border-radius:8px;min-width:0}
.demo-chain-cards span,.demo-chain-cards b,.demo-chain-cards small{display:block}
.demo-chain-cards span{font-size:12px;color:#637477}.demo-chain-cards b{font-size:25px;margin:9px 0}.demo-chain-cards small{color:#637477;font-size:11px;line-height:1.5}
.demo-chain-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:16px}
.demo-chain-panel h2{margin:0 0 14px;font-size:20px}.demo-chain-panel p,.demo-chain-panel li{font-size:13px;line-height:1.6}
.demo-chain-panel dl{display:grid;gap:12px;margin:0}.demo-chain-panel dl>div{display:block;border-bottom:1px solid var(--line);padding-bottom:10px}
.demo-chain-panel dt{font-size:12px;color:#637477}.demo-chain-panel dd{margin:6px 0 0;font-size:14px;overflow-wrap:anywhere}
.demo-chain-panel details{margin:16px 0}.demo-chain-panel summary{cursor:pointer;min-height:44px;padding:10px 0;color:#087981}
.demo-chain-panel a.button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;white-space:normal;padding:12px 16px}
.demo-chain-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.demo-chain-note{padding:12px 14px;border-left:3px solid #c98535;background:#fff8ed;font-size:12px;line-height:1.6}
.demo-reserve-table{width:100%;border-collapse:collapse;font-size:13px}
.demo-reserve-table th,.demo-reserve-table td{padding:14px 10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.demo-reserve-table th{font-size:11px;color:#627578}.demo-reserve-table td small{display:block;color:#627578;font-size:11px;line-height:1.5;margin-top:6px}
.demo-reserve-table a{color:#087981}.demo-reserve-table td{overflow-wrap:anywhere}
.demo-chain-page{min-width:0}
@media(max-width:1000px){.demo-chain-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:720px){
 .demo-order-path{margin:12px;padding:12px}.demo-order-path nav a{flex:1 1 40%}
 .demo-chain-content{padding:0 12px 20px}.demo-chain-cards{grid-template-columns:minmax(0,1fr)}
 .demo-chain-panel{padding:15px}.demo-chain-page .topbar{height:auto;min-height:0;padding:16px;flex-wrap:wrap}
 .demo-chain-page .topbar__title{min-width:0}.demo-chain-page h1{font-size:23px;overflow-wrap:anywhere}
 .demo-reserve-table,.demo-reserve-table tbody,.demo-reserve-table tr,.demo-reserve-table td{display:block;width:100%}
 .demo-reserve-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.demo-reserve-table tr{padding:12px 0;border-bottom:1px solid var(--line)}
 .demo-reserve-table td{border:0;padding:7px 0;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr);gap:12px}
 .demo-reserve-table td:before{content:attr(data-label);color:#637477;font-size:11px}
 .demo-reserve-table td:first-child{display:block}.demo-reserve-table td:first-child:before{display:none}
}
@media print{.demo-order-path{display:none}.demo-chain-note{display:block!important}}