/* ZEN Tools: 債務整理 費用・返済 比較ツール */
#zt-debt-tool { max-width:100%; margin:32px 0; font-family:'Hiragino Sans','Noto Sans JP',sans-serif; font-size:16px; line-height:1.8; color:#333; }
#zt-debt-tool * { box-sizing:border-box; }
#zt-debt-tool .zt-dt-box { border:2px solid #207ec8; border-radius:6px; overflow:hidden; background:#fff; }
#zt-debt-tool .zt-dt-head { background:#207ec8; color:#fff; font-size:16px; font-weight:bold; padding:10px 16px; }
#zt-debt-tool .zt-dt-body { padding:20px; }
#zt-debt-tool .zt-dt-inputs { display:grid; grid-template-columns:1fr 1fr; gap:12px 20px; margin-bottom:16px; }
#zt-debt-tool .zt-dt-fg label { display:block; font-size:14px; font-weight:bold; color:#333; margin-bottom:2px; }
#zt-debt-tool .zt-dt-fg input { width:100%; padding:8px 10px; border:1px solid #ddd; border-radius:4px; font-size:16px; font-family:inherit; color:#333; background:#fff; outline:none; -webkit-appearance:none; appearance:none; }
#zt-debt-tool .zt-dt-fg input:focus { border-color:#207ec8; }
#zt-debt-tool .zt-dt-u { font-size:12px; color:#999; margin-top:2px; }
#zt-debt-tool .zt-dt-sep { height:1px; background:#ddd; margin:20px 0; }
#zt-debt-tool .zt-dt-rtitle { font-size:15px; font-weight:bold; color:#333; margin:0 0 16px; padding-left:10px; border-left:4px solid #207ec8; }
#zt-debt-tool .zt-dt-cards { display:flex; flex-direction:column; gap:16px; }
#zt-debt-tool .zt-dt-card { border:1px solid #ddd; border-radius:6px; overflow:hidden; }
#zt-debt-tool .zt-dt-card__h { display:flex; align-items:center; justify-content:space-between; padding:10px 14px; background:#f8f8f8; border-bottom:1px solid #ddd; font-weight:bold; font-size:15px; color:#333; }
#zt-debt-tool .zt-dt-card__tag { font-size:12px; font-weight:normal; color:#777; }
#zt-debt-tool .zt-dt-row { display:flex; justify-content:space-between; align-items:center; padding:10px 14px; border-bottom:1px solid #f0f0f0; font-size:14px; }
#zt-debt-tool .zt-dt-row:last-child { border-bottom:none; }
#zt-debt-tool .zt-dt-lbl { color:#777; font-size:13px; }
#zt-debt-tool .zt-dt-val { font-weight:bold; color:#333; text-align:right; }
#zt-debt-tool .zt-dt-val--b { color:#207ec8; }
#zt-debt-tool .zt-dt-msg { background:#f8f8f8; border-radius:6px; padding:14px 16px; margin:16px 0 0; font-size:14px; line-height:1.8; color:#333; border-left:4px solid #207ec8; }
#zt-debt-tool .zt-dt-disc { font-size:12px; color:#999; margin:12px 0 0; line-height:1.7; }

@media (max-width:600px) {
    #zt-debt-tool .zt-dt-inputs { grid-template-columns:1fr 1fr; gap:10px 12px; }
    #zt-debt-tool .zt-dt-fg input { font-size:16px; padding:10px 8px; }
    #zt-debt-tool .zt-dt-body { padding:16px; }
    #zt-debt-tool .zt-dt-row { padding:8px 12px; }
    #zt-debt-tool .zt-dt-card__h { padding:8px 12px; font-size:14px; flex-direction:column; align-items:flex-start; gap:2px; }
}