/*! UX by Example — © 2026 Chris Daniels. All rights reserved. */
.pd__layers{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-m)}.pd__layer p{margin:0;font-size:var(--step-1);line-height:var(--leading-snug);max-inline-size:54ch}.pd__layer:focus{outline:0}.pd__layer--reveal{padding:var(--space-m);background:var(--accent-soft);border-radius:var(--radius-m)}.pd__controls{margin-block-start:var(--space-l);display:flex;align-items:center;gap:var(--space-m);flex-wrap:wrap}.pd__progress{margin:0;font-family:var(--font-display);font-size:var(--step--1);color:var(--muted)}@media (prefers-reduced-motion:no-preference){.pd__layer--enter{animation:.4s both pd-enter}@keyframes pd-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}}