#dpwrap,#dpwrap *{box-sizing:border-box!important;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif!important}

/* ── ROOT THEME: Modern Newspaper Monochrome ──
  Ink:         #1f2024  — headlines
  Primary:     #1f2024  — main text, borders, buttons
  Charcoal:    #343a40  — dark headers, primary buttons
  Graphite:    #1f2024  — hover states, secondary dark
  Slate:       #5e5e69  — accent borders, labels
  Mid grey:    #5e5e69  — secondary text
  Muted:       #a0a1ad  — hints, placeholders
  Hairline:    #e0e0e0  — dividers
  Border:      #b5b7bf  — card borders
  Newsprint:   #f2f2f2  — section backgrounds
  Off-white:   #f2f2f2  — input backgrounds
  White:       #ffffff  — card backgrounds
  Green keep:  #166534  — savings accent (intentional)
  Green bg:    #f0fdf4  — savings bg (intentional)
*/

#dpwrap{background:#ffffff!important;border:1px solid #b5b7bf!important;padding:32px!important;max-width:1000px!important;margin:0 auto!important;color:#1f2024!important}

/* Header */
#dpwrap .ac-header{display:flex!important;align-items:center!important;justify-content:space-between!important;border-bottom:2px solid #343a40!important;padding-bottom:16px!important;margin-bottom:28px!important}
#dpwrap .ac-logo{font-size:14px!important;letter-spacing:0.2em!important;text-transform:uppercase!important;color:#343a40!important;font-weight:700!important;display:flex!important;align-items:center!important;gap:10px!important}
#dpwrap .ac-logo-mark{width:11px!important;height:11px!important;background:#343a40!important;display:inline-block!important;flex-shrink:0!important}
#dpwrap .ac-tagline{font-size:12px!important;color:#5e5e69!important;letter-spacing:0.12em!important;text-transform:uppercase!important;font-weight:500!important}

/* Debt input */
#dpwrap .section-label{font-size:11px!important;letter-spacing:0.13em!important;text-transform:uppercase!important;color:#5e5e69!important;font-weight:600!important;margin-bottom:10px!important;display:block!important}
#dpwrap .debt-list{display:flex!important;flex-direction:column!important;gap:1px!important;background:#b5b7bf!important;border:1px solid #b5b7bf!important;margin-bottom:2px!important}
#dpwrap .debt-row-header{background:#f2f2f2!important;padding:10px 16px!important;display:grid!important;grid-template-columns:1.8fr 1fr 1fr 1fr 40px!important;gap:10px!important}
#dpwrap .debt-row-header span{font-size:10px!important;letter-spacing:0.12em!important;text-transform:uppercase!important;color:#5e5e69!important;font-weight:600!important}
#dpwrap .debt-row{background:#f2f2f2!important;padding:12px 16px!important;display:grid!important;grid-template-columns:1.8fr 1fr 1fr 1fr 40px!important;gap:10px!important;align-items:start!important}
#dpwrap .debt-row input,#dpwrap .debt-row select{background:#ffffff!important;border:1.5px solid #b5b7bf!important;outline:none!important;font-size:15px!important;font-weight:600!important;color:#1f2024!important;width:100%!important;padding:7px 9px!important;height:40px!important;border-radius:0!important;-webkit-appearance:none!important;appearance:none!important;margin:0!important;box-shadow:none!important}
#dpwrap .debt-row input:focus,#dpwrap .debt-row select:focus{border-color:#1f2024!important}
#dpwrap .debt-name-col{display:flex!important;flex-direction:column!important;gap:4px!important}
#dpwrap .debt-custom{height:32px!important;font-size:12px!important;font-weight:500!important;color:#5e5e69!important;border:1.5px solid #e0e0e0!important;background:#ffffff!important;padding:0 8px!important;width:100%!important;border-radius:0!important;outline:none!important;-webkit-appearance:none!important}
#dpwrap .remove-btn{background:#ffffff!important;border:1.5px solid #b5b7bf!important;color:#a0a1ad!important;font-size:20px!important;cursor:pointer!important;width:36px!important;height:40px!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important;padding:0!important;border-radius:0!important;transition:all 0.15s!important}
#dpwrap .remove-btn:hover{background:#343a40!important;color:#ffffff!important;border-color:#343a40!important}
#dpwrap .add-btn{background:transparent!important;border:1.5px solid #1f2024!important;color:#1f2024!important;font-size:11px!important;letter-spacing:0.13em!important;text-transform:uppercase!important;padding:10px 18px!important;cursor:pointer!important;font-weight:600!important;margin-bottom:16px!important;display:inline-block!important;border-radius:0!important;transition:all 0.15s!important}
#dpwrap .add-btn:hover{background:#343a40!important;color:#ffffff!important;border-color:#343a40!important}
#dpwrap .extra-row{background:#f2f2f2!important;border:1px solid #e0e0e0!important;padding:16px 20px!important;display:flex!important;align-items:center!important;gap:16px!important;margin-bottom:2px!important;flex-wrap:wrap!important}
#dpwrap .extra-row label{font-size:11px!important;letter-spacing:0.13em!important;text-transform:uppercase!important;color:#5e5e69!important;font-weight:600!important;white-space:nowrap!important}
#dpwrap .extra-row input{background:#ffffff!important;border:1.5px solid #b5b7bf!important;outline:none!important;font-size:18px!important;font-weight:700!important;color:#1f2024!important;padding:7px 10px!important;height:44px!important;width:180px!important;border-radius:0!important;-webkit-appearance:none!important;appearance:none!important;margin:0!important;box-shadow:none!important}

/* Calculate button */
#dpwrap button#dp-calcBtn{width:100%!important;padding:18px!important;background:#1a3a5c!important;color:#ffffff!important;font-size:15px!important;letter-spacing:0.22em!important;text-transform:uppercase!important;border:none!important;cursor:pointer!important;font-weight:700!important;margin-top:16px!important;margin-bottom:16px!important;display:block!important;text-align:center!important;box-shadow:none!important;border-radius:0!important;transition:background 0.15s!important}
#dpwrap button#dp-calcBtn:hover{background:#0f2744!important}

/* Debt Summary box */
#dpwrap .totals-box{display:none;margin-top:28px!important;border:1px solid #b5b7bf!important;overflow:hidden!important}
#dpwrap .totals-box.visible{display:block!important}
#dpwrap .totals-box-head{background:#f2f2f2!important;padding:12px 20px!important;font-size:11px!important;letter-spacing:0.15em!important;text-transform:uppercase!important;font-weight:700!important;color:#1f2024!important;border-bottom:2px solid #343a40!important;display:flex!important;align-items:center!important;gap:8px!important}
#dpwrap .totals-box-head::before{content:''!important;display:inline-block!important;width:8px!important;height:8px!important;background:#343a40!important;flex-shrink:0!important}
#dpwrap .totals-grid{display:grid!important;grid-template-columns:repeat(5,1fr)!important;gap:1px!important;background:#b5b7bf!important}
#dpwrap .total-cell{background:#ffffff!important;padding:16px 18px!important}
#dpwrap .total-cell-label{font-size:10px!important;letter-spacing:0.12em!important;text-transform:uppercase!important;color:#5e5e69!important;font-weight:600!important;margin-bottom:8px!important;display:block!important}
#dpwrap .total-cell-val{font-size:22px!important;font-weight:700!important;color:#1f2024!important;line-height:1!important;display:block!important}
#dpwrap .total-cell.accent{background:#f2f2f2!important;border-top:3px solid #343a40!important}
#dpwrap .total-cell.accent .total-cell-val{color:#343a40!important}

/* Section spacing */
#dpwrap .section-gap{margin-top:28px!important}

/* Extra Payment vs Minimum Payment box */
#dpwrap .ep-compare-box{display:none;margin-top:28px!important;border:1px solid #b5b7bf!important;overflow:hidden!important}
#dpwrap .ep-compare-box.visible{display:block!important}
#dpwrap .ep-compare-head{background:#343a40!important;color:#ffffff!important;padding:14px 20px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;flex-wrap:wrap!important;gap:12px!important}
#dpwrap .ep-compare-title{font-size:11px!important;letter-spacing:0.15em!important;text-transform:uppercase!important;font-weight:700!important}
#dpwrap .ep-savings-callout{background:#166534!important;color:#ffffff!important;font-size:13px!important;font-weight:700!important;padding:8px 16px!important;letter-spacing:0.02em!important}
#dpwrap .ep-compare-grid{display:grid!important;grid-template-columns:1fr 1fr 1fr!important;gap:1px!important;background:#b5b7bf!important;align-items:stretch!important}
#dpwrap .ep-col{background:#ffffff!important;overflow:hidden!important;display:flex!important;flex-direction:column!important}
#dpwrap .ep-col-head{padding:11px 16px!important;font-size:10px!important;letter-spacing:0.13em!important;text-transform:uppercase!important;font-weight:700!important;border-bottom:1px solid #b5b7bf!important}
#dpwrap .ep-col.minimums .ep-col-head{color:#5e5e69!important;background:#f2f2f2!important;border-bottom:2px solid #a0a1ad!important}
#dpwrap .ep-col.epdiff .ep-col-head{color:#166534!important;background:#f0fdf4!important;border-bottom:2px solid #166534!important}
#dpwrap .ep-col.epdiff{background:#f0fdf4!important}
#dpwrap .ep-col.withextra .ep-col-head{color:#1f2024!important;background:#ffffff!important;border-bottom:2px solid #343a40!important}
#dpwrap .ep-rows{display:flex!important;flex-direction:column!important;gap:1px!important;background:#b5b7bf!important}
#dpwrap .ep-row{background:#ffffff!important;padding:13px 16px!important;display:flex!important;flex-direction:column!important;gap:5px!important}
#dpwrap .ep-col.epdiff .ep-rows{display:flex!important;flex-direction:column!important;gap:1px!important;background:#b5b7bf!important;flex:1!important}
#dpwrap .ep-col.epdiff .ep-row{background:#f0fdf4!important;flex:1!important;justify-content:center!important}
#dpwrap .ep-row-label{font-size:10px!important;letter-spacing:0.1em!important;text-transform:uppercase!important;color:#5e5e69!important;font-weight:600!important}
#dpwrap .ep-row-val{font-size:20px!important;font-weight:700!important;color:#1f2024!important;line-height:1!important}
#dpwrap .ep-col.epdiff .ep-row-val{color:#166534!important}

/* Method result blocks */
#dpwrap .methods-wrap{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important;margin-top:28px!important;margin-bottom:28px!important}
#dpwrap .method-block{border:1px solid #b5b7bf!important;overflow:hidden!important}
#dpwrap .method-block-head{padding:16px 20px!important;font-size:12px!important;letter-spacing:0.15em!important;text-transform:uppercase!important;font-weight:700!important;display:flex!important;align-items:center!important;gap:10px!important}
#dpwrap .method-head-dot{width:12px!important;height:12px!important;flex-shrink:0!important}
#dpwrap .method-block.avalanche .method-block-head{background:#343a40!important;color:#ffffff!important}
#dpwrap .method-block.avalanche .method-head-dot{background:#ffffff!important}
#dpwrap .method-block.snowball .method-block-head{background:#1f2024!important;color:#ffffff!important}
#dpwrap .method-block.snowball .method-head-dot{background:#a0a1ad!important}
#dpwrap .method-kpis{display:grid!important;grid-template-columns:1fr 1fr!important;gap:1px!important;background:#b5b7bf!important}
#dpwrap .method-kpi{background:#ffffff!important;padding:18px 20px!important}
#dpwrap .method-kpi-label{font-size:10px!important;letter-spacing:0.12em!important;text-transform:uppercase!important;color:#5e5e69!important;font-weight:600!important;margin-bottom:10px!important;display:block!important}
#dpwrap .method-kpi-val{font-size:20px!important;font-weight:700!important;color:#1f2024!important;line-height:1!important;display:block!important}
#dpwrap .method-desc{font-size:12px!important;color:#5e5e69!important;padding:10px 20px!important;background:#f2f2f2!important;border-top:1px solid #e0e0e0!important;line-height:1.5!important}

/* Full comparison box */
#dpwrap .comparison-block{border:1px solid #b5b7bf!important;margin-bottom:28px!important;overflow:hidden!important}
#dpwrap .comparison-block-head{background:#343a40!important;color:#ffffff!important;padding:12px 20px!important;font-size:11px!important;letter-spacing:0.15em!important;text-transform:uppercase!important;font-weight:700!important;display:flex!important;align-items:center!important;justify-content:space-between!important}
#dpwrap .winner-tag{background:#ffffff!important;color:#1f2024!important;font-size:10px!important;letter-spacing:0.1em!important;padding:4px 10px!important;font-weight:700!important}
#dpwrap .comparison-grid{display:grid!important;grid-template-columns:1fr 1fr 1fr!important;gap:1px!important;background:#b5b7bf!important}
#dpwrap .comp-col{background:#ffffff!important}
#dpwrap .comp-col-head{padding:10px 16px!important;font-size:10px!important;letter-spacing:0.12em!important;text-transform:uppercase!important;font-weight:700!important;border-bottom:1px solid #b5b7bf!important}
#dpwrap .comp-col.av .comp-col-head{color:#1f2024!important;border-bottom:2px solid #343a40!important}
#dpwrap .comp-col.sb .comp-col-head{color:#1f2024!important;border-bottom:2px solid #1f2024!important}
#dpwrap .comp-col.diff .comp-col-head{color:#166534!important;border-bottom:2px solid #166534!important;background:#f0fdf4!important}
#dpwrap .comp-col.diff{background:#f0fdf4!important}
#dpwrap .comp-rows{display:flex!important;flex-direction:column!important;gap:1px!important;background:#b5b7bf!important}
#dpwrap .comp-row{background:#ffffff!important;padding:12px 16px!important;display:flex!important;flex-direction:column!important;gap:5px!important}
#dpwrap .comp-col.diff .comp-row{background:#f0fdf4!important}
#dpwrap .comp-row-label{font-size:10px!important;letter-spacing:0.1em!important;text-transform:uppercase!important;color:#5e5e69!important;font-weight:600!important}
#dpwrap .comp-row-val{font-size:18px!important;font-weight:700!important;color:#1f2024!important;line-height:1!important}
#dpwrap .comp-col.diff .comp-row-val{color:#166534!important}
#dpwrap .comparison-verdict{padding:12px 20px!important;background:#f2f2f2!important;font-size:12px!important;color:#5e5e69!important;line-height:1.6!important;border-top:1px solid #e0e0e0!important}

/* Charts */
#dpwrap .charts-row{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important;margin-bottom:28px!important}
#dpwrap .chart-block{background:#ffffff!important;border:1px solid #b5b7bf!important;padding:18px!important}
#dpwrap .chart-block-title{font-size:11px!important;letter-spacing:0.13em!important;text-transform:uppercase!important;color:#5e5e69!important;font-weight:600!important;margin-bottom:8px!important;display:block!important}
#dpwrap .chart-legend{display:flex!important;gap:14px!important;margin-bottom:10px!important}
#dpwrap .leg-item{display:flex!important;align-items:center!important;gap:5px!important;font-size:11px!important;color:#5e5e69!important;font-weight:500!important}
#dpwrap .leg-dot{width:10px!important;height:10px!important;border-radius:2px!important;flex-shrink:0!important}

/* Breakdown */
#dpwrap .ac-breakdown{border:1px solid #b5b7bf!important;background:#ffffff!important}
#dpwrap .ac-breakdown summary{padding:16px 20px!important;font-size:13px!important;letter-spacing:0.1em!important;text-transform:uppercase!important;color:#1f2024!important;cursor:pointer!important;list-style:none!important;display:flex!important;justify-content:space-between!important;align-items:center!important;user-select:none!important;font-weight:700!important}
#dpwrap .ac-breakdown summary::-webkit-details-marker{display:none!important}
#dpwrap .toggle-box{width:34px!important;height:34px!important;background:#343a40!important;color:#ffffff!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:22px!important;font-weight:300!important;flex-shrink:0!important;line-height:1!important}
#dpwrap .ac-breakdown[open] .toggle-box .pl{display:none!important}
#dpwrap .ac-breakdown[open] .toggle-box .mn{display:block!important}
#dpwrap .ac-breakdown:not([open]) .toggle-box .pl{display:block!important}
#dpwrap .ac-breakdown:not([open]) .toggle-box .mn{display:none!important}
#dpwrap .tbl-wrap{overflow:auto!important;border-top:1px solid #b5b7bf!important}
#dpwrap .dp-table{width:100%!important;border-collapse:collapse!important;min-width:580px!important}
#dpwrap .dp-table th{padding:11px 14px!important;text-align:right!important;font-size:10px!important;letter-spacing:0.1em!important;text-transform:uppercase!important;color:#5e5e69!important;font-weight:600!important;border-bottom:1px solid #b5b7bf!important;background:#f2f2f2!important}
#dpwrap .dp-table th:first-child{text-align:left!important}
#dpwrap .dp-table td{padding:11px 14px!important;text-align:right!important;border-bottom:1px solid #e0e0e0!important;color:#1f2024!important;font-size:13px!important;font-weight:500!important}
#dpwrap .dp-table td:first-child{text-align:left!important;color:#5e5e69!important;font-weight:700!important}
#dpwrap .dp-table tr:last-child td{border-bottom:none!important}

/* Footer */
#dpwrap .ac-footer{display:flex!important;justify-content:space-between!important;align-items:center!important;padding:20px 0 0!important;margin-top:20px!important;border-top:1px solid #e0e0e0!important;gap:12px!important;flex-wrap:wrap!important}
#dpwrap .ac-hint{font-size:12px!important;color:#a0a1ad!important;flex:1!important}
#dpwrap .ac-footer-btns{display:flex!important;gap:10px!important;flex-shrink:0!important}
#dpwrap button#dp-shareBtn{background:#343a40!important;border:2px solid #343a40!important;color:#ffffff!important;font-size:12px!important;letter-spacing:0.15em!important;text-transform:uppercase!important;padding:0 24px!important;cursor:pointer!important;font-weight:700!important;height:46px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;box-shadow:none!important;border-radius:0!important;outline:none!important;white-space:nowrap!important}
#dpwrap button#dp-shareBtn:hover{background:#1f2024!important;border-color:#1f2024!important}
#dpwrap button#dp-downloadBtn{background:#ffffff!important;border:2px solid #343a40!important;color:#1f2024!important;font-size:12px!important;letter-spacing:0.15em!important;text-transform:uppercase!important;padding:0 24px!important;cursor:pointer!important;font-weight:700!important;height:46px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;box-shadow:none!important;border-radius:0!important;outline:none!important;white-space:nowrap!important}
#dpwrap button#dp-downloadBtn:hover{background:#343a40!important;color:#ffffff!important}

/* Tablet */
/* Tablet */
@media(max-width:900px){
  #dpwrap{padding:24px!important}
  #dpwrap .ep-compare-grid{grid-template-columns:1fr!important}
  #dpwrap .comparison-grid{grid-template-columns:1fr!important}
  #dpwrap .totals-grid{grid-template-columns:1fr 1fr!important}
  #dpwrap .charts-row{grid-template-columns:1fr!important}
  #dpwrap .ep-compare-head{flex-direction:column!important;align-items:flex-start!important}
  #dpwrap .ep-savings-callout{width:100%!important;text-align:center!important}
  #dpwrap .methods-wrap{grid-template-columns:1fr!important}
}

/* Mobile */
@media(max-width:640px){
  #dpwrap{padding:16px!important}
  #dpwrap .debt-row{grid-template-columns:1fr 1fr!important}
  #dpwrap .debt-row-header{grid-template-columns:1fr 1fr!important}
  #dpwrap .debt-name-col{grid-column:1 / -1!important}
  #dpwrap .methods-wrap{grid-template-columns:1fr!important}
  #dpwrap .method-kpis{grid-template-columns:1fr 1fr!important}
  #dpwrap .totals-grid{grid-template-columns:1fr!important}
  #dpwrap .remove-btn{width:100%!important}
  #dpwrap .ac-footer{flex-direction:column!important;align-items:stretch!important}
  #dpwrap .ac-footer-btns{flex-direction:column!important;width:100%!important}
  #dpwrap button#dp-shareBtn,#dpwrap button#dp-downloadBtn{width:100%!important;justify-content:center!important}
  #dpwrap .total-cell-val{font-size:18px!important}
  #dpwrap .method-kpi-val{font-size:16px!important}
  #dpwrap .ep-row-val{font-size:16px!important}
  #dpwrap .comp-row-val{font-size:15px!important}
  #dpwrap .ac-hint{text-align:center!important}
}