/* ROBERIN debt repayment planner Phase 1 redesign v4 / Phase 2 body v7 - 2026-06-01
   Reference: https://roberin.com/projects/date-difference-calculator/ */
body.postid-1543 {
  overflow-x: clip !important;
  background:
    linear-gradient(90deg, rgba(107, 87, 69, 0.025) 1px, transparent 1px) 0 0 / 18px 18px,
    linear-gradient(0deg, rgba(107, 87, 69, 0.022) 1px, transparent 1px) 0 0 / 18px 18px,
    #faf2e8 !important;
}

body.postid-1543 .cs-site-content > .cs-container,
body.postid-1543 .cs-main-content,
body.postid-1543 .cs-content-area,
body.postid-1543 .cs-entry__container,
body.postid-1543 .cs-entry__content-wrap {
  width: 100% !important;
  max-width: none !important;
}

body.postid-1543 .cs-breadcrumbs,
body.postid-1543 .cs-entry__header {
  width: min(1088px, calc(100vw - 32px)) !important;
  max-width: 1088px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}

body.postid-1543 .cs-entry__header {
  margin-top: 18px !important;
  margin-bottom: 12px !important;
  text-align: left !important;
}

body.postid-1543 .cs-entry__title {
  color: #2b2119 !important;
  -webkit-text-fill-color: #2b2119 !important;
  font-size: clamp(30px, 3vw, 40px) !important;
  line-height: 1.12 !important;
  font-weight: 950 !important;
  letter-spacing: -0.055em !important;
  word-break: keep-all !important;
}

body.postid-1543[data-scheme="dark"],
body.postid-1543[data-scheme="inverse"],
html[data-scheme="dark"] body.postid-1543 {
  background:
    linear-gradient(90deg, rgba(169, 139, 107, 0.026) 1px, transparent 1px) 0 0 / 18px 18px,
    linear-gradient(0deg, rgba(169, 139, 107, 0.024) 1px, transparent 1px) 0 0 / 18px 18px,
    #1f1811 !important;
}

body.postid-1543[data-scheme="dark"] .cs-entry__title,
body.postid-1543[data-scheme="inverse"] .cs-entry__title,
html[data-scheme="dark"] body.postid-1543 .cs-entry__title {
  color: #f2e4cf !important;
  -webkit-text-fill-color: #f2e4cf !important;
}

.debt-repayment-planner,
.debt-repayment-planner * {
  box-sizing: border-box !important;
}

body:has(.debt-repayment-planner) {
  overflow-x: clip !important;
}

.debt-repayment-planner {
  --drp-page: #f9f1e7;
  --drp-panel: #fff7e8;
  --drp-card: #fff8ed;
  --drp-soft: #f8efe2;
  --drp-accent-soft: #e2edd8;
  --drp-text: #34281f;
  --drp-muted: #574838;
  --drp-line: #6b5745;
  --drp-emphasis: #7a412f;
  --drp-mustard: #d2aa55;
  --drp-focus: #4f7d94;
  --drp-danger-bg: #f7dfd2;
  --drp-danger-line: #a84e36;
  --drp-shadow: rgba(72, 55, 40, 0.24);
  width: min(1088px, calc(100vw - 32px)) !important;
  margin: 18px auto 24px !important;
  padding: 14px !important;
  color: var(--drp-text) !important;
  -webkit-text-fill-color: var(--drp-text) !important;
  font-family: inherit !important;
  background:
    linear-gradient(rgba(107, 87, 69, 0.055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(107, 87, 69, 0.045) 1px, transparent 1px),
    var(--drp-panel) !important;
  background-size: 20px 20px, 20px 20px, auto !important;
  border: 2px solid var(--drp-line) !important;
  border-radius: 0 !important;
  box-shadow: 4px 4px 0 var(--drp-shadow) !important;
  overflow: clip !important;
}

.debt-repayment-planner button,
.debt-repayment-planner input,
.debt-repayment-planner select {
  font: inherit !important;
}

.drp-hero {
  display: grid !important;
  gap: 8px !important;
  padding: 0 0 12px !important;
  margin: 0 0 14px !important;
  border-bottom: 2px solid var(--drp-line) !important;
  background: transparent !important;
  box-shadow: none !important;
}

.drp-kicker,
.drp-panel-eyebrow {
  margin: 0 !important;
  font-size: 0.76rem !important;
  line-height: 1.25 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  font-weight: 800 !important;
  color: var(--drp-emphasis) !important;
  -webkit-text-fill-color: var(--drp-emphasis) !important;
}

.drp-title {
  margin: 0 !important;
  color: var(--drp-text) !important;
  -webkit-text-fill-color: var(--drp-text) !important;
  font-size: clamp(1.5rem, 2.25vw, 2rem) !important;
  line-height: 1.18 !important;
  letter-spacing: -0.03em !important;
  font-weight: 900 !important;
}

.drp-description,
.drp-panel-copy,
.drp-section-minihead p,
.strategy-desc,
.tip-item p {
  margin: 0 !important;
  color: var(--drp-muted) !important;
  -webkit-text-fill-color: var(--drp-muted) !important;
  line-height: 1.62 !important;
}

.drp-description {
  max-width: 760px !important;
  font-size: 0.98rem !important;
}

.drp-hero-notes {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 7px !important;
  margin-top: 3px !important;
}

.drp-hero-notes span,
.schedule-count,
.strategy-mark {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1.5px solid var(--drp-line) !important;
  border-radius: 0 !important;
  background: var(--drp-accent-soft) !important;
  color: var(--drp-text) !important;
  -webkit-text-fill-color: var(--drp-text) !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
}

.drp-hero-notes span {
  padding: 5px 9px !important;
  font-size: 0.78rem !important;
}

.drp-error {
  margin: 0 0 14px !important;
  padding: 11px 13px !important;
  border: 2px solid var(--drp-danger-line) !important;
  border-radius: 0 !important;
  background: var(--drp-danger-bg) !important;
  color: #54251a !important;
  -webkit-text-fill-color: #54251a !important;
  font-weight: 800 !important;
  line-height: 1.5 !important;
}

.drp-error[hidden] {
  display: none !important;
}

.drp-layout {
  display: grid !important;
  grid-template-columns: minmax(320px, 0.82fr) minmax(0, 1.38fr) !important;
  gap: 10px !important;
  align-items: start !important;
}

.drp-panel,
.drp-tool-help {
  min-width: 0 !important;
  padding: 12px !important;
  border: 1px solid var(--drp-line) !important;
  border-radius: 0 !important;
  background: rgba(255, 253, 247, 0.94) !important;
  box-shadow: 2px 2px 0 rgba(82, 65, 50, 0.14) !important;
}

.drp-panel-heading {
  display: grid !important;
  gap: 4px !important;
  margin: 0 0 12px !important;
}

.section-title,
.options-title,
.schedule-title,
.tips-title,
.debt-title,
.tip-item h4 {
  margin: 0 !important;
  color: var(--drp-text) !important;
  -webkit-text-fill-color: var(--drp-text) !important;
  font-weight: 900 !important;
  letter-spacing: -0.02em !important;
}

.section-title,
.tips-title {
  font-size: 1.13rem !important;
  line-height: 1.25 !important;
}

.options-title,
.schedule-title,
.debt-title,
.tip-item h4 {
  font-size: 0.96rem !important;
  line-height: 1.35 !important;
}

.drp-debts-container {
  display: grid !important;
  gap: 10px !important;
  margin: 0 0 10px !important;
  max-height: 480px !important;
  overflow-y: auto !important;
  overflow-x: clip !important;
  padding-right: 2px !important;
}

.drp-debt-item {
  min-width: 0 !important;
  padding: 12px !important;
  border: 1px solid rgba(107, 87, 69, 0.72) !important;
  border-radius: 0 !important;
  background: var(--drp-soft) !important;
  box-shadow: 2px 2px 0 rgba(82, 65, 50, 0.12) !important;
}

.debt-header,
.schedule-heading {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  margin: 0 0 10px !important;
}

.remove-debt-btn {
  width: 30px !important;
  height: 30px !important;
  padding: 0 !important;
  border: 1px solid var(--drp-line) !important;
  border-radius: 0 !important;
  background: var(--drp-card) !important;
  color: var(--drp-emphasis) !important;
  -webkit-text-fill-color: var(--drp-emphasis) !important;
  cursor: pointer !important;
  align-items: center !important;
  justify-content: center !important;
}

.remove-debt-btn:hover,
.remove-debt-btn:focus-visible {
  background: var(--drp-danger-bg) !important;
}

.form-row {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

.form-group {
  min-width: 0 !important;
  margin: 0 0 10px !important;
}

.form-group--full {
  margin-bottom: 10px !important;
}

.debt-repayment-planner label {
  display: block !important;
  margin: 0 0 5px !important;
  color: var(--drp-muted) !important;
  -webkit-text-fill-color: var(--drp-muted) !important;
  font-size: 0.82rem !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
}

.debt-repayment-planner input,
.debt-repayment-planner select {
  width: 100% !important;
  min-height: 42px !important;
  padding: 9px 10px !important;
  border: 1px solid var(--drp-line) !important;
  border-radius: 0 !important;
  background: var(--drp-card) !important;
  color: var(--drp-text) !important;
  -webkit-text-fill-color: var(--drp-text) !important;
  box-shadow: inset 2px 2px 0 rgba(82, 65, 50, 0.08) !important;
  outline: none !important;
}

.debt-repayment-planner input:focus,
.debt-repayment-planner select:focus,
.debt-repayment-planner button:focus-visible {
  outline: 3px solid rgba(79, 125, 148, 0.32) !important;
  outline-offset: 2px !important;
  border-color: var(--drp-focus) !important;
}

.drp-add-debt-btn,
.drp-calculate-btn,
.drp-reset-btn,
.drp-action-btn,
.strategy-btn,
.chart-tab {
  cursor: pointer !important;
  transition: transform 0.16s ease, box-shadow 0.16s ease, background-color 0.16s ease !important;
}

.drp-add-debt-btn,
.drp-calculate-btn,
.drp-reset-btn,
.drp-action-btn {
  min-height: 42px !important;
  border: 2px solid var(--drp-line) !important;
  border-radius: 0 !important;
  font-weight: 900 !important;
}

.drp-add-debt-btn {
  width: 100% !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  margin: 0 0 14px !important;
  background: var(--drp-accent-soft) !important;
  color: var(--drp-text) !important;
  -webkit-text-fill-color: var(--drp-text) !important;
}

.strategy-options,
.extra-payment-section {
  display: grid !important;
  gap: 8px !important;
  margin: 0 0 14px !important;
}

.drp-section-minihead {
  display: grid !important;
  gap: 3px !important;
}

.drp-section-minihead p {
  font-size: 0.82rem !important;
}

.strategy-buttons {
  display: grid !important;
  gap: 8px !important;
}

.strategy-btn {
  width: 100% !important;
  display: grid !important;
  grid-template-columns: 52px minmax(0, 1fr) !important;
  gap: 10px !important;
  align-items: center !important;
  padding: 10px !important;
  text-align: left !important;
  border: 1px solid var(--drp-line) !important;
  border-radius: 0 !important;
  background: var(--drp-card) !important;
  color: var(--drp-text) !important;
  -webkit-text-fill-color: var(--drp-text) !important;
}

.strategy-btn.active,
.strategy-btn[aria-pressed="true"] {
  background: var(--drp-accent-soft) !important;
  box-shadow: 3px 3px 0 rgba(82, 65, 50, 0.18) !important;
}

.strategy-mark {
  width: 48px !important;
  min-height: 34px !important;
  padding: 5px !important;
  border-radius: 0 !important;
  font-size: 0.8rem !important;
}

.strategy-info {
  display: grid !important;
  gap: 2px !important;
  min-width: 0 !important;
}

.strategy-name {
  color: var(--drp-text) !important;
  -webkit-text-fill-color: var(--drp-text) !important;
  font-weight: 900 !important;
  line-height: 1.3 !important;
}

.strategy-desc {
  font-size: 0.8rem !important;
}

.calc-buttons,
.action-buttons {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 9px !important;
}

.drp-calculate-btn {
  background: #35271d !important;
  color: #fffaf0 !important;
  -webkit-text-fill-color: #fffaf0 !important;
  box-shadow: 3px 3px 0 rgba(82, 65, 50, 0.26) !important;
}

.drp-reset-btn,
.drp-action-btn,
.chart-tab {
  background: var(--drp-card) !important;
  color: var(--drp-text) !important;
  -webkit-text-fill-color: var(--drp-text) !important;
}

.drp-add-debt-btn:hover,
.drp-calculate-btn:hover,
.drp-reset-btn:hover,
.drp-action-btn:hover,
.strategy-btn:hover,
.chart-tab:hover {
  transform: translate(1px, 1px) !important;
}

.results-summary {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 9px !important;
  margin: 0 0 12px !important;
}

.summary-item {
  min-width: 0 !important;
  padding: 12px !important;
  border: 2px solid var(--drp-line) !important;
  border-radius: 0 !important;
  background: var(--drp-soft) !important;
  box-shadow: 2px 2px 0 rgba(82, 65, 50, 0.13) !important;
}

.summary-label {
  display: block !important;
  margin: 0 0 4px !important;
  color: var(--drp-muted) !important;
  -webkit-text-fill-color: var(--drp-muted) !important;
  font-size: 0.78rem !important;
  font-weight: 800 !important;
}

.summary-value {
  display: block !important;
  color: var(--drp-text) !important;
  -webkit-text-fill-color: var(--drp-text) !important;
  font-size: clamp(0.96rem, 1.8vw, 1.2rem) !important;
  line-height: 1.24 !important;
  font-weight: 950 !important;
  word-break: keep-all !important;
}

.chart-container {
  margin: 0 0 12px !important;
  border: 2px solid var(--drp-line) !important;
  border-radius: 0 !important;
  background: rgba(255, 248, 237, 0.62) !important;
  overflow: hidden !important;
}

.chart-tabs {
  display: flex !important;
  gap: 0 !important;
  border-bottom: 2px solid var(--drp-line) !important;
}

.chart-tab {
  flex: 1 1 0 !important;
  min-height: 40px !important;
  padding: 8px !important;
  border: 0 !important;
  border-right: 2px solid var(--drp-line) !important;
  border-radius: 0 !important;
  font-weight: 900 !important;
}

.chart-tab:last-child {
  border-right: 0 !important;
}

.chart-tab.active,
.chart-tab[aria-pressed="true"] {
  background: var(--drp-accent-soft) !important;
}

.chart-area {
  position: relative !important;
  min-height: 288px !important;
  padding: 10px !important;
}

#debtChart {
  width: 100% !important;
  height: 266px !important;
  max-width: 100% !important;
}

.chart-fallback {
  margin: 0 !important;
  padding: 12px !important;
  color: var(--drp-muted) !important;
  -webkit-text-fill-color: var(--drp-muted) !important;
}

.schedule-container {
  min-width: 0 !important;
}

.schedule-heading {
  margin-bottom: 8px !important;
}

.schedule-count {
  padding: 4px 8px !important;
  font-size: 0.76rem !important;
  white-space: nowrap !important;
}

.schedule-table-wrapper {
  width: 100% !important;
  overflow-x: auto !important;
  border: 1px solid var(--drp-line) !important;
  border-radius: 0 !important;
  background: var(--drp-card) !important;
}

.schedule-table {
  width: 100% !important;
  min-width: 620px !important;
  border-collapse: collapse !important;
  color: var(--drp-text) !important;
  -webkit-text-fill-color: var(--drp-text) !important;
}

.schedule-table th,
.schedule-table td {
  padding: 9px 10px !important;
  border-bottom: 1.5px solid rgba(107, 87, 69, 0.35) !important;
  text-align: right !important;
  vertical-align: middle !important;
  font-size: 0.84rem !important;
  white-space: nowrap !important;
}

.schedule-table th:first-child,
.schedule-table td:first-child {
  text-align: left !important;
}

.schedule-table th {
  background: var(--drp-accent-soft) !important;
  font-weight: 900 !important;
}

.schedule-table tr:last-child td {
  border-bottom: 0 !important;
}

.schedule-table .empty-row td {
  text-align: center !important;
  color: var(--drp-muted) !important;
  -webkit-text-fill-color: var(--drp-muted) !important;
}

.action-buttons {
  margin-top: 10px !important;
}

.drp-tool-help {
  margin-top: 14px !important;
}

.tips-content {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

.tip-item {
  min-width: 0 !important;
  padding: 12px !important;
  border: 2px solid rgba(107, 87, 69, 0.72) !important;
  border-radius: 0 !important;
  background: var(--drp-soft) !important;
}

.tip-item p {
  margin-top: 5px !important;
  font-size: 0.86rem !important;
}

.debt-repayment-planner-ad {
  width: min(1088px, calc(100vw - 32px)) !important;
  margin: 24px auto !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  overflow: hidden !important;
  text-align: center !important;
}

.debt-repayment-planner-ad ins.adsbygoogle,
.debt-repayment-planner-ad iframe,
.debt-repayment-planner-ad [id^="aswift"] {
  max-width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  overflow: hidden !important;
}

.debt-repayment-planner-ad--after-tool + .wp-block-group.content1,
.debt-repayment-planner-ad--after-tool + .wp-block-group,
.debt-repayment-planner-ad--after-tool + article {
  margin-top: 0 !important;
}

body[data-scheme="dark"] .debt-repayment-planner,
body[data-scheme="inverse"] .debt-repayment-planner,
html[data-scheme="dark"] .debt-repayment-planner {
  --drp-page: #201811;
  --drp-panel: #2b2119;
  --drp-card: #241c15;
  --drp-soft: #33271d;
  --drp-accent-soft: #344a32;
  --drp-text: #f2e4cf;
  --drp-muted: #f0dfc5;
  --drp-line: #a98b6b;
  --drp-emphasis: #e1bd82;
  --drp-mustard: #d2aa55;
  --drp-focus: #d2aa55;
  --drp-danger-bg: #4a2a21;
  --drp-danger-line: #cf8a70;
  --drp-shadow: rgba(0, 0, 0, 0.34);
  background:
    linear-gradient(rgba(169, 139, 107, 0.055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(169, 139, 107, 0.045) 1px, transparent 1px),
    var(--drp-panel) !important;
  box-shadow: 4px 4px 0 var(--drp-shadow) !important;
}

body[data-scheme="dark"] .drp-hero,
body[data-scheme="inverse"] .drp-hero,
html[data-scheme="dark"] .drp-hero,
body[data-scheme="dark"] .drp-panel,
body[data-scheme="inverse"] .drp-panel,
html[data-scheme="dark"] .drp-panel,
body[data-scheme="dark"] .drp-tool-help,
body[data-scheme="inverse"] .drp-tool-help,
html[data-scheme="dark"] .drp-tool-help {
  background: rgba(51, 39, 29, 0.82) !important;
  box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.28) !important;
}

body[data-scheme="dark"] .drp-error,
body[data-scheme="inverse"] .drp-error,
html[data-scheme="dark"] .drp-error {
  color: #ffe2d7 !important;
  -webkit-text-fill-color: #ffe2d7 !important;
}

body[data-scheme="dark"] .drp-calculate-btn,
body[data-scheme="inverse"] .drp-calculate-btn,
html[data-scheme="dark"] .drp-calculate-btn {
  color: #241c15 !important;
  -webkit-text-fill-color: #241c15 !important;
  background: var(--drp-mustard) !important;
}

@media (max-width: 980px) {
  .debt-repayment-planner {
    width: min(100vw - 20px, 760px) !important;
    padding: 12px !important;
  }

  .drp-layout {
    grid-template-columns: 1fr !important;
  }

  .results-summary,
  .tips-content {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 560px) {
  .debt-repayment-planner {
    width: min(100vw - 10px, 420px) !important;
    margin: 14px auto !important;
    border-radius: 0 !important;
  }

  .drp-hero,
  .drp-panel,
  .drp-tool-help {
    padding: 12px !important;
    border-radius: 0 !important;
  }

  .form-row,
  .results-summary,
  .tips-content,
  .calc-buttons,
  .action-buttons {
    grid-template-columns: 1fr !important;
  }

  .strategy-btn {
    grid-template-columns: 46px minmax(0, 1fr) !important;
    padding: 9px !important;
  }

  .strategy-mark {
    width: 42px !important;
    min-height: 32px !important;
    font-size: 0.74rem !important;
  }

  .chart-area {
    min-height: 232px !important;
  }

  #debtChart {
    height: 210px !important;
  }

  .schedule-table {
    min-width: 560px !important;
  }

  .debt-repayment-planner-ad {
    width: calc(100vw - 10px) !important;
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
}


/* v4 reference-first square rhythm and mobile hardening */
.debt-repayment-planner,
.debt-repayment-planner * {
  min-width: 0;
}

.drp-hero-notes span,
.schedule-count,
.strategy-mark {
  border-radius: 0 !important;
}

.drp-panel-heading {
  padding-bottom: 8px !important;
  border-bottom: 1px solid rgba(107, 87, 69, 0.26) !important;
}

.drp-panel-heading--results {
  margin-bottom: 10px !important;
}

.drp-debt-item,
.summary-item,
.tip-item {
  border-width: 1px !important;
}

.strategy-btn.active,
.strategy-btn[aria-pressed="true"],
.chart-tab.active,
.chart-tab[aria-pressed="true"],
.drp-add-debt-btn {
  background: var(--drp-accent-soft) !important;
}

.summary-item.total-debt {
  background: #dfeef8 !important;
}

.summary-item.total-debt .summary-value {
  color: #28455a !important;
  -webkit-text-fill-color: #28455a !important;
}

.summary-item.total-interest {
  background: #fff2c1 !important;
}

.debt-repayment-planner input,
.debt-repayment-planner select {
  color-scheme: light !important;
}

body[data-scheme="dark"] .summary-item.total-debt,
body[data-scheme="inverse"] .summary-item.total-debt,
html[data-scheme="dark"] .summary-item.total-debt {
  background: #253848 !important;
}

body[data-scheme="dark"] .summary-item.total-debt .summary-value,
body[data-scheme="inverse"] .summary-item.total-debt .summary-value,
html[data-scheme="dark"] .summary-item.total-debt .summary-value {
  color: #d8ecf7 !important;
  -webkit-text-fill-color: #d8ecf7 !important;
}

body[data-scheme="dark"] .summary-item.total-interest,
body[data-scheme="inverse"] .summary-item.total-interest,
html[data-scheme="dark"] .summary-item.total-interest {
  background: #4a3a21 !important;
}

@media (max-width: 420px) {
  body.postid-1543 .cs-breadcrumbs,
  body.postid-1543 .cs-entry__header {
    width: min(100vw - 10px, 420px) !important;
  }

  .debt-repayment-planner {
    padding: 10px !important;
  }

  .drp-hero,
  .drp-panel,
  .drp-tool-help {
    padding: 10px !important;
  }

  .debt-repayment-planner input,
  .debt-repayment-planner select,
  .drp-add-debt-btn,
  .drp-calculate-btn,
  .drp-reset-btn,
  .drp-action-btn {
    min-height: 40px !important;
  }
}

/* 2026-05-16 Phase 2 body/article: PDF page deletion body rhythm mapped to debt repayment planner. */
body.postid-1543 {
  --debt-article-page: #f9f1e7;
  --debt-article-panel: #f8efe2;
  --debt-article-card: #fff8ed;
  --debt-article-accent-paper: #e2edd8;
  --debt-article-text: #34281f;
  --debt-article-muted: #574838;
  --debt-article-line: #6b5745;
  --debt-article-line-soft: rgba(107, 87, 69, .34);
  --debt-article-mustard: #d2aa55;
  --debt-article-mustard-soft: rgba(210, 170, 85, .24);
  --debt-article-focus: #4f7d94;
  --debt-article-shadow: rgba(82, 65, 50, .22);
  --debt-article-soft-shadow: rgba(82, 65, 50, .13);
}

body.postid-1543[data-scheme="dark"],
body.postid-1543[data-scheme="inverse"],
html[data-scheme="dark"] body.postid-1543,
html[data-scheme="inverse"] body.postid-1543 {
  --debt-article-page: #201811;
  --debt-article-panel: #33271d;
  --debt-article-card: #2b2119;
  --debt-article-accent-paper: #344a32;
  --debt-article-text: #f2e4cf;
  --debt-article-muted: #f0dfc5;
  --debt-article-line: #a98b6b;
  --debt-article-line-soft: rgba(169, 139, 107, .46);
  --debt-article-mustard: #d2aa55;
  --debt-article-mustard-soft: rgba(210, 170, 85, .22);
  --debt-article-focus: #d2aa55;
  --debt-article-shadow: rgba(0, 0, 0, .32);
  --debt-article-soft-shadow: rgba(0, 0, 0, .2);
}

body.postid-1543 .entry-content article.roberin-article-body.debt-repayment-article,
body.postid-1543 .debt-repayment-article {
  position: relative !important;
  z-index: 0 !important;
  display: grid !important;
  gap: 18px !important;
  box-sizing: border-box !important;
  width: min(980px, calc(100vw - 32px)) !important;
  max-width: 980px !important;
  min-width: 0 !important;
  margin: clamp(24px, 4vw, 42px) auto !important;
  padding: clamp(16px, 3vw, 28px) !important;
  color: var(--debt-article-text) !important;
  -webkit-text-fill-color: var(--debt-article-text) !important;
  background:
    linear-gradient(rgba(107, 87, 69, .045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(107, 87, 69, .04) 1px, transparent 1px),
    var(--debt-article-panel) !important;
  background-size: 28px 28px, 28px 28px, auto !important;
  border: 2px solid var(--debt-article-line) !important;
  border-radius: 0 !important;
  box-shadow: 5px 5px 0 var(--debt-article-shadow) !important;
  overflow: hidden !important;
  font-family: "Noto Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", -apple-system, BlinkMacSystemFont, sans-serif !important;
  line-height: 1.72 !important;
  word-break: keep-all !important;
}

body.postid-1543 .debt-repayment-planner-ad--after-tool + article.roberin-article-body.debt-repayment-article,
body.postid-1543 .debt-repayment-planner-ad--after-tool + .debt-repayment-article {
  margin-top: 0 !important;
}

body.postid-1543 .debt-repayment-article,
body.postid-1543 .debt-repayment-article *,
body.postid-1543 .debt-repayment-article *::before,
body.postid-1543 .debt-repayment-article *::after {
  box-sizing: border-box !important;
  min-width: 0 !important;
}

body.postid-1543 .debt-repayment-article :is(p, li, td, th, summary, span, strong, code, h2, h3) {
  color: inherit !important;
  -webkit-text-fill-color: currentColor !important;
}

body.postid-1543 .debt-repayment-article .debt-repayment-article__hero,
body.postid-1543 .debt-repayment-article .debt-repayment-article__section {
  display: grid !important;
  gap: 13px !important;
  min-width: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.postid-1543 .debt-repayment-article .debt-repayment-article__hero {
  padding: 0 0 22px !important;
  border: 0 !important;
  border-bottom: 1px dashed var(--debt-article-line-soft) !important;
}

body.postid-1543 .debt-repayment-article .debt-repayment-article__section {
  border: 0 !important;
}

body.postid-1543 .debt-repayment-article .debt-repayment-article__section + .debt-repayment-article__section {
  margin-top: 6px !important;
  padding-top: 22px !important;
  border-top: 1px dashed var(--debt-article-line-soft) !important;
}

body.postid-1543 .debt-repayment-article .debt-repayment-article__kicker {
  display: inline-flex !important;
  align-items: center !important;
  width: fit-content !important;
  max-width: 100% !important;
  min-height: 26px !important;
  margin: 0 !important;
  padding: 5px 9px !important;
  color: var(--debt-article-muted) !important;
  -webkit-text-fill-color: var(--debt-article-muted) !important;
  background: var(--debt-article-accent-paper) !important;
  border: 1px solid var(--debt-article-line) !important;
  border-radius: 0 !important;
  box-shadow: 2px 2px 0 var(--debt-article-soft-shadow) !important;
  font-size: 15px !important;
  font-weight: 680 !important;
  line-height: 1.72 !important;
  letter-spacing: .01em !important;
}

body.postid-1543 .debt-repayment-article h2,
body.postid-1543 .debt-repayment-article h3 {
  margin: 0 !important;
  padding: 0 !important;
  color: var(--debt-article-text) !important;
  -webkit-text-fill-color: var(--debt-article-text) !important;
  background: transparent !important;
  border: 0 !important;
  border-left: 0 !important;
  border-left-width: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  text-shadow: none !important;
  letter-spacing: -.02em !important;
  word-break: keep-all !important;
}

body.postid-1543 .debt-repayment-article h2 {
  font-size: clamp(25px, 3vw, 30px) !important;
  font-weight: 950 !important;
  line-height: 1.18 !important;
}

body.postid-1543 .debt-repayment-article h3 {
  font-size: 19px !important;
  font-weight: 900 !important;
  line-height: 1.3 !important;
}

body.postid-1543 .debt-repayment-article p,
body.postid-1543 .debt-repayment-article li,
body.postid-1543 .debt-repayment-article summary {
  margin: 0 !important;
  color: var(--debt-article-muted) !important;
  -webkit-text-fill-color: var(--debt-article-muted) !important;
  font-size: 15px !important;
  font-weight: 680 !important;
  line-height: 1.72 !important;
  overflow-wrap: anywhere !important;
}

body.postid-1543 .debt-repayment-article strong {
  color: var(--debt-article-text) !important;
  -webkit-text-fill-color: var(--debt-article-text) !important;
  font-weight: 920 !important;
}

body.postid-1543 .debt-repayment-article .debt-repayment-article__nav {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin: 0 !important;
}

body.postid-1543 .debt-repayment-article .debt-repayment-article__nav a {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 34px !important;
  padding: 6px 10px !important;
  color: var(--debt-article-text) !important;
  -webkit-text-fill-color: var(--debt-article-text) !important;
  text-decoration: none !important;
  background: var(--debt-article-card) !important;
  border: 1px solid var(--debt-article-line) !important;
  border-radius: 0 !important;
  font-size: 13px !important;
  font-weight: 900 !important;
}

body.postid-1543 .debt-repayment-article .debt-repayment-article__nav a:hover,
body.postid-1543 .debt-repayment-article .debt-repayment-article__nav a:focus-visible {
  background: var(--debt-article-mustard-soft) !important;
  outline: 2px solid var(--debt-article-focus) !important;
  outline-offset: 2px !important;
}

body.postid-1543 .debt-repayment-article .debt-repayment-article__grid,
body.postid-1543 .debt-repayment-article .debt-repayment-article__process-grid,
body.postid-1543 .debt-repayment-article .debt-repayment-article__use-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
  min-width: 0 !important;
}

body.postid-1543 .debt-repayment-article .debt-repayment-article__use-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

body.postid-1543 .debt-repayment-article .debt-repayment-article__card,
body.postid-1543 .debt-repayment-article .debt-repayment-article__process,
body.postid-1543 .debt-repayment-article .debt-repayment-article__use,
body.postid-1543 .debt-repayment-article .debt-repayment-article__notice,
body.postid-1543 .debt-repayment-article details {
  display: grid !important;
  gap: 7px !important;
  min-width: 0 !important;
  padding: 12px !important;
  color: var(--debt-article-muted) !important;
  -webkit-text-fill-color: var(--debt-article-muted) !important;
  background: var(--debt-article-card) !important;
  border: 1px solid var(--debt-article-line) !important;
  border-radius: 0 !important;
  box-shadow: 3px 3px 0 var(--debt-article-soft-shadow) !important;
}

body.postid-1543 .debt-repayment-article .debt-repayment-article__notice {
  background: rgba(239, 225, 188, .64) !important;
  border-style: dashed !important;
}

body.postid-1543 .debt-repayment-article .debt-repayment-article__process {
  background: rgba(226, 237, 216, .70) !important;
}

body.postid-1543 .debt-repayment-article .debt-repayment-article__use span,
body.postid-1543 .debt-repayment-article .debt-repayment-article__process span {
  color: var(--debt-article-muted) !important;
  -webkit-text-fill-color: var(--debt-article-muted) !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  line-height: 1.4 !important;
}

body.postid-1543 .debt-repayment-article code {
  display: block !important;
  width: fit-content !important;
  max-width: 100% !important;
  padding: 5px 8px !important;
  color: var(--debt-article-text) !important;
  -webkit-text-fill-color: var(--debt-article-text) !important;
  background: var(--debt-article-card) !important;
  border: 1px solid var(--debt-article-line-soft) !important;
  border-radius: 0 !important;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace !important;
  font-size: .92em !important;
  font-weight: 780 !important;
  line-height: 1.48 !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}

body.postid-1543 .debt-repayment-article :is(ul, ol) {
  display: grid !important;
  gap: 8px !important;
  margin: 0 !important;
  padding-left: 0 !important;
  list-style: none !important;
}

body.postid-1543 .debt-repayment-article ol,
body.postid-1543 .debt-repayment-article ol.debt-repayment-article__steps {
  counter-reset: debt-repayment-article-step !important;
}

body.postid-1543 .debt-repayment-article :is(ul, ol) > li {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  gap: 9px !important;
  min-width: 0 !important;
  min-height: 28px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  overflow-wrap: anywhere !important;
}

body.postid-1543 .debt-repayment-article :is(ul, ol) > li::before {
  position: static !important;
  inset: auto !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;
  transform: none !important;
  flex: 0 0 auto !important;
  align-self: center !important;
  box-sizing: border-box !important;
  color: var(--debt-article-text) !important;
  -webkit-text-fill-color: var(--debt-article-text) !important;
  border-radius: 0 !important;
}

body.postid-1543 .debt-repayment-article ul > li::before {
  content: "" !important;
  display: inline-block !important;
  width: 9px !important;
  height: 9px !important;
  background: var(--debt-article-mustard) !important;
  border: 1px solid var(--debt-article-line) !important;
  box-shadow: 1px 1px 0 rgba(82, 65, 50, .22) !important;
  line-height: 1 !important;
}

body.postid-1543 .debt-repayment-article ol > li,
body.postid-1543 .debt-repayment-article ol.debt-repayment-article__steps > li {
  counter-increment: debt-repayment-article-step !important;
}

body.postid-1543 .debt-repayment-article ol > li::before,
body.postid-1543 .debt-repayment-article ol.debt-repayment-article__steps > li::before {
  content: counter(debt-repayment-article-step) !important;
  display: inline-grid !important;
  place-items: center !important;
  width: 20px !important;
  height: 20px !important;
  background: var(--debt-article-mustard-soft) !important;
  border: 1px solid var(--debt-article-line) !important;
  box-shadow: 1px 1px 0 rgba(82, 65, 50, .22) !important;
  font-size: 11px !important;
  font-weight: 920 !important;
  line-height: 1 !important;
}

body.postid-1543 .debt-repayment-article .debt-repayment-article__li-text {
  display: block !important;
  min-width: 0 !important;
  align-self: center !important;
}

body.postid-1543 .debt-repayment-article details {
  margin: 0 !important;
}

body.postid-1543 .debt-repayment-article summary {
  cursor: pointer !important;
  color: var(--debt-article-text) !important;
  -webkit-text-fill-color: var(--debt-article-text) !important;
  font-weight: 950 !important;
  line-height: 1.45 !important;
}

body.postid-1543 .debt-repayment-article details[open] summary {
  margin-bottom: 8px !important;
}

body.postid-1543[data-scheme="dark"] .entry-content article.roberin-article-body.debt-repayment-article,
body.postid-1543[data-scheme="inverse"] .entry-content article.roberin-article-body.debt-repayment-article,
html[data-scheme="dark"] body.postid-1543 .entry-content article.roberin-article-body.debt-repayment-article,
html[data-scheme="inverse"] body.postid-1543 .entry-content article.roberin-article-body.debt-repayment-article,
body.postid-1543[data-scheme="dark"] .debt-repayment-article,
body.postid-1543[data-scheme="inverse"] .debt-repayment-article {
  color: #f2e4cf !important;
  -webkit-text-fill-color: #f2e4cf !important;
  background-image:
    linear-gradient(rgba(169, 139, 107, .075) 1px, transparent 1px),
    linear-gradient(90deg, rgba(169, 139, 107, .06) 1px, transparent 1px) !important;
  background-color: #33271d !important;
  border-color: #a98b6b !important;
}

body.postid-1543[data-scheme="dark"] .debt-repayment-article :is(h2, h3, strong, summary),
body.postid-1543[data-scheme="inverse"] .debt-repayment-article :is(h2, h3, strong, summary),
html[data-scheme="dark"] body.postid-1543 .debt-repayment-article :is(h2, h3, strong, summary),
html[data-scheme="inverse"] body.postid-1543 .debt-repayment-article :is(h2, h3, strong, summary) {
  color: #f2e4cf !important;
  -webkit-text-fill-color: #f2e4cf !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

body.postid-1543[data-scheme="dark"] .debt-repayment-article :is(p, li, span),
body.postid-1543[data-scheme="inverse"] .debt-repayment-article :is(p, li, span),
html[data-scheme="dark"] body.postid-1543 .debt-repayment-article :is(p, li, span),
html[data-scheme="inverse"] body.postid-1543 .debt-repayment-article :is(p, li, span) {
  color: #f0dfc5 !important;
  -webkit-text-fill-color: #f0dfc5 !important;
}

body.postid-1543[data-scheme="dark"] .debt-repayment-article .debt-repayment-article__card,
body.postid-1543[data-scheme="dark"] .debt-repayment-article .debt-repayment-article__process,
body.postid-1543[data-scheme="dark"] .debt-repayment-article .debt-repayment-article__use,
body.postid-1543[data-scheme="dark"] .debt-repayment-article .debt-repayment-article__notice,
body.postid-1543[data-scheme="dark"] .debt-repayment-article details,
body.postid-1543[data-scheme="dark"] .debt-repayment-article .debt-repayment-article__nav a,
body.postid-1543[data-scheme="inverse"] .debt-repayment-article .debt-repayment-article__card,
body.postid-1543[data-scheme="inverse"] .debt-repayment-article .debt-repayment-article__process,
body.postid-1543[data-scheme="inverse"] .debt-repayment-article .debt-repayment-article__use,
body.postid-1543[data-scheme="inverse"] .debt-repayment-article .debt-repayment-article__notice,
body.postid-1543[data-scheme="inverse"] .debt-repayment-article details,
body.postid-1543[data-scheme="inverse"] .debt-repayment-article .debt-repayment-article__nav a,
html[data-scheme="dark"] body.postid-1543 .debt-repayment-article .debt-repayment-article__card,
html[data-scheme="dark"] body.postid-1543 .debt-repayment-article .debt-repayment-article__process,
html[data-scheme="dark"] body.postid-1543 .debt-repayment-article .debt-repayment-article__use,
html[data-scheme="dark"] body.postid-1543 .debt-repayment-article .debt-repayment-article__notice,
html[data-scheme="dark"] body.postid-1543 .debt-repayment-article details,
html[data-scheme="dark"] body.postid-1543 .debt-repayment-article .debt-repayment-article__nav a {
  background-color: #33271d !important;
  border-color: rgba(169, 139, 107, .72) !important;
  box-shadow: 3px 3px 0 rgba(32, 24, 17, .52) !important;
}

body.postid-1543[data-scheme="dark"] .debt-repayment-article .debt-repayment-article__notice,
body.postid-1543[data-scheme="dark"] .debt-repayment-article .debt-repayment-article__process,
body.postid-1543[data-scheme="inverse"] .debt-repayment-article .debt-repayment-article__notice,
body.postid-1543[data-scheme="inverse"] .debt-repayment-article .debt-repayment-article__process,
html[data-scheme="dark"] body.postid-1543 .debt-repayment-article .debt-repayment-article__notice,
html[data-scheme="dark"] body.postid-1543 .debt-repayment-article .debt-repayment-article__process {
  background-color: rgba(36, 28, 21, .56) !important;
}

body.postid-1543[data-scheme="dark"] .debt-repayment-article code,
body.postid-1543[data-scheme="inverse"] .debt-repayment-article code,
html[data-scheme="dark"] body.postid-1543 .debt-repayment-article code {
  color: #f2e4cf !important;
  -webkit-text-fill-color: #f2e4cf !important;
  background: #241c15 !important;
  border-color: rgba(169, 139, 107, .56) !important;
}

body.postid-1543[data-scheme="dark"] .debt-repayment-article :is(ul, ol) > li::before,
body.postid-1543[data-scheme="inverse"] .debt-repayment-article :is(ul, ol) > li::before,
html[data-scheme="dark"] body.postid-1543 .debt-repayment-article :is(ul, ol) > li::before {
  border-color: #a98b6b !important;
}

@media (max-width: 920px) {
  body.postid-1543 .debt-repayment-article .debt-repayment-article__use-grid {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 640px) {
  body.postid-1543 .entry-content article.roberin-article-body.debt-repayment-article,
  body.postid-1543 .debt-repayment-article {
    width: calc(100vw - 24px) !important;
    max-width: calc(100vw - 24px) !important;
    padding: 12px !important;
    box-shadow: 4px 4px 0 rgba(82, 65, 50, .16) !important;
  }

  body.postid-1543 .debt-repayment-article .debt-repayment-article__grid,
  body.postid-1543 .debt-repayment-article .debt-repayment-article__process-grid,
  body.postid-1543 .debt-repayment-article .debt-repayment-article__use-grid {
    grid-template-columns: 1fr !important;
  }

  body.postid-1543 .debt-repayment-article h3 {
    font-size: 18px !important;
  }
}

@media (max-width: 370px) {
  body.postid-1543 .debt-repayment-article h2 {
    font-size: 25.2px !important;
  }
}