.grad-tool,.grad-checklist,.grad-hub{margin:28px 0;padding:24px;border:1px solid #ddd7cf;border-radius:18px;background:#fffdf8;color:#2f2925}
.grad-tool h2,.grad-hub h2{margin:0 0 14px!important;font-size:clamp(23px,3vw,30px)!important;line-height:1.35!important}
.grad-tool form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:18px 0}
.grad-tool label{display:block;font-weight:700;font-size:15px;line-height:1.5}
.grad-tool input,.grad-tool select{display:block;width:100%;min-width:0;min-height:46px;border:1px solid #9d9287;border-radius:8px;padding:10px;font:inherit;font-size:16px;color:#2f2925;background:#fff;margin-top:6px}
.grad-tool button{min-height:46px;border:0;border-radius:9px;padding:12px 18px;font:inherit;font-weight:700;cursor:pointer;background:#2f2925;color:#fff}
.grad-tool button:disabled{opacity:.6;cursor:wait}.grad-tool :focus-visible,.grad-hub a:focus-visible{outline:3px solid #24654a;outline-offset:3px}
.grad-tool .tool-actions{grid-column:1/-1;display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.grad-tool [data-tool-error]{color:#a62727;font-weight:700;margin:10px 0}.grad-tool [data-tool-error]:empty{display:none}
.grad-tool [data-tool-result]{background:#f0f6ee;border-radius:12px;padding:18px;margin:16px 0;overflow-wrap:anywhere}
.grad-tool [hidden]{display:none!important}.grad-tool .tool-note{font-size:14px;line-height:1.7;color:#65594f}
.grad-tool table{min-width:560px}.grad-tool .table-wrap{max-width:100%}.grad-checklist label{display:flex;gap:10px;align-items:flex-start;margin:12px 0;line-height:1.6}.grad-checklist input{width:20px;height:20px;flex-shrink:0;margin-top:4px}
.grad-tool [data-tool-result] input[type=checkbox]{width:20px;height:20px;min-height:20px;margin:0}
.grad-hub{max-width:1050px;margin:26px auto;background:#fff6eb}.grad-hub ul{padding-left:22px;line-height:1.9}.grad-hub a{font-weight:700}.grad-tool .tool-result-title{font-size:22px;font-weight:800;margin:0 0 10px}
@media(max-width:600px){.grad-tool,.grad-checklist,.grad-hub{padding:18px}.grad-tool form{grid-template-columns:1fr}.grad-tool .tool-actions{display:grid}.grad-tool button{width:100%}.grad-hub{margin:22px 16px}.grad-tool [data-tool-result]{padding:14px}}
@media print{body.grad-print-mode *:not(:has([data-grad-print-active])):not([data-grad-print-active]):not([data-grad-print-active] *){display:none!important}body.grad-print-mode *:has([data-grad-print-active]){margin:0!important;padding:0!important;max-width:none!important;width:100%!important;background:#fff!important;border:0!important}body.grad-print-mode [data-grad-print-active]{position:static;width:100%;background:#fff;border:0;padding:0;font-size:12pt}body.grad-print-mode [data-grad-print-active] button,body.grad-print-mode [data-grad-print-active] form,body.grad-print-mode [data-grad-print-active] .tool-note,body.grad-print-mode [data-grad-print-active] noscript{display:none!important}body.grad-print-mode [data-grad-print-active] .table-wrap{overflow:visible;border:0}body.grad-print-mode [data-grad-print-active] table{min-width:0;width:100%}body.grad-print-mode [data-grad-print-active] tr{break-inside:avoid}body.grad-print-mode [data-grad-print-active] thead{display:table-header-group}body.grad-print-mode [data-grad-print-active] input{appearance:none;width:15px;height:15px;border:1px solid #333;background:#fff}body.grad-print-mode [data-grad-print-active] input:checked:after{content:'✓'}body.grad-print-mode [data-grad-print-active] [data-tool-result]{padding:0;background:#fff}}
