/*! UX by Example — © 2026 Chris Daniels. All rights reserved. */
/*!r:1790064487931*/
.pf2__lead{font-size:var(--step-1);line-height:var(--leading-snug);max-inline-size:62ch;margin-block-end:var(--space-l)}.pf2__diallabel{display:block;font-weight:600;max-inline-size:30rem;margin-block-end:var(--space-l)}.pf2__level{font-weight:800;color:var(--accent-strong)}.pf2__range{inline-size:100%;margin-block-start:var(--space-2xs)}.pf2__screen{max-inline-size:22rem;padding:var(--space-m);border:1px solid var(--line);border-radius:var(--radius-m);background:var(--surface)}.pf2__nav{display:flex;align-items:center;justify-content:space-between;margin-block-end:var(--space-m)}.pf2__logo{font-weight:700}.pf2__links{font-size:var(--step--1);color:var(--muted)}.pf2__hero{display:flex;flex-direction:column;gap:var(--space-s);align-items:flex-start}.pf2__h{font-size:var(--step-1);font-weight:700}.pf2__p{display:block;inline-size:80%;block-size:0.7rem;background:var(--surface-2);border-radius:999px}.pf2__btn{font:inherit;font-weight:600;cursor:pointer;padding:var(--space-2xs) var(--space-m);min-block-size:2.5rem;border:1.5px solid var(--line);border-radius:var(--radius-button);background:var(--surface-2)}.pf2__screen--paper{font-family:cursive,var(--font-body);border-style:dashed;border-width:2px;transform:rotate(-.4deg);background:#fffdf5;color:#2a2a24}.pf2__screen--paper .pf2__btn,.pf2__screen--paper .pf2__p{border-radius:40% 60% 55% 45%/50%;border-style:dashed}.pf2__screen--paper .pf2__h,.pf2__screen--paper .pf2__logo{text-decoration:underline wavy}.pf2__screen--wire{filter:grayscale(1)}.pf2__screen--wire .pf2__h,.pf2__screen--wire .pf2__logo{color:var(--muted)}.pf2__screen--wire .pf2__btn{background:var(--surface-2)}.pf2__screen--mockup .pf2__h,.pf2__screen--mockup .pf2__logo{color:var(--accent-strong)}.pf2__screen--mockup .pf2__btn{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.pf2__screen--hifi{box-shadow:0 10px 28px rgb(0 0 0 / .12)}.pf2__screen--hifi .pf2__h,.pf2__screen--hifi .pf2__logo{color:var(--accent-strong)}.pf2__screen--hifi .pf2__btn{background:var(--accent);color:var(--on-accent);border-color:var(--accent);box-shadow:0 3px 8px var(--accent-soft)}.pf2__screen--hifi .pf2__hero{gap:var(--space-m)}.pf2__readout{font-size:var(--step-0);line-height:var(--leading-snug);min-block-size:1.6em;margin-block-start:var(--space-m);padding:var(--space-s);background:var(--accent-soft);border-radius:var(--radius-s);max-inline-size:64ch}.pf2__alt{margin-block-start:var(--space-l);border-block-start:1px solid var(--line);padding-block-start:var(--space-m)}.pf2__alt summary{cursor:pointer;font-weight:600;color:var(--accent-strong)}.pf2__alt[open] summary{margin-block-end:var(--space-s)}