/* Shared usability layer. Brand composition and colors remain page-owned. */
:where(html){scroll-padding-top:6rem}
:where(body){overflow-wrap:break-word}
:where(main,section,article,nav,header,footer){min-width:0}
:where(img,video,iframe){max-width:100%}
:where(img[width][height]){height:auto}
:where(input,textarea,select){max-width:100%}
:where(a,button,input,select,textarea,summary):focus-visible{outline:2px solid currentColor;outline-offset:5px}
:where(button,summary){touch-action:manipulation}
.rs-skip{position:fixed;top:12px;left:12px;z-index:10000;transform:translateY(-200%);padding:12px 18px;background:#fff;color:#18251f;border:1px solid #18251f;font:16px/1.4 Arial,sans-serif;text-decoration:none}
.rs-skip:focus{transform:none}
@media(max-width:600px){
 :where(input,textarea,select){font-size:16px}
 :where(dialog){max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow:auto}
 .rs-home>.links,.rs-home>nav .links{flex-wrap:wrap;gap:8px 16px}
 .rs-home>nav .links>a{display:inline-flex!important;font-size:12px;min-height:44px}
 .rs-home>nav .join-btn{font-size:11px;padding:12px 16px;min-height:44px}
 .rs-home>nav{align-items:flex-start;gap:14px}
 .rs-home .hero h1{font-size:clamp(2.6rem,10vw,3.7rem);line-height:1.12;letter-spacing:-.045em}
 .rs-home .tag{font-size:11px;line-height:1.6}
 .rs-home .hero-intro>div{flex-wrap:wrap;gap:12px}
 .rs-home .hero-intro>div>*{min-height:48px;display:inline-flex;align-items:center}
 .rs-home .section-head h2,.rs-home .featured-copy h3{line-height:1.12}
 .rs-home .footer-links{gap:12px 22px}
 .rs-home .footer-links a{min-height:44px;display:inline-flex;align-items:center}
 /* W3C C42-informed target floor for grouped mobile actions; inline reading links stay untouched. */
 :where(.actions,.world-actions,.category-tabs,.footer-links,.media-grid figure,.directory-controls) :where(a,button,summary),
 :where(.directory-action,.text-link,.nav-toggle,.button,.btn){min-block-size:44px}
 :where(.actions,.world-actions,.category-tabs,.footer-links,.media-grid figure,.directory-controls) :where(a,button,summary),
 :where(a.directory-action,a.text-link,button.text-link,.nav-toggle,.button,.btn){display:inline-flex;align-items:center}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto!important}
 *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}