/* Dense human-facing examples keep their drawing area; only their viewport scrolls. */
.gd--large{max-width:1864px}
.gd__viewport{width:100%;max-width:100%;overflow:auto}
.gd__drawing{min-width:calc(var(--example-min-width,0px) + 32px);width:100%}
.gd__full-link{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;margin:10px 0 28px;font:400 11px/1.6 var(--mono);color:var(--muted)}
.gd__full-link a{color:var(--accent)}
.gd__viewport:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
@media(max-width:600px){.gd__drawing{padding:16px}.gd__full-link{font-size:10px}}
@media(max-width:860px){
  .gd__drawing{min-width:0;max-width:100%;padding:0}
  .gd__full-link .gd__desktop-width{display:none}
}