/*! UX by Example — © 2026 Chris Daniels. All rights reserved. */
.zeig__lead{font-size:var(--step-1);line-height:var(--leading-snug);max-inline-size:60ch;margin-block-end:var(--space-m)}.zeig__track{display:flex;align-items:center;gap:var(--space-m);margin-block:var(--space-m)}.zeig__ring{--size:5.5rem;position:relative;inline-size:var(--size);block-size:var(--size);flex:none;display:grid;place-items:center;border-radius:50%;background:conic-gradient(var(--accent) calc(var(--pct,0) * 1%),var(--surface-2) 0);transition:background .4s}.zeig__ring::before{content:"";position:absolute;inset:0.55rem;border-radius:50%;background:var(--paper)}.zeig__ring-num{position:relative;font-family:var(--font-display);font-size:var(--step-0);font-variant-numeric:tabular-nums;color:var(--ink)}.zeig__nag{font-size:var(--step-0);color:var(--muted);max-inline-size:40ch;min-block-size:1.5em}@media (prefers-reduced-motion:no-preference){.zeig.is-open .zeig__ring{animation:1.6s ease-in-out infinite zeig-pulse}@keyframes zeig-pulse{0%,100%{box-shadow:0 0 0 0 var(--accent-soft)}50%{box-shadow:0 0 0 .5rem transparent}}}.zeig.is-open .zeig__nag{color:var(--accent-strong)}.zeig__steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2xs)}.zeig__step{display:flex;align-items:center;justify-content:space-between;gap:var(--space-s);padding:var(--space-xs) var(--space-s);border:1.5px solid var(--line);border-radius:var(--radius-m);background:var(--surface)}.zeig__step-label{font-size:var(--step-0);color:var(--ink)}.zeig__step.is-done{background:var(--surface-2)}.zeig__step.is-done .zeig__step-label{color:var(--muted);text-decoration:line-through}.zeig__mark{flex:none}.zeig__mark:disabled{cursor:default;opacity:.65}.zeig__results-title{font-size:var(--step-1);margin-block-end:var(--space-s)}.zeig__verdict{max-inline-size:60ch}.zeig__alt{margin-block-start:var(--space-l);border-block-start:1px solid var(--line);padding-block-start:var(--space-m)}.zeig__alt summary{cursor:pointer;font-weight:600;color:var(--accent-strong)}.zeig__alt[open] summary{margin-block-end:var(--space-s)}@media (max-width:30rem){.zeig__track{flex-direction:column;align-items:flex-start}}