ui-walkthrough{display:block;margin:2.5rem 0;font-family:var(--body)}ui-walkthrough *,ui-walkthrough *:before,ui-walkthrough *:after{box-sizing:border-box}ui-walkthrough .wk__plate{border:1px solid var(--line);border-radius:10px;background:var(--paper);padding:1rem 1.25rem 1.25rem}ui-walkthrough .wk__head{display:flex;align-items:baseline;gap:.75rem;padding-bottom:.75rem;margin-bottom:1rem;border-bottom:1px solid var(--line)}ui-walkthrough .wk__fig{font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}ui-walkthrough .wk__title{font-family:var(--mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink)}ui-walkthrough .wk__chrome{margin-bottom:1.25rem}ui-walkthrough .wk-rail{display:flex;align-items:center;gap:.35rem}ui-walkthrough .wk-rail__step{appearance:none;-webkit-appearance:none;flex:none;width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:0;background:none;cursor:pointer}ui-walkthrough .wk-rail__num{width:30px;height:30px;border-radius:50%;border:1.5px solid var(--line);display:inline-flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:13px;color:var(--muted);transition:color .15s ease,border-color .15s ease,background .15s ease}ui-walkthrough .wk-rail__step[data-done] .wk-rail__num{border-color:var(--accent);color:var(--accent)}ui-walkthrough .wk-rail__step[aria-selected=true] .wk-rail__num{border-color:var(--accent);color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent)}ui-walkthrough .wk-rail__step:focus-visible{outline:none}ui-walkthrough .wk-rail__step:focus-visible .wk-rail__num{outline:2px solid var(--clay);outline-offset:2px}ui-walkthrough .wk-rail__bar{flex:1 1 auto;min-width:10px;height:1.5px;background:var(--line);transition:background .15s ease}ui-walkthrough .wk-rail__bar[data-done]{background:color-mix(in srgb,var(--ink) 30%,var(--line))}ui-walkthrough .wk-nav{display:flex;align-items:center;gap:.75rem;margin-top:1.25rem;padding-top:.9rem;border-top:1px solid var(--line)}ui-walkthrough .wk-nav__btn{appearance:none;-webkit-appearance:none;cursor:pointer;font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);background:none;border:1px solid var(--line);border-radius:999px;padding:.55rem 1rem;min-height:44px;transition:color .15s ease,border-color .15s ease,background .15s ease}ui-walkthrough .wk-nav__btn:hover:not(:disabled){border-color:var(--ink)}ui-walkthrough .wk-nav__btn:disabled{opacity:.38;cursor:not-allowed}ui-walkthrough .wk-nav__btn:focus-visible{outline:2px solid var(--clay);outline-offset:2px}ui-walkthrough .wk-nav__readout{flex:1 1 auto;text-align:center;font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}ui-walkthrough .wk-step{border-left:3px solid var(--accent);padding-left:1.1rem}ui-walkthrough .wk-step__head{display:flex;align-items:center;gap:.6rem;margin:0 0 .95rem}ui-walkthrough .wk-step__icon{flex:none;width:26px;height:26px;color:var(--accent);display:inline-flex}ui-walkthrough .wk-step__icon svg{width:100%;height:100%}ui-walkthrough .wk-step__heading{display:flex;flex-direction:column;gap:.15rem}ui-walkthrough .wk-step__kicker{font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}ui-walkthrough .wk-step__title{font-family:var(--mono);font-size:1.05rem;font-weight:600;line-height:1.2;color:var(--ink)}ui-walkthrough .wk-facet{margin:0 0 .9rem;border-left:2px solid color-mix(in srgb,var(--tone) 55%,transparent);padding-left:.8rem}ui-walkthrough .wk-facet:last-child{margin-bottom:0}ui-walkthrough .wk-facet__label{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--tone);margin:0 0 .3rem}ui-walkthrough .wk-facet__body{font-family:var(--body);font-size:1rem;line-height:1.6;color:var(--ink)}ui-walkthrough .wk-facet__body :where(p){margin:0 0 .6rem}ui-walkthrough .wk-facet__body :where(p):last-child{margin-bottom:0}ui-walkthrough .wk-facet[data-label=Ask i],ui-walkthrough .wk-facet[data-label=Say i]{background:color-mix(in srgb,var(--accent) 7%,transparent);border-left-color:color-mix(in srgb,var(--accent) 55%,transparent);padding:.55rem .7rem .55rem .8rem;border-radius:0 5px 5px 0}ui-walkthrough[data-ready] .wk-step:not(.is-active){display:none}ui-walkthrough[data-ready] .wk-step.is-active{animation:wk-fade .16s ease}@keyframes wk-fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){ui-walkthrough .wk-step.is-active{animation:none}ui-walkthrough .wk-rail__num,ui-walkthrough .wk-rail__bar,ui-walkthrough .wk-nav__btn{transition:none}}@media(max-width:560px){ui-walkthrough .wk-nav__btn{padding:.55rem .7rem}ui-walkthrough .wk-rail{overflow-x:auto;scrollbar-width:none}ui-walkthrough .wk-rail::-webkit-scrollbar{display:none}ui-walkthrough .wk-rail__step{width:36px;height:40px}ui-walkthrough .wk-rail__num{width:26px;height:26px;font-size:11px}}ui-perspectives{display:block;margin:2.5rem 0;font-family:var(--body)}ui-perspectives *,ui-perspectives *:before,ui-perspectives *:after{box-sizing:border-box}ui-perspectives .perspectives__plate{border:1px solid var(--line);border-radius:10px;background:var(--paper);padding:1rem 1.25rem 1.25rem}ui-perspectives .perspectives__head{display:flex;align-items:baseline;gap:.75rem;padding-bottom:.75rem;margin-bottom:1rem;border-bottom:1px solid var(--line)}ui-perspectives .perspectives__fig{font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}ui-perspectives .perspectives__title{font-family:var(--mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink)}ui-perspectives .perspectives__chrome{margin-bottom:1.1rem}ui-perspectives .uip-tablist{display:flex;flex-wrap:wrap;gap:.4rem}ui-perspectives .uip-tab{display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);background:none;border:1px solid var(--line);border-radius:999px;padding:.4rem .75rem;transition:color .15s ease,border-color .15s ease,background .15s ease}ui-perspectives .uip-tab__chip{width:10px;height:10px;border-radius:3px;background:var(--accent);opacity:.5;flex:none;transition:opacity .15s ease}ui-perspectives .uip-tab[aria-selected=true]{color:var(--ink);border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent)}ui-perspectives .uip-tab[aria-selected=true] .uip-tab__chip{opacity:1}ui-perspectives .uip-tab:focus-visible{outline:2px solid var(--accent);outline-offset:2px}ui-perspectives .perspective{border-left:3px solid var(--accent);padding-left:1.1rem}ui-perspectives .perspective__deck{display:flex;align-items:center;gap:.6rem;margin:0 0 .9rem;font-family:var(--serif);font-style:normal;font-size:1.4rem;line-height:1.2;color:var(--ink)}ui-perspectives .perspective__icon{flex:none;width:26px;height:26px;color:var(--accent);display:inline-flex}ui-perspectives .perspective__icon svg{width:100%;height:100%}ui-perspectives .perspective__sub{font-family:var(--mono);font-style:normal;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:2px 8px}ui-perspectives .perspective__line{display:grid;grid-template-columns:minmax(0,4.5rem) 1fr;gap:.2rem 1rem;align-items:baseline;margin:0 0 .85rem}ui-perspectives .perspective__line-label{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}ui-perspectives .perspective__line-body{font-family:var(--body);font-size:1rem;line-height:1.6;color:var(--ink)}ui-perspectives .perspective__body :where(p){margin:0 0 .85rem;font-size:1rem;line-height:1.6}@media(max-width:560px){ui-perspectives .perspective__line{grid-template-columns:1fr;gap:.1rem}}ui-perspectives[data-ready] .perspective:not(.is-active){display:none}ui-perspectives[data-ready] .perspective.is-active{animation:uip-fade .16s ease}@keyframes uip-fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){ui-perspectives .perspective.is-active{animation:none}ui-perspectives .uip-tab,ui-perspectives .uip-tab__chip{transition:none}}
