.practical-tool{margin:2.5rem 0;padding:clamp(1rem,4vw,2rem);border:1px solid #bdc9bd;border-radius:1rem;background:#f4f6ed;color:#203630;min-width:0}
.practical-tool .worksheet{padding:0;border:0;background:transparent;margin:1.5rem 0}
.practical-tool :is(input,select,textarea){box-sizing:border-box;display:block;width:100%;max-width:100%;min-width:0;background:#fff;color:#203630;border:1px solid #778c80;border-radius:.35rem;padding:.8rem;font:inherit}
.practical-tool textarea{min-height:7rem;resize:vertical;line-height:1.65}
.practical-tool label{display:block;font-weight:700;margin:1.1rem 0 .35rem}
.practical-tool .field-help{display:block;font-size:.9rem;line-height:1.5;margin:.4rem 0 1rem;color:#405a4e}
.practical-tool .actions{display:flex;flex-wrap:wrap;gap:.75rem;margin:1.25rem 0}
.practical-tool button{white-space:normal;min-height:44px;max-width:100%;font:inherit}
.practical-tool :focus-visible{outline:3px solid #804928;outline-offset:4px}
.practical-tool .tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 1.2rem}
.practical-tool .tool-result{line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere;padding:1rem;background:#fff;border-left:4px solid #537b4c}
.practical-tool .editor-output{min-height:15rem}
.practical-tool :disabled{opacity:.65;cursor:not-allowed}
.practical-tool [role=status]{min-height:1.6em;overflow-wrap:anywhere}
.working-record{margin:2.5rem 0;padding:1.3rem;border-left:4px solid #537b4c;background:#f4f6ed;color:#203630}
.working-record pre{font:inherit;white-space:pre-wrap;overflow-wrap:anywhere}
@media(max-width:520px){.practical-tool .tool-grid{grid-template-columns:1fr}.practical-tool .actions{align-items:stretch}.practical-tool .actions>*{flex:1 1 12rem}.practical-tool{border-radius:.6rem}}
@media print{.practical-tool .actions{display:none}.practical-tool{break-inside:auto}.practical-tool textarea{min-height:18rem}}