.reading-theme .approval-demo{color:#213d5b;background:#f4f8fd;border:1px solid #aec6df;border-radius:14px;margin:2rem 0;padding:clamp(1rem,3vw,1.7rem)}.reading-theme .approval-demo .approval-demo-eyebrow{letter-spacing:.06em;color:#315d88;margin:0;font-size:.8rem;font-weight:700}.reading-theme .approval-demo h3{margin:.5rem 0 1rem;font-size:1.3rem}.reading-theme .approval-demo h4{color:#173f69;margin:.3rem 0 .7rem}.reading-theme .approval-demo :is(p,li){font-size:1rem;line-height:1.9}.reading-theme .approval-demo-scenario{flex-wrap:wrap;align-items:center;gap:.6rem;font-size:.95rem;font-weight:650;display:flex}.reading-theme .approval-demo select{color:#213d5b;max-width:100%;font:inherit;background:#fff;border:1px solid #a1b8d1;border-radius:6px;padding:.6rem}.reading-theme .approval-demo .approval-demo-track{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;margin:1.2rem 0;padding:0;list-style:none;display:grid}.reading-theme .approval-demo-track li{background:#fff;border:1px solid #c4d1e0;border-radius:7px;align-items:center;gap:.5rem;margin:0;padding:.65rem;font-size:.88rem;line-height:1.5;transition:background-color .2s,border-color .2s;display:flex}.reading-theme .approval-demo-track li>span:first-child{border:1px solid #a6b9ce;border-radius:50%;flex-shrink:0;place-items:center;width:1.6rem;height:1.6rem;font-size:.8rem;font-weight:700;display:grid}.reading-theme .approval-demo-track li[aria-current=step]{background:#dfedfc;border:2px solid #27649d;font-weight:700}.reading-theme .approval-demo-track li[data-complete=true]{background:#e9f3ed;border-color:#7ba595}.reading-theme .approval-demo-current{background:#fff;border:1px solid #c7d9ed;border-radius:9px;padding:1.1rem}.reading-theme .approval-demo-current .approval-demo-status{color:#2e608d;margin:0 0 .5rem;font-size:.85rem;font-weight:700}.reading-theme .approval-demo-records{grid-template-columns:1fr 1fr;gap:.8rem;margin:1rem 0 0;display:grid}.reading-theme .approval-demo-records>div{background:#edf3fa;border-radius:7px;min-width:0;padding:.85rem}.reading-theme .approval-demo-records dt{color:#385c7b;font-size:.8rem}.reading-theme .approval-demo-records dd{overflow-wrap:anywhere;margin:.4rem 0 0;font-weight:600;line-height:1.7}.reading-theme .approval-demo-controls{flex-wrap:wrap;gap:.6rem;margin:1rem 0;display:flex}.reading-theme .approval-demo button{color:#1c4c7c;min-height:44px;font:inherit;cursor:pointer;background:#fff;border:1px solid #6489af;border-radius:6px;padding:.55rem .85rem;font-size:.95rem}.reading-theme .approval-demo button:hover:not(:disabled){background:#dceafb}.reading-theme .approval-demo button:disabled{opacity:.5;cursor:default}.reading-theme .approval-demo :is(button,select,summary):focus-visible{outline-offset:3px;outline:3px solid #2565b9}.reading-theme .approval-demo .approval-demo-note{color:#41607b;font-size:.88rem}.reading-theme .approval-demo details{border-top:1px solid #c5d6e7;padding-top:1rem}.reading-theme .approval-demo summary{cursor:pointer;color:#265584;font-weight:650}@media (max-width:620px){.reading-theme .approval-demo .approval-demo-track{grid-template-columns:repeat(2,minmax(0,1fr))}.reading-theme .approval-demo-records{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.reading-theme .approval-demo-track li{transition:none}}