.x22-tool{border:1px solid #526547;border-radius:18px;padding:clamp(20px,4vw,34px);margin:40px 0;background:#f2f4e9;color:#24331f}.x22-tool h2{margin-top:12px}.x22-tool form{display:grid;gap:24px}.x22-tool label{display:grid;gap:10px;font-weight:600;line-height:1.6}.x22-tool input,.x22-tool select{width:100%;min-width:0;max-width:100%;min-height:48px;padding:12px;border:1px solid #53634a;border-radius:8px;background:#fff;color:#24331f;font:inherit}.x22-tool .x22-check{display:flex;align-items:flex-start;gap:14px}.x22-tool .x22-check input{width:24px;min-height:24px;height:24px;flex-shrink:0;margin-top:4px}.x22-actions{display:flex;flex-wrap:wrap;gap:16px;margin-top:24px}.x22-tool button{min-height:48px;border:1px solid #24331f;border-radius:24px;padding:12px 20px;background:#24331f;color:#fff;font:inherit;cursor:pointer}.x22-tool button:disabled{background:#e1e5d8;color:#3d4934;border-color:#68715e;cursor:not-allowed}.x22-tool :focus-visible{outline:3px solid #ab401f;outline-offset:4px}.x22-tool details{margin-top:24px}.x22-tool summary{min-height:48px;padding:12px 0;cursor:pointer}.x22-tool .x22-result{margin-top:26px;padding:20px;border-left:4px solid #647b3a;background:white;white-space:pre-wrap;overflow-wrap:anywhere}.x22-tool [hidden]{display:none!important}.x22-error{color:#8c231a;font-weight:600}.x22-tool .small{font-size:15px;line-height:1.65}.x22-essential{padding:24px;border-left:4px solid #647b3a;background:#f2f4e9;margin:28px 0}.x22-answer{font-size:1.18rem;line-height:1.7}.x22-table-wrap{overflow:auto;max-width:100%}.x22-video{margin:40px 0}.x22-video img{width:100%;height:auto}.x22-video button{min-height:48px;max-width:100%;padding:16px 22px;background:#24331f;color:#fff;border:0;border-radius:8px;font:inherit}.x22-video iframe{width:100%;aspect-ratio:16/9;border:0}.article-prose img{max-width:100%;height:auto}@media(prefers-reduced-motion:reduce){.x22-tool *{scroll-behavior:auto!important}}