/* the two document pages linked from the landing nav: /landing-dev/pricing and /landing-dev/api */
body.page #top{border-bottom-color:var(--line)}
#top nav a.here{color:var(--ink);font-weight:600}
.doc{max-width:760px;width:100%;margin:0 auto;padding:44px 24px 70px;flex:1}
.doc h1{font-family:var(--serif);font-weight:600;font-size:clamp(30px,4.5vw,42px);line-height:1.1;margin:0 0 16px;letter-spacing:-.01em}
.doc h2{font-family:var(--serif);font-weight:600;font-size:22px;margin:34px 0 8px}
.doc .lede{font-size:17px;color:var(--muted);margin-bottom:28px;max-width:60ch}
.doc p{margin-bottom:12px}
.doc .fine{font-size:13.5px;color:var(--muted)}
.tiers{width:100%;border-collapse:collapse;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--card)}
.tiers th{text-align:left;font:600 12px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);padding:13px 18px;border-bottom:1px solid var(--line)}
.tiers th+th,.tiers td+td{border-left:1px solid var(--line)}
.tiers td{vertical-align:top;padding:16px 18px;width:50%}
.tiers b{display:block;font-size:15px;margin-top:14px}
.tiers b:first-child{margin-top:0}
.tiers b em{font-style:normal;font:600 11.5px var(--sans);color:var(--accent);margin-left:8px;letter-spacing:.04em;text-transform:uppercase}
.tiers span{display:block;font-size:14px;color:var(--muted);margin-top:2px}
.code{font:12.5px/1.7 var(--mono);background:var(--card);border:1px solid var(--line);border-radius:11px;padding:16px;overflow-x:auto;margin:0 0 8px}

.tiers.feat td{width:100%}
.tiers.feat tr+tr td{border-top:1px solid var(--line)}

.tiers + .fine{margin-top:26px}