.tp{--tp-paper:#f5f4f1}.tp.is-paper,.tp .tp-paper{background:var(--tp-paper);color:var(--text)}.tp.is-paper{min-height:60svh}.tp-crumbs ol{color:var(--np-mute);flex-wrap:wrap;gap:0 .4em;margin:0;padding:0;font-size:.95rem;list-style:none;display:flex}.tp-crumbs li+li:before{content:"/";color:#9a9ea6;margin-right:.4em}.tp-crumbs a{color:inherit;transition:color var(--dur-hover) ease}.tp-crumbs a:hover{color:var(--text)}.tp-crumbs [aria-current]{color:var(--text);font-weight:500}.tp-crumbs.is-dark ol{color:#a9adb4}.tp-crumbs.is-dark a:hover,.tp-crumbs.is-dark [aria-current]{color:var(--bone)}.tp-phead{justify-content:space-between;align-items:flex-start;gap:2rem;padding-top:22px;display:flex}.tp-phead-l{min-width:0}.tp-phead-r{flex-direction:column;flex:none;align-items:flex-end;gap:.8rem;display:flex}.tp-h1{letter-spacing:var(--track-din);color:var(--text);font-size:clamp(2.2rem,3.4vw,3.3rem);line-height:.95;margin-top:.35rem!important}.tp-lede{color:var(--np-mute);max-width:60ch;font-size:1.08rem;margin-top:.6rem!important}.tp-example{color:var(--np-mute);white-space:nowrap;border:1px dashed #b9b6ae;border-radius:3px;padding:.2em .6em;font-size:.8rem;display:inline-block}.tp-card-h{font-family:var(--font-din);text-transform:uppercase;letter-spacing:-.005em;font-size:1.35rem;font-weight:700;line-height:1.05}.tp-card{padding:1.2rem 1.4rem 1.4rem}.tp-steps{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:8px;margin:0;padding:0;list-style:none;display:grid}.tp-steps li{color:var(--np-mute);transition:border-color var(--dur-hover) ease, color var(--dur-hover) ease;border-top:3px solid #d6d4ce;padding-top:.55rem;font-size:.92rem;font-weight:600}.tp-steps li.is-done{border-color:var(--text);color:var(--text)}.tp-steps li.is-on{border-color:var(--red);color:var(--text)}.tp-step{animation:.2s both tp-fade}@keyframes tp-fade{0%{opacity:0}to{opacity:1}}.tp-sum{align-self:start;padding:1.3rem 1.4rem 1.4rem}.tp-sum dl{margin:.9rem 0 0}.tp-sum dl>div{justify-content:space-between;gap:1rem;padding:.3rem 0;font-size:.95rem;display:flex}.tp-sum dt{color:var(--np-mute)}.tp-sum dd{text-align:right;margin:0;font-weight:600}.tp-sum-total{border-top:1px solid #e3e1db;justify-content:space-between;align-items:baseline;gap:1rem;margin-top:.9rem;padding-top:1rem;display:flex}.tp-sum-total span{color:var(--np-mute)}.tp-sum-total b{font-family:var(--font-din);letter-spacing:-.01em;font-size:2rem;line-height:1}.tp-sum-note{color:var(--np-mute);font-size:.88rem;line-height:1.5;margin-top:.9rem!important}.tp-wiz{grid-template-columns:minmax(0,900px) minmax(0,450px);justify-content:space-between;align-items:start;gap:50px;padding-block:16px 56px;display:grid}.tp-wiz-main>.tp-steps{margin-bottom:1.4rem}.tp-wiz-card{padding:1.2rem 1.4rem 1.4rem}.tp-wiz-nav{justify-content:space-between;align-items:center;gap:1rem;margin-top:1.2rem;display:flex}.tp-wiz-nav .np-btn.is-ghost{min-width:100px}.tp-ul{color:inherit;text-underline-offset:4px;transition:text-decoration-color var(--dur-hover) ease, color var(--dur-hover) ease;font-weight:600;text-decoration:underline;text-decoration-thickness:1px}.tp-ul:hover{-webkit-text-decoration-color:var(--red-bright);text-decoration-color:var(--red-bright)}.tp-pbar{display:none}@media (max-width:1100px){.tp-wiz{grid-template-columns:1fr;gap:24px}}@media (max-width:640px){.tp-phead{flex-direction:column;gap:.8rem;padding-top:16px}.tp-phead-r{align-items:flex-start}.tp-h1{font-size:2.3rem}.tp-steps li{font-size:.78rem}.tp-wiz-card{padding:1rem}.tp-pbar{z-index:40;padding:.7rem var(--gutter);padding-bottom:max(.7rem, env(safe-area-inset-bottom));border-top:1px solid var(--line-dark);color:var(--fp-text-2);background:#0d0e10f7;justify-content:space-between;align-items:center;gap:.8rem;font-size:.86rem;display:flex;position:sticky;bottom:0}.tp-pbar b{color:var(--bone)}.tp-pbar>span{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.tp-pbar .np-btn{flex:none;min-height:40px;font-size:.9rem}.tp.is-paper .tp-pbar{color:var(--np-mute);background:#f5f4f1;border-top-color:#dedcd6}.tp.is-paper .tp-pbar b{color:var(--text)}}@media (prefers-reduced-motion:reduce){.tp-steps li{transition:none}}.tp .np-field :is(input,textarea,select):focus{box-shadow:none;outline:none}
