/* The whitepaper. A reading page: one narrow column, a contents list that follows you down. Shared pieces are in app.css. */

.links a[aria-current="page"]{color:var(--text)}

.wp-head>.frame{padding-block:92px 56px}
.wp-h{margin-top:22px;font-weight:500;font-size:clamp(38px,5vw,68px);line-height:1.03;letter-spacing:-.04em}
.wp-h span{display:block;color:var(--dim)}
.wp-lede{margin-top:26px;max-width:700px;font-size:19px;line-height:1.55;color:var(--mute)}

.wp-body>.frame{padding-block:28px 120px}
.wp-grid{display:grid;grid-template-columns:210px minmax(0,720px);gap:90px}
.wp-rail ol{gap:12px}

.wp-doc>section{padding-top:84px;scroll-margin-top:20px}
.wp-doc>section:first-child{padding-top:28px}
.wp-doc h2{margin-top:16px;font-size:clamp(27px,2.6vw,36px)}
.wp-doc p{margin-top:20px;font-size:16.5px;line-height:1.68;color:var(--mute)}
.wp-doc p a,.wp-doc li a{color:var(--text);border-bottom:1px solid var(--line2)}
.wp-doc p a:hover,.wp-doc li a:hover{border-color:var(--text)}
.wp-doc b{color:var(--text);font-weight:500}

.wp-points{list-style:none;margin-top:26px;display:grid;gap:14px}
.wp-points li{position:relative;padding-left:26px;font-size:16.5px;line-height:1.6;color:var(--mute)}
.wp-points li::before{content:'';position:absolute;left:2px;top:.72em;width:10px;height:1.5px;background:var(--life)}

.wp-steps{margin-top:24px;padding-left:0;list-style:none;counter-reset:s;display:grid;gap:12px}
.wp-steps li{counter-increment:s;position:relative;padding:18px 20px 18px 62px;border:1px solid var(--line2);border-radius:16px;background:var(--p1);font-size:16px;line-height:1.55;color:var(--mute)}
.wp-steps li::before{content:'0' counter(s);position:absolute;left:20px;top:19px;font-size:12px;letter-spacing:.14em;color:var(--dim)}

.wp-rows{margin-top:26px;border:1px solid var(--line2);border-radius:18px;background:var(--p1);padding:6px 22px}
.wp-rows>div{display:flex;justify-content:space-between;align-items:baseline;gap:24px;padding:15px 0;font-size:15.5px;color:var(--mute)}
.wp-rows>div+div{border-top:1px solid var(--line)}
.wp-rows b{text-align:right;font-variant-numeric:tabular-nums}
.wp-rows .dot{display:inline-block;width:9px;height:9px;border-radius:3px;margin-right:12px;vertical-align:1px}
.dot.a{background:var(--life)}.dot.b{background:var(--text)}.dot.c{background:var(--dim)}

.wp-split{margin-top:30px;display:flex;gap:5px;height:14px}
.wp-split i{border-radius:4px;min-width:6px}
.wp-split i:nth-child(1){background:var(--life)}
.wp-split i:nth-child(2){background:var(--text)}
.wp-split i:nth-child(3){background:var(--dim)}
.wp-split+.wp-rows{margin-top:18px}

.wp-table{margin-top:26px;border:1px solid var(--line2);border-radius:18px;background:var(--p1);padding:6px 22px}
.wp-table>div{display:grid;grid-template-columns:190px minmax(0,1fr);gap:22px;padding:17px 0;font-size:15.5px;line-height:1.55;color:var(--mute)}
.wp-table>div+div{border-top:1px solid var(--line)}

.wp-life{margin-top:28px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.wp-life>div{padding:18px 18px 20px;border:1px solid var(--line2);border-radius:16px;background:var(--p1);border-top:2px solid var(--life)}
.wp-life>div.warn{border-top-color:var(--warn)}
.wp-life>div.low{border-top-color:var(--low)}
.wp-life b{display:block;margin-top:12px;font-size:16px}
.wp-life span{font-size:13.5px;color:var(--mute)}
.wp-life>div>span{display:block;margin-top:4px}

.wp-ca{margin-top:30px;display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.wp-ca .ca{margin-top:0}
.wp-fine{font-size:14px!important;color:var(--dim)!important}
.wp-cta{margin-top:72px;display:flex;flex-wrap:wrap;gap:10px}

@media (max-width:1000px){
  .wp-grid{grid-template-columns:minmax(0,1fr);gap:0}
  .wp-rail{display:none}
  .wp-head>.frame{padding-block:60px 30px}
}
@media (max-width:640px){
  .wp-lede{font-size:17px}
  .wp-doc>section{padding-top:64px}
  .wp-table>div{grid-template-columns:minmax(0,1fr);gap:4px}
  .wp-rows>div{flex-direction:column;gap:3px}
  .wp-rows b{text-align:left}
  .wp-life{grid-template-columns:1fr 1fr}
}