.gcs-gallery{padding-block:clamp(2.5rem,6vw,5rem)}
.gcs-prompt{padding-block:clamp(2.5rem,6vw,5rem);border-bottom:1px solid var(--line)}
.gcs-prompt p:not(.label){margin-top:1rem;max-width:68ch}
.gcs-prompt pre{white-space:pre-wrap;overflow-wrap:anywhere;padding:clamp(1rem,3vw,2rem);background:var(--forest);color:var(--paper);font: .875rem/1.65 var(--mono)}
.case-sections p+p{margin-top:.9rem}
.gcs-index{flex-wrap:wrap;gap:.55rem;margin-bottom:1.7rem}
.gcs-index a{padding:.3rem .65rem;border:1px solid var(--line);background:#e8ede1}
.gcs-index a:hover{background:#dce9a7}
.gcs-context{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:clamp(1.5rem,5vw,4rem);align-items:center;margin-bottom:2rem}
.gcs-context p:not(.label),.gcs-example > p:not(.label){margin-top:1rem;max-width:64ch;color:var(--muted)}
.gcs-gallery img{display:block;width:100%;height:auto}
.gcs-context figcaption{margin-top:.5rem}
.gcs-example{border-top:1px solid var(--line);padding-block:clamp(1.5rem,4vw,2.75rem)}
.gcs-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(.8rem,3vw,1.5rem);margin-top:1.2rem}
.gcs-pair figure{background:#e8ede1;border:1px solid var(--line);padding:.75rem;align-self:start}
.gcs-pair figcaption{padding:0 0 .65rem;color:#385c49;font-weight:700}
.gcs-pair a{display:block}
.gcs-pair a:hover{outline:2px solid #385c49;outline-offset:2px}
@media(max-width:680px){
  .gcs-context,.gcs-pair{grid-template-columns:1fr}
  .gcs-context figure{max-width:28rem}
}