/* liquid-funds.html only (owner: liquid-funds) */
.lq-hero{background-position:70% 30%}
.lq-hero h1{max-width:16ch}
.lq-h2{max-width:28ch;margin-bottom:clamp(20px,3vw,36px)}

/* worked example bars */
.lq-ex{background:var(--tint);border:1px solid var(--line);border-radius:var(--r-lg);padding:clamp(20px,2.4vw,32px)}
.lq-ex__h{font-weight:600;color:var(--navy);margin:0 0 18px}
.lq-bars{display:grid;gap:16px}
.lq-bar{display:grid;grid-template-columns:1fr auto;gap:6px 12px;align-items:end}
.lq-bar span{font-size:14px;color:var(--muted)}
.lq-bar b{color:var(--navy);font-size:17px}
.lq-bar i{grid-column:1/-1;grid-row:2;display:block;height:10px;border-radius:5px;background:linear-gradient(90deg,#9fb0c9 var(--w),transparent var(--w)),var(--line)}
.lq-bar--g i{background:linear-gradient(90deg,var(--green) var(--w),transparent var(--w)),var(--line)}
.lq-bar--g b{color:var(--green)}

.lq-table{min-width:820px}
.lq-table th[scope=row]{width:20%;font-weight:600;color:var(--navy);background:transparent}
.lq-table td:last-child{background:rgba(80,128,48,.06)}

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

.lq-load{min-width:320px}
.lq-load tr:last-child td{font-weight:600;color:var(--green)}

/* three-layer corpus on the navy band */
.lq-band .band__img{min-height:360px}
.lq-layers{margin:20px 0;display:grid;gap:0}
.lq-layers div{display:grid;grid-template-columns:minmax(150px,38%) 1fr;gap:16px;padding:16px 0;border-top:1px solid rgba(255,255,255,.16)}
.lq-layers div:last-child{border-bottom:1px solid rgba(255,255,255,.16)}
.lq-layers dt{color:#fff;font-weight:600;font-size:14px}
.lq-layers dt span{display:block;font:600 22px/1.2 var(--f-disp);color:var(--accent);margin-bottom:2px}
.lq-layers dd{margin:0;color:#c6d1e3;font-size:15px}
.lq-band .fine,.lq-band .fine a{color:#a9b7cf}

/* honest limits */
.lq-nots{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;column-gap:clamp(24px,4vw,64px);border-top:2px solid var(--navy)}
.lq-nots li{display:grid;grid-template-columns:28px 1fr;gap:14px;padding:22px 0;border-bottom:1px solid var(--line)}
.lq-nots .ico{width:26px;height:26px;color:var(--green);margin-top:2px}
.lq-nots h3{margin:0 0 6px;font-size:clamp(17px,1.3vw,19px)}
.lq-nots p{margin:0}

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

@media (max-width:860px){
  .lq-nots{grid-template-columns:1fr}
  .lq-rel{grid-template-columns:1fr 1fr}
}
@media (max-width:600px){
  .lq-time li{grid-template-columns:1fr;gap:6px}
  .lq-layers div{grid-template-columns:1fr;gap:4px}
  .lq-rel{grid-template-columns:1fr}
  .lq-band .band__img{min-height:260px}
}