/* Native details keeps the full editorial copy crawlable and user-readable. */
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
body.chat-page #world-about { margin:0; padding:0; border:0; color:var(--ink); background:var(--page); }
body.chat-page #world-about[open] { position:fixed; inset:0; z-index:10000; overflow:auto; overscroll-behavior:contain; padding:16px clamp(12px,3vw,48px) 48px; }
#world-about > summary { padding:16px; min-height:48px; cursor:pointer; font:700 16px/1.5 var(--sans); }
.world-about-content { max-width:1180px; margin-inline:auto; overflow-wrap:anywhere; }
.world-about-heading { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:16px; }
.world-about-heading button { min-height:44px; padding:10px 16px; border:1px solid var(--line); border-radius:12px; color:var(--ink); background:var(--header); cursor:pointer; }
.world-info-links { display:flex; flex-wrap:wrap; gap:8px 16px; padding-block:12px; font:600 13px/1.5 var(--sans); }
.world-info-links a { display:inline-flex; align-items:center; min-height:44px; color:inherit; }
.world-about-content [data-world-reveal] { opacity:1!important; transform:none!important; animation:none!important; }
.world-about-content .hero-pain,.world-about-content .hero-alt { display:block; }
#world-about :focus-visible { outline:3px solid var(--ring,#5D2440); outline-offset:4px; }
body[data-group-chat] .imm-col .hd .ttl .sub { white-space:normal; overflow:visible; text-overflow:clip; font-size:11px; line-height:1.35; }
.v2-heading .v2-subtitle { white-space:normal; overflow:visible; font-size:11px; line-height:1.35; }
.v2-info-body .world-info-links { display:flex; flex-direction:column; }
@media (max-width:820px) { .world-about-content .world-landing-footer { padding-inline:0; } }