/* Targeted guide polish. Keep guide.css as the visual source of truth:
   original imagery, gradients, type, palette and asymmetric corners stay. */
.guide-page .guide-proof-grid article{min-width:0}
.guide-page .guide-proof-grid strong{overflow-wrap:anywhere}
.guide-page .guide-code-panel pre,.guide-page .guide-table-wrap{overscroll-behavior-x:contain}

/* Keyboard focus remains visible against the existing dark surfaces. */
.guide-page :is(a,button,input,select,summary,[tabindex]):focus-visible{
  outline:2px solid var(--guide-red-hi);
  outline-offset:4px;
}
.guide-page :is(section[id],#main-content){scroll-margin-top:88px}
.guide-page .guide-button{min-height:44px}
.guide-page .guide-nav-link{min-height:44px;align-content:center}

@media (max-width:560px){
  /* Long localized labels retain their tap targets without widening the page. */
  .guide-page .guide-header{height:auto;min-height:66px}
  .guide-page .guide-header-inner{height:auto;min-height:66px;flex-wrap:wrap;gap:10px;padding:6px 0}
  .guide-page .guide-nav{flex-wrap:wrap;justify-content:flex-end;min-width:0;max-width:100%}
  /* Long endpoint labels stay inside the existing code-panel chassis. */
  .guide-page .guide-code-panel>header{flex-wrap:wrap}
  .guide-page .guide-code-panel>header code{white-space:normal;overflow-wrap:anywhere}
}