/* bonds.html only (owner: bonds) */
.bd-hero h1{max-width:22ch}
.bd-hero .lead{max-width:60ch}

.bd-three{margin:20px 0;padding-left:1.2em}
.bd-three li{margin-bottom:12px;padding-left:4px}
.bd-three li::marker{font-weight:600;color:var(--green)}

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

/* rating scale: a stepped bar, darker as risk rises */
.bd-scale{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.bd-scale li{display:grid;grid-template-columns:92px 1fr;align-items:center;gap:16px;padding:14px 18px;border-radius:var(--r);background:var(--c,#eef3ea);color:var(--ink)}
.bd-scale b{font:600 20px/1 var(--f-disp)}
.bd-scale span{font-size:15px}
.bd-scale [data-r="1"]{--c:#d9e9cf}
.bd-scale [data-r="2"]{--c:#e6f0de;margin-right:4%}
.bd-scale [data-r="3"]{--c:#f3f1dc;margin-right:8%}
.bd-scale [data-r="4"]{--c:var(--accent-l);margin-right:12%;border-bottom:2px dashed var(--accent)}
.bd-scale [data-r="5"]{--c:#f6dfd4;margin-right:16%}
.bd-scale [data-r="6"]{--c:#ecc6bd;margin-right:20%}

/* tax-free: 4 items in a ruled row, not cards */
.bd-tf{display:grid;grid-template-columns:repeat(4,1fr);border-top:2px solid var(--navy)}
.bd-tf__item{padding:24px clamp(16px,2vw,28px) 8px 0}
.bd-tf__item+.bd-tf__item{padding-left:clamp(16px,2vw,28px);border-left:1px solid var(--line)}
.bd-tf .ico{width:30px;height:30px;stroke:var(--green);stroke-width:1.75;fill:none;stroke-linecap:round;stroke-linejoin:round}
.bd-tf h3{margin:12px 0 8px;font-size:18px}
.bd-tf p{margin:0;font-size:15px}

/* ladder chart */
.bd-ladder{margin:0;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:clamp(20px,2.4vw,32px)}
.bd-ladder__bars{display:flex;align-items:flex-end;gap:10px;height:200px;margin-bottom:24px;border-bottom:2px solid var(--navy)}
.bd-ladder__bars div{flex:1;height:var(--h);background:linear-gradient(180deg,var(--green) 0,var(--green-d) 100%);border-radius:6px 6px 0 0;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:8px 0 6px;color:#fff;font-size:13px}
.bd-ladder__bars b{font-weight:600}
.bd-ladder__bars span{opacity:.85}
.bd-ladder .kv{margin-bottom:16px}

.bd-checks{margin:20px 0 0;padding-left:1.4em}
.bd-checks li{padding:12px 0 12px 6px;border-bottom:1px solid var(--line)}
.bd-checks li::marker{font:600 16px var(--f-disp);color:var(--navy)}

.bd-related{display:flex;flex-wrap:wrap;gap:10px}
.bd-related a{padding:10px 18px;border:1.5px solid var(--line);border-radius:999px;font-weight:500;color:var(--navy);text-decoration:none;background:#fff}
.bd-related a:hover{border-color:var(--navy)}

@media (max-width:960px){
  .bd-tf{grid-template-columns:1fr 1fr}
  .bd-tf__item:nth-child(3){padding-left:0;border-left:0}
  .bd-tf__item:nth-child(n+3){border-top:1px solid var(--line);margin-top:16px}
}
@media (max-width:600px){
  .bd-tf{grid-template-columns:1fr}
  .bd-tf__item,.bd-tf__item+.bd-tf__item{padding-left:0;border-left:0}
  .bd-tf__item+.bd-tf__item{border-top:1px solid var(--line);margin-top:8px}
  .bd-scale li{grid-template-columns:72px 1fr;margin-right:0!important;padding:12px 14px}
  .bd-scale b{font-size:17px}
  .bd-ladder__bars{height:160px;gap:6px}
}