.tools-shell{--tool-accent:#23613f;max-width:960px;margin:0 auto 32px;padding:20px;background:#fff;color:#20342e;border:1px solid #d6dfd8;border-radius:16px;font:16px/1.55 system-ui,sans-serif;box-sizing:border-box;overflow-wrap:anywhere}
.tools-shell *{box-sizing:border-box;min-width:0}.tools-shell h1,.tools-shell .tool-title{font-size:clamp(1.6rem,4vw,2.6rem);line-height:1.15;margin:0 0 16px;letter-spacing:normal}.tools-shell h2{font-size:1.3rem;margin:20px 0 12px}.tools-shell form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.tools-shell label{display:flex;flex-direction:column;gap:4px;font-size:.9rem;font-weight:600}.tools-shell input,.tools-shell select,.tools-shell button{font:inherit;width:100%;max-width:100%;padding:10px;border:1px solid #8c9d94;border-radius:7px;background:#fff;color:#20342e;min-height:44px}.tools-shell button{background:var(--tool-accent);color:white;font-weight:700;cursor:pointer;grid-column:1/-1}.tools-shell input:focus,.tools-shell select:focus,.tools-shell button:focus{outline:3px solid #d8a446;outline-offset:2px}.tools-shell output{display:block;white-space:pre-line;background:#edf4ee;padding:14px;border-radius:8px;margin:14px 0;font-weight:600}.tools-shell p{font-size:.95rem;max-width:75ch}.tools-shell .tool-links{display:flex;flex-wrap:wrap;gap:8px 20px;margin:16px 0}.tools-shell a{color:#225d42;text-decoration:underline}.tools-shell table{width:100%;border-collapse:collapse;font-size:.9rem}.tools-shell td,.tools-shell th{padding:8px;text-align:left;border-bottom:1px solid #d6dfd8}.tools-shell .caution{border-left:4px solid #b76b14;padding-left:12px}.tools-shell small{display:block;font-weight:400}.tools-shell svg{max-width:100%;height:auto} @media(max-width:480px){.tools-shell{padding:16px;margin:0 0 24px}.tools-shell form{gap:10px}.tools-shell .wide{grid-column:1/-1}}