/* debt-funds.html only (owner: debt-funds) */
.df-hero h1{max-width:18ch}
.df-h2{max-width:28ch;margin-bottom:clamp(20px,3vw,36px)}

.df-calc{background:var(--tint);border:1px solid var(--line);border-radius:var(--r-lg);padding:clamp(20px,2.4vw,32px)}
.df-calc__h{font-weight:600;color:var(--navy);margin:0 0 12px}
.df-calc .kv{margin-bottom:16px}

.df-table{min-width:760px}
.df-table th[scope=row] a{color:var(--navy)}
.df-lv{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}
.df-lv::before{content:"";width:34px;height:6px;border-radius:3px;background:linear-gradient(90deg,var(--c) var(--w),var(--line) var(--w))}
.df-lv--0{--c:#7fa860;--w:4%}
.df-lv--1{--c:#7fa860;--w:30%}
.df-lv--2{--c:var(--accent);--w:60%}
.df-lv--3{--c:#b54434;--w:90%}

.df-risks{display:grid;grid-template-columns:1fr 1fr;border-top:2px solid var(--navy)}
.df-risk{padding:clamp(22px,3vw,40px) clamp(0px,3vw,44px) clamp(22px,3vw,40px) 0}
.df-risk+.df-risk{border-left:1px solid var(--line);padding-left:clamp(20px,3vw,44px);padding-right:0}
.df-risk h3{margin-top:12px}
.df-see{width:100%;max-width:260px;height:auto;color:var(--navy)}
.df-rule{background:var(--paper);border-left:3px solid var(--green);padding:14px 16px;border-radius:0 8px 8px 0}

.df-time{list-style:none;margin:0;padding:0}
.df-time li{display:grid;grid-template-columns:150px 1fr;gap:20px;padding:20px 0;border-top:1px solid var(--line)}
.df-time li:last-child{border-bottom:1px solid var(--line)}
.df-time__when{font:600 15px/1.4 var(--f-disp);color:var(--green)}
.df-time h3{margin:0 0 6px;font-size:clamp(17px,1.3vw,19px)}
.df-time p{margin:0}

.df-rel{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}
.df-rel a{display:block;padding:18px 20px 18px 0;border-bottom:1px solid var(--line);text-decoration:none;color:var(--ink)}
.df-rel a:hover b{color:var(--green)}
.df-rel b{display:block;color:var(--navy);margin-bottom:4px}
.df-rel span{font-size:14px;color:var(--muted)}

@media (max-width:860px){
  .df-risks{grid-template-columns:1fr}
  .df-risk,.df-risk+.df-risk{padding:24px 0;border-left:0}
  .df-risk+.df-risk{border-top:1px solid var(--line)}
  .df-rel{grid-template-columns:1fr 1fr}
}
@media (max-width:600px){
  .df-time li{grid-template-columns:1fr;gap:6px}
  .df-rel{grid-template-columns:1fr}
  .df-calc .kv{grid-template-columns:auto 1fr}
  .df-calc .kv dd{text-align:right}
}