.wd-hero{grid-template-columns:1fr;padding-bottom:2.5rem}.wd-hero .ft-h1{max-width:24ch}.wd-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;display:grid}@media (max-width:420px){.wd-grid{grid-template-columns:1fr}}.wd-example{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;gap:.85rem;padding:1.75rem 1.6rem 1.5rem;display:flex}.wd-example h3{font-family:var(--font-accent);letter-spacing:.14em;text-transform:uppercase;color:var(--coral-text);margin:0;font-size:.72rem;font-weight:700}.wd-text{font-family:var(--font-display);color:var(--charcoal);white-space:pre-line;flex:1;margin:0;font-size:1.05rem;line-height:1.75}.wd-copy{border-radius:var(--radius-btn);border:1px solid var(--border);background:var(--bg-warm);min-height:44px;color:var(--ink);font-family:var(--font-accent);letter-spacing:.01em;cursor:pointer;transition:transform var(--transition-fast);align-self:flex-start;align-items:center;gap:.45rem;padding:.5rem .95rem;font-size:.8rem;font-weight:600;display:inline-flex}.wd-copy:focus-visible{border-radius:var(--radius-btn)}@media (hover:hover) and (pointer:fine){.wd-copy:hover{transform:translateY(-1px)}}.wd-copy:active{transform:scale(.96)}.wd-copy.is-copied{color:var(--mint-text,#2f5c3e);border-color:#4e7d5b73}.wd-copy-icon{flex:none}.wd-copy-swap{display:grid}.wd-copy-word{transition:opacity var(--transition-fast), transform var(--transition-fast);grid-area:1/1}.wd-copy-done{opacity:0;transform:translateY(4px)}.wd-copy.is-copied .wd-copy-done{opacity:1;transform:translateY(0)}.wd-copy.is-copied .wd-copy-idle{opacity:0;transform:translateY(-4px)}.wd-sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.wd-tips{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.25rem;display:grid}.wd-tip{background:var(--band-warm);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:1.6rem 1.5rem}.wd-tip h3{font-family:var(--font-display);color:var(--ink);margin:0 0 .5rem;font-size:1.15rem;line-height:1.3}.wd-tip p{color:var(--slate);margin:0;font-size:.94rem;line-height:1.7}@media (prefers-reduced-motion:reduce){.wd-copy,.wd-copy-word{transition:none}.wd-copy:hover,.wd-copy:active{transform:none}}