.db-hero{display:flex;align-items:center;justify-content:space-between;background:#d6ccfa;border-radius:28px;padding:26px;margin-bottom:18px;overflow:hidden}.db-hero h1{font:600 clamp(32px,7vw,48px) Fredoka;margin:10px 0}.db-hero p{line-height:1.6;margin:0}.db-hero img{width:32%;max-width:160px;object-fit:contain}.db-hero .eyebrow{font-size:10px}.db-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px}.db-stats>div{padding:20px;background:#fff0ba;border-radius:22px}.db-stats>div+div{background:#d8ede5}.db-stats small,.db-stats strong{display:block}.db-stats strong{font:500 clamp(20px,5vw,32px) Fredoka;margin-top:8px;overflow-wrap:anywhere}#addDebt{display:flex;align-items:center;justify-content:center;gap:10px}#addDebt svg{width:30px;height:30px}.db-advice,.db-card,.db-empty{padding:23px;border-radius:23px;margin-top:20px;border:1px solid #d9e2e6;background:#fffdf7}.db-advice{background:#e6f3fc;border:0}.db-advice h2,.db-card h2,.db-empty h2{font:500 23px Fredoka;margin:0 0 8px}.db-advice p{line-height:1.65;font-size:14px}.db-card-top{display:flex;align-items:center;gap:12px}.db-card-top>span svg{width:40px;height:40px}.db-card-top>div{flex:1;min-width:0;overflow-wrap:anywhere}.db-card small{font-size:12px}.db-balance{display:block;font:500 36px Fredoka;margin-top:20px}.db-comparison{display:grid;grid-template-columns:1fr 1fr;border-radius:18px;overflow:hidden;background:#f1edf9;margin:16px 0}.db-comparison>div{padding:15px;display:grid;gap:8px}.db-comparison>div+div{background:#e5f1d6}.db-comparison b{font-size:19px}.db-comparison span{font-size:12px}.db-win{font-weight:700}.db-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.db-fields input{min-width:0;width:100%}.db-home{border:0;border-radius:22px;background:#ddd3fc;display:flex;align-items:center;gap:14px;padding:22px;width:100%;text-align:left;margin-top:16px}.db-home>span{flex:1}.db-home b,.db-home small{display:block}.db-home b{font:500 24px Fredoka}.db-home small{margin-top:5px}.db-home svg{width:36px;height:36px}.db-assumptions{margin:25px 0;line-height:1.65;font-size:12px}.db-assumptions summary{cursor:pointer;font-weight:700}#debtError{color:#a33a2f}#debtEdit{max-width:560px}#debtPanel .check{line-height:1.5}#debtPanel input[type=checkbox]{flex:none}.dock #debtNav{font-size:11px}@media(max-width:700px){.dock{grid-template-columns:repeat(5,1fr)}.db-hero{padding:20px}.db-card{padding:18px}.db-stats>div{padding:15px}.db-comparison>div{padding:12px}.db-fields{gap:9px}}@media(min-width:900px){.db-hero{min-height:210px}.db-hero img{width:180px;max-width:180px}.dock #debtNav{font-size:14px}}
