/* Shared generation navigation, including controls added to the older viewer. */
.lr-pbox pre{overflow-wrap:anywhere;word-break:break-word}
img[role="button"]:focus-visible{outline:2px solid var(--ed-lime-line);outline-offset:3px}
/* Keep keyboard focus inside the zoom viewport and above both comparison layers. */
.lr-zv:has(>.lr-cmp-card:focus-visible)::after{content:"";position:absolute;inset:0;border:2px solid var(--ed-lime);border-radius:inherit;pointer-events:none;z-index:6}
.lr-gen-nav[hidden]{display:none}
.lr-gen-nav{display:flex;align-items:center;gap:6px;flex:none}.lr-gen-nav button{width:34px;min-height:32px;padding:0 0 2px;border:1px solid var(--ed-rule-strong);border-radius:3px;background:var(--ed-raise);color:var(--ed-ink-2);font:20px/1 var(--ed-sans);cursor:pointer}.lr-gen-nav button:hover{border-color:var(--ed-lime-line);color:var(--ed-ink)}.lr-gen-n{min-width:54px;text-align:center;font:11px var(--ed-mono);color:var(--ed-ink-4);font-variant-numeric:tabular-nums}
@media (max-width:560px){.lr-gen-n{display:none}}

/* Pinned 641-byte explainer style shared by all approved guides. */
.lr-yx{margin:4px 0 22px}.lr-yx video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#000;border-radius:4px;border:1px solid var(--ed-rule)}.lr-yx figcaption{margin-top:6px;font:10px/1.4 var(--ed-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--ed-lime)}.lr-yx-s{margin:-12px 0 22px;border:1px solid var(--ed-rule-strong);border-radius:6px;background:var(--ed-raise)}.lr-yx-s summary{cursor:pointer;padding:10px 14px;font:600 13px/1.3 var(--ed-display);color:var(--ed-ink)}.lr-yx-s div{padding:0 14px 12px}.lr-yx-s p{margin:0 0 8px;font-size:13.5px;line-height:1.55;color:var(--ed-ink-2)}