.wd-hero{grid-template-columns:1fr;min-height:0;padding-top:7rem;padding-bottom:2.5rem}.wd-hero .ft-h1{max-width:26ch;font-size:clamp(2rem,4vw,3.25rem)}.wd-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}@media (max-width:420px){.wd-grid{grid-template-columns:1fr}}.wd-example{display:flex;flex-direction:column;gap:.85rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.75rem 1.6rem 1.5rem;box-shadow:var(--shadow-sm)}.wd-example h3{font-family:var(--font-accent);font-size:.875rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--coral-text);margin:0}.wd-text{font-family:var(--font-display);font-size:1.05rem;line-height:1.75;color:var(--charcoal);white-space:pre-line;margin:0;flex:1}.wd-copy{align-self:flex-start;display:inline-flex;align-items:center;gap:.45rem;min-height:44px;padding:.5rem .95rem;border-radius:var(--radius-btn);border:1px solid var(--border);background:var(--bg-warm);color:var(--ink);font-family:var(--font-accent);font-size:.9375rem;font-weight:600;letter-spacing:.01em;cursor:pointer;transition:transform var(--transition-fast)}.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{border-color:rgba(78,125,91,.45);color:var(--mint-text,#2F5C3E)}.wd-copy-icon{flex:none}.wd-copy-swap{display:grid}.wd-copy-word{grid-area:1/1;transition:opacity var(--transition-fast),transform var(--transition-fast)}.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{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.wd-tips{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.25rem}.wd-tip{background:var(--band-warm);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.6rem 1.5rem;box-shadow:var(--shadow-card)}.wd-tip h3{font-family:var(--font-display);font-size:1.15rem;color:var(--ink);margin:0 0 .5rem;line-height:1.3}.wd-tip p{font-size:.94rem;color:var(--slate);line-height:1.7;margin:0}@media (prefers-reduced-motion:reduce){.wd-copy,.wd-copy-word{transition:none}.wd-copy:active,.wd-copy:hover{transform:none}}@media (max-width:768px){.wd-hero{padding-top:5.5rem;padding-bottom:2rem}}