/* ---------- README mock ---------- */
.gh{max-width:1012px;margin:28px auto 80px;display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:24px;font:14px/1.5 -apple-system,"Segoe UI","Noto Sans",Helvetica,Arial,sans-serif;background:var(--page);padding:16px;border-radius:10px}
.gh-top{grid-column:1/-1;display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:20px;padding-bottom:16px;border-bottom:1px solid var(--line)}
.gh-top a{text-decoration:none} .gh-top .vis{font-size:12px;border:1px solid var(--line-2);color:var(--ink-2);border-radius:999px;padding:0 8px}
.gh-top .acts{margin-left:auto;display:flex;gap:8px}
.gh-top .acts span{font-size:12px;border:1px solid var(--line-2);border-radius:6px;padding:3px 10px;background:var(--sheet)}
.md{border:1px solid var(--line);border-radius:6px;min-width:0}
.md>.bar{padding:8px 16px;border-bottom:1px solid var(--line);font-weight:600;font-size:14px}
.md>.body{padding:32px;display:grid;gap:16px;min-width:0}
.md h1,.md h2{padding-bottom:.3em;border-bottom:1px solid var(--line);font-weight:600}
.md h2{font-size:1.5em;margin-top:8px}
.md .banner{background:#11111b;border-radius:6px;padding:28px 16px;display:grid;justify-items:center;gap:10px;overflow-x:auto}
.md .banner .logo{font-size:clamp(7px,1.6vw,15px);animation:none;background-image:linear-gradient(90deg,#cba6f7,#89b4fa)}
.md .banner small{color:#a6adc8;font:13px var(--mono)}
.badges{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}
.badge{display:inline-flex;font:11px/20px Verdana,sans-serif;border-radius:3px;overflow:hidden}
.badge i{font-style:normal;background:#555;color:#fff;padding-inline:6px}
.badge b{font-weight:400;color:#fff;padding-inline:6px}
.md pre{margin:0;background:var(--sheet);border-radius:6px;padding:16px;overflow-x:auto;font:12.5px/1.5 var(--mono)}
.md table{border-collapse:collapse;width:100%}
.md .tbl{overflow-x:auto}
.md th,.md td{border:1px solid var(--line);padding:6px 13px;text-align:left;vertical-align:top}
.md th{background:var(--sheet)}
.md blockquote{margin:0;padding:0 1em;border-left:.25em solid var(--line-2);color:var(--ink-2)}
.shot{border:1px solid var(--line);border-radius:6px;background:#1e1e2e;color:#cdd6f4;font:11.5px/1.55 var(--mono);padding:12px 14px;overflow-x:auto;white-space:pre;margin:0}
.side{display:grid;gap:16px;align-content:start;font-size:14px}
.side h4{margin:0 0 6px;font-size:16px}
.side .topics{display:flex;flex-wrap:wrap;gap:6px}
.side .topics span{font-size:12px;color:var(--info);background:color-mix(in srgb,var(--info) 14%,transparent);border-radius:999px;padding:0 10px;line-height:22px}
.side>div{padding-bottom:16px;border-bottom:1px solid var(--line)}
.side .ph{color:var(--low);font:12px var(--mono)}

@media (max-width:880px){
  .ascode,.rx,.gob,.gh{grid-template-columns:minmax(0,1fr)}

  .stage+.stage{margin-left:0} .stage+.stage::before{display:none}
  .panes{grid-template-columns:minmax(0,1fr)} .panes>.tp:nth-child(2){display:none}
}
@media (max-width:560px){
  .pipe,.priv{grid-template-columns:minmax(0,1fr)}
  .nav nav{margin-left:-10px} .md>.body{padding:18px}
  .hero{padding-block:36px 16px} .screen{height:360px}
  .steps .ctl{margin-left:0}
}