.pux-practice{margin:18px 0;padding:18px;border:1px solid #cbb48b;border-radius:10px;background:#fffdf8;color:#4c453b;line-height:1.8;scroll-margin:20px}
.pux-practice h4{font-size:20px;margin:4px 0 12px}.pux-practice p{margin:10px 0}.pux-practice fieldset{border:1px solid #ded1bc;border-radius:8px;padding:10px;margin:12px 0;min-width:0}.pux-practice legend{padding:0 6px}
.pux-practice button{display:inline-block;width:auto!important;max-width:100%;padding:10px 13px;margin:4px;border:1px solid #b99a62;border-radius:7px;background:#fffdf8;color:#534737;cursor:pointer;white-space:normal;text-align:left;min-height:44px;font:inherit;line-height:1.5}
.pux-practice button[aria-pressed=true]{background:#e9ddc7;box-shadow:inset 0 0 0 1px #967238}.pux-practice button:focus-visible{outline:3px solid #337865;outline-offset:2px}
.pux-practice-buttons{display:flex;gap:3px;flex-wrap:wrap}.pux-practice-tray{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:10px;gap:8px;border:6px solid #c4af8d;border-radius:16px;background:#e5d7c0;margin:12px 0}.pux-practice-tray>div{min-height:86px;padding:10px;background:#faf5eb;border:1px solid #bba88a;border-radius:6px}.pux-practice-tray b,.pux-practice-tray span{display:block}.pux-practice-tray span{margin-top:8px;color:#655030}.pux-practice svg,.pux-practice-artifact svg{display:block;width:100%;max-width:500px;height:auto;max-height:260px;margin:auto}.pux-practice-transfer,.pux-practice-result{padding:12px;background:#f2ece0;border-radius:8px}.pux-practice-note,.pux-practice-artifact small{font-size:12px;color:#82735f}.pux-practice-artifact{padding:12px;border:1px solid #d9cbb6;border-radius:8px;margin:12px 0;max-width:100%;min-width:0}.pux-practice-artifact .pux-practice-tray>div{min-height:60px;font-size:12px}
@media(max-width:600px){.pux-practice{padding:12px}.pux-practice button{margin:3px 0}.pux-practice-tray{padding:6px;gap:6px}.pux-practice-tray>div{padding:6px}}