/* Build pages V2 */
.bhero{padding:48px 0 20px}.bhero h1{font-size:clamp(2.2rem,4.6vw,3.6rem);max-width:20ch;margin:0 0 .35em}.bhero .lede{max-width:66ch}
.micro a{color:var(--accent)}
.bgrid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:40px;padding-bottom:72px;align-items:start}
.bmain h2{margin:40px 0 12px;font-size:1.7rem;padding-top:18px;border-top:1px solid var(--line)}.bmain>p{max-width:70ch}
.bfig{margin:8px 0 0}.bfig img{width:100%;height:auto;display:block;border:1px solid var(--line2)}
.bfig figcaption{color:var(--mute);font-size:12.5px;margin-top:8px}
.bnotes{color:var(--mute);padding-left:20px;margin:14px 0 0}.bnotes li{margin:6px 0}
.bcomp{border:1px solid var(--accent);background:#fff4dc;color:var(--text);font-size:13px;line-height:1.6;padding:12px 14px;margin:22px 0 0;max-width:70ch}
.bcall{margin:18px 0}.bcall .micro{margin-bottom:10px}
.gcard__t{display:flex;flex-wrap:wrap;gap:4px 14px;margin:10px 0 0}
.gcard__t .tag{display:inline;margin:0;color:var(--mute);text-transform:none;letter-spacing:0;font-size:12.5px}
.bside{position:sticky;top:84px;display:flex;flex-direction:column;gap:16px}
.bcost{padding:20px}
.bcost .micro{margin-bottom:10px}
.bcost__r{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--line);font-size:14.5px}
.bcost__r b{color:var(--accent);font-weight:500;text-align:right}
.bcost__n{font-size:13.5px;margin:14px 0}.bcost .btn{width:100%;text-align:center}
.bmain code.mono{background:var(--panel);border:1px solid var(--line);border-radius:2px;padding:2px 6px;font-size:13px}
.bmain pre{white-space:pre;overflow:auto}
@media(max-width:900px){.bgrid{grid-template-columns:minmax(0,1fr)}.bside{position:static}}
.bcost__n+.btn,.bcost .btn{margin-top:4px}