.tools-head { margin: 22px 0; }
.tools-head h2 { margin-bottom: 20px; }
.tool-nav { display:flex; flex-wrap:wrap; gap:10px; }
#tools-body { display:grid; grid-template-columns:minmax(0,1fr); gap:22px; min-width:0; }
#tools-body .card,#tools-body .grid,#tools-body form { min-width:0; width:100%; }
#tools-body .grid { align-items:start; }
#tools-body form { display:grid; gap:10px; }
#tools-body form button { justify-self:start; margin:8px 0; }
#tools-body fieldset { min-width:0; padding:16px; border:1px solid #bac7bb; border-radius:12px; }
#tools-body legend { font-weight:650; padding:0 6px; }
#tools-body .check { align-items:flex-start; overflow-wrap:anywhere; }
#tools-body .check input { width:auto; margin-top:5px; flex:none; }
#tools-body .tool-record { border-top:1px solid #ddd; padding:20px 0; }
#tools-body .tool-record h3 { margin:6px 0; }
.record-actions { display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin:16px 0; }
.record-actions strong { margin-right:auto; }
.table-scroll { overflow-x:auto; max-width:100%; }
.table-scroll table { font-size:14px; border-collapse:collapse; width:100%; }
.table-scroll td,.table-scroll th { padding:9px; text-align:left; border-bottom:1px solid #ddd; vertical-align:top; }
.table-scroll td p { margin:0; min-width:110px; overflow-wrap:anywhere; }
.growth-chart { padding:10px; margin:12px 0; border:1px solid #d6dfd4; border-radius:12px; }
.growth-chart svg { width:100%; max-height:150px; }
.growth-chart figcaption { font-weight:600; }
.book-editor-page img { max-width:100%; max-height:280px; }
#tools-body textarea { min-height:100px; }
#tools-body input,#tools-body select,#tools-body textarea { max-width:100%; width:100%; box-sizing:border-box; }
#tools-body .check input { width:auto; }
@media(max-width:620px){.tool-nav button{flex:1 1 140px}#tools-body .card{padding:18px}.table-scroll{font-size:13px}}