*{box-sizing:border-box}body{color:#3a3027;background:#e7dcc8;margin:0;font-family:"Source Serif 4",Lora,Georgia,serif}button,textarea,input,select{font:inherit}.tool-page{background:linear-gradient(170deg,#f5eedd 0%,#e8dcc8 42%,#ddd3bf 100%);min-height:100vh}.tool-inner{max-width:1240px;margin:0 auto;padding:0 24px 60px}.tool-header{border-bottom:2px solid #5b8c5a1f;justify-content:space-between;align-items:center;gap:18px;padding:20px 0 16px;display:flex}.tool-brand{color:inherit;align-items:center;gap:12px;min-width:0;text-decoration:none;display:flex}.tool-brand img{object-fit:contain;filter:drop-shadow(0 3px 6px #5b8c5a47);width:44px;height:44px}.tool-brand strong,.tool-brand small{display:block}.tool-brand strong{color:#3a3027;font-family:DM Sans,ui-sans-serif,system-ui,sans-serif;font-size:20px;font-weight:850;line-height:1.1}.tool-brand small{color:#8a7a6a;margin-top:2px;font-size:12px;font-style:italic}.tool-nav{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.tool-nav a,.tool-button{color:#4a7a4a;cursor:pointer;background:#fffffab8;border:1px solid #5b8c5a3d;border-radius:8px;justify-content:center;align-items:center;min-height:38px;padding:0 14px;font-family:DM Sans,ui-sans-serif,system-ui,sans-serif;font-size:13px;font-weight:800;text-decoration:none;display:inline-flex}.tool-button.secondary{color:#906a50;border-color:#a070503d}.tool-grid{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:18px;padding-top:20px;display:grid}.tool-grid.wide-aside{grid-template-columns:minmax(0,1fr) 390px}.tool-stack{gap:14px;display:grid}.tool-panel,.tool-stat-panel,.tool-guide{background:#fffffabd;border:1px solid #5b8c5a26;border-radius:8px;overflow:hidden;box-shadow:0 4px 24px #3a30270f,inset 0 1px #ffffff80}.tool-panel-head,.tool-section-title{color:#8a7a6a;letter-spacing:.08em;text-transform:uppercase;background:#5b8c5a0a;border-bottom:1px solid #5b8c5a1a;font-family:DM Sans,ui-sans-serif,system-ui,sans-serif;font-size:11px;font-weight:850}.tool-panel-head{justify-content:space-between;align-items:flex-start;gap:16px;padding:14px 18px;display:flex}.tool-panel-head h1,.tool-panel-head h2{color:#3a3027;letter-spacing:0;text-transform:none;margin:5px 0 0;font-family:"Source Serif 4",Lora,Georgia,serif;font-size:28px;font-weight:850;line-height:1.15}.tool-section-title{padding:10px 14px}.tool-actions{flex:none;gap:8px;display:flex}.tool-body{padding:14px}.tool-field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.tool-field{gap:6px;min-width:0;display:grid}.tool-field.span-2{grid-column:1/-1}.tool-field span,.tool-label{color:#6a5a4a;font-family:DM Sans,ui-sans-serif,system-ui,sans-serif;font-size:12px;font-weight:800}.tool-field input,.tool-field textarea,.tool-field select{color:#3a3027;background:#fffffad6;border:1px solid #5b8c5a33;border-radius:8px;outline:0;width:100%;min-width:0;padding:10px 11px}.tool-field textarea{resize:vertical;line-height:1.65}.tool-field input::placeholder,.tool-field textarea::placeholder{color:#a89a8b}.tool-field input:focus-visible,.tool-field textarea:focus-visible,.tool-field select:focus-visible,.tool-button:focus-visible,.tool-nav a:focus-visible{outline-offset:2px;outline:3px solid #5b8c5a3d}.tool-stat-panel{grid-template-columns:1fr;display:grid}.tool-stat{justify-content:space-between;align-items:center;gap:12px;padding:13px 16px;display:flex}.tool-stat+.tool-stat{border-top:1px solid #5b8c5a1a}.tool-stat strong{color:#4a7a4a;font-variant-numeric:tabular-nums;font-family:DM Sans,ui-sans-serif,system-ui,sans-serif;font-size:28px;font-weight:850;line-height:1}.tool-stat span{color:#8a7a6a;text-align:right;font-family:DM Sans,ui-sans-serif,system-ui,sans-serif;font-size:12px;font-weight:800}.tool-metric-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.tool-card{background:#fffffa9e;border:1px solid #5b8c5a1f;border-radius:8px;padding:12px}.tool-card header{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.tool-card header span{color:#5a5040;font-family:DM Sans,ui-sans-serif,system-ui,sans-serif;font-size:13px;font-weight:850}.tool-card header strong,.tool-card b{color:#5b8c5a;font-family:DM Sans,ui-sans-serif,system-ui,sans-serif;font-weight:850}.tool-card p,.tool-card small,.tool-guide p,.tool-list p,.tool-note{color:#6a5a4a;margin:8px 0 0;font-size:14px;line-height:1.65}.tool-meter{background:#5b8c5a1a;border-radius:999px;height:8px;margin-top:10px;overflow:hidden}.tool-meter span{border-radius:inherit;background:linear-gradient(90deg,#5b8c5a,#7aaa6a);height:100%;display:block}.tool-meter.warn span{background:linear-gradient(90deg,#d4a24e,#c4943e)}.tool-meter.danger span{background:linear-gradient(90deg,#b44b43,#c86b58)}.tool-pill-row{flex-wrap:wrap;gap:8px;display:flex}.tool-pill{color:#4a7a4a;cursor:pointer;background:#5b8c5a14;border:1px solid #5b8c5a33;border-radius:999px;padding:7px 11px;font-family:DM Sans,ui-sans-serif,system-ui,sans-serif;font-size:12px;font-weight:800}.tool-pill.active{background:#5b8c5a2e;border-color:#5b8c5a}.tool-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.tool-list li{background:#5b8c5a0d;border-radius:7px;justify-content:space-between;align-items:center;gap:12px;padding:8px 10px;display:flex}.tool-list span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.tool-guide{margin-top:18px;padding:18px}.tool-guide h2{color:#3a3027;margin:0;font-size:25px;line-height:1.2}.tool-guide h3{color:#4a7a4a;margin:0;font-family:DM Sans,ui-sans-serif,system-ui,sans-serif;font-size:15px;line-height:1.3}.tool-guide-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:16px;display:grid}.tool-aside{gap:14px;display:grid;position:sticky;top:14px}.tool-faq{gap:10px;margin:14px 0 0;display:grid}.tool-faq-item{background:#fffffa9e;border:1px solid #5b8c5a2e;border-radius:8px;transition:background .12s,border-color .12s;overflow:hidden}.tool-faq-item[open]{background:#fffffaeb;border-color:#5b8c5a52}.tool-faq-item summary{cursor:pointer;color:#3a3027;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;font-family:DM Sans,ui-sans-serif,system-ui,sans-serif;font-size:14px;font-weight:800;list-style:none;display:flex}.tool-faq-item summary::-webkit-details-marker{content:"";display:none}.tool-faq-item summary::marker{content:"";display:none}.tool-faq-item summary:after{content:"+";color:#4a7a4a;background:#5b8c5a24;border-radius:50%;flex:none;justify-content:center;align-items:center;width:22px;height:22px;font-size:16px;font-weight:850;line-height:1;display:inline-flex}.tool-faq-item[open] summary:after{content:"−";background:#5b8c5a38}.tool-faq-item summary:hover{background:#5b8c5a0a}.tool-faq-item summary:focus-visible{outline-offset:-3px;outline:3px solid #5b8c5a3d}.tool-faq-answer{color:#5a5040;padding:0 16px 14px;font-size:14px;line-height:1.65}.tool-faq-answer p{margin:0}.tool-faq-answer p+p{margin-top:8px}@media (width<=980px){.tool-grid,.tool-grid.wide-aside{grid-template-columns:1fr}.tool-aside{position:static}.tool-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.tool-inner{padding:0 14px 42px}.tool-header,.tool-panel-head{flex-direction:column;align-items:stretch}.tool-nav,.tool-actions{width:100%}.tool-nav a,.tool-actions .tool-button{flex:1}.tool-field-grid,.tool-metric-grid,.tool-guide-grid{grid-template-columns:1fr}.tool-field.span-2{grid-column:auto}.tool-panel-head h1,.tool-panel-head h2{font-size:24px}}
