/*! UX by Example — © 2026 Chris Daniels. All rights reserved. */
/*!r:1789286734295*/
.ptr__lead{font-size:var(--step-1);line-height:var(--leading-snug);max-inline-size:62ch;margin-block-end:var(--space-l)}.ptr__phone{position:relative;inline-size:16rem;block-size:18rem;overflow:hidden;border:8px solid var(--ink);border-radius:1.6rem;background:var(--surface);touch-action:none;user-select:none}.ptr__indicator{position:absolute;inset-block-start:0;inset-inline:0;block-size:3rem;display:flex;align-items:center;justify-content:center;gap:var(--space-2xs);color:var(--muted);font-size:var(--step--1);opacity:0}.ptr__arrow{display:inline-block;transition:transform .15s;font-weight:800}.ptr__indicator.is-ready{color:var(--accent-strong)}.ptr__indicator.is-loading .ptr__arrow{animation:.8s linear infinite ptr-spin}@keyframes ptr-spin{to{transform:rotate(360deg)}}.ptr__feed{position:relative;list-style:none;margin:0;padding:var(--space-s);display:flex;flex-direction:column;gap:var(--space-2xs);background:var(--surface);min-block-size:100%}.ptr__item{padding:var(--space-s);border-radius:var(--radius-s);background:var(--surface-2);border:1px solid var(--line);font-size:var(--step--1);font-weight:600}.ptr__controls{display:flex;gap:var(--space-s);flex-wrap:wrap;margin-block-start:var(--space-m)}.ptr__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}.ptr__alt{margin-block-start:var(--space-l);border-block-start:1px solid var(--line);padding-block-start:var(--space-m)}.ptr__alt summary{cursor:pointer;font-weight:600;color:var(--accent-strong)}.ptr__alt[open] summary{margin-block-end:var(--space-s)}