.directory-filters{display:flex;flex-wrap:wrap;align-items:end;gap:14px;margin-bottom:24px}.directory-filters label{display:flex;flex-direction:column;gap:8px;font-size:14px;font-weight:600}.directory-filters label:first-child{flex:1;min-width:180px}.directory-filters input,.directory-filters select{font:inherit;font-size:16px;min-height:46px;padding:10px 12px;border:1px solid #a6b9a6;border-radius:9px;background:white;color:#15251e}.directory-filters output{font-size:14px;padding:14px 0;min-width:65px}.directory-card{border:1px solid #dce6d8;background:#fff;border-radius:14px;min-width:0}.directory-card a{display:flex;flex-direction:column;gap:10px;height:100%;padding:20px}.directory-card h3{font-size:18px;margin:0;line-height:1.4}.directory-card p{font-size:14px;line-height:1.65;color:#526258;margin:0}.directory-category{color:#386743;font-size:12px;font-weight:700}.directory-card[hidden]{display:none!important}.related-tools{max-width:1142px;margin:25px auto 50px;padding:0 24px}.related-tools h2{font-size:23px}.related-tools ul{display:flex;flex-wrap:wrap;gap:12px;list-style:none;padding:0}.related-tools a{display:block;background:#eef5e9;border:1px solid #c9d9c4;border-radius:9px;padding:13px;font-size:15px;color:#173a2b}body[data-current-tool] .tool-card .text-input,body[data-current-tool] .tool-card select{font-size:16px}body[data-current-tool] .tool-card .field-label,body[data-current-tool] .tool-card .control-row{font-size:14px}body[data-current-tool] .tool-card>p:not(.tool-feedback){font-size:14px}body[data-current-tool] .tool-card .tool-feedback{font-size:14px}body[data-current-tool] .tool-card button{min-height:40px}body[data-current-tool] .tool-grid{gap:0}.directory-filters input:focus-visible,.directory-filters select:focus-visible{outline:3px solid #60974a;outline-offset:3px}@media(max-width:640px){.directory-grid{grid-template-columns:1fr!important}.directory-filters label:nth-child(2){flex:1}.directory-filters select{width:100%}}
.upload-zone input{display:block;position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.upload-zone:focus-within{outline:3px solid #60974a;outline-offset:3px}
.tool-example{max-width:760px;margin:30px auto;padding:24px;border:1px solid #dce6d8;border-radius:14px;background:#fff}.tool-example h2{font-size:22px}.tool-example pre{overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;padding:16px;border-radius:8px;background:#f5f8f3;font-size:14px;line-height:1.7}.tool-example>p{text-align:center;font-size:24px;color:#386743}@media(max-width:640px){.tool-example{margin:24px 20px;padding:18px}}