/* User-screenshot-aligned independent reference patterns (not original website CSS). */
:root { color-scheme: light; }
*,*::before,*::after { box-sizing:border-box; }
html { -webkit-text-size-adjust:100%; scroll-behavior:smooth; }
body { margin:0; font-family:Arial,"Apple SD Gothic Neo","Malgun Gothic",sans-serif; color:#132238; background:#fff; }
a { color:inherit; }
a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible { outline:3px solid #f8ba2c; outline-offset:3px; }
button,input { font:inherit; }
button { cursor:pointer; }
img,svg { max-width:100%; }
.skip { position:absolute;top:-60px;left:12px;padding:9px 15px;background:#fff;color:#000;z-index:9999; }
.skip:focus {top:12px;}
.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; }
.reference-label { font-size:.78rem; color:#647083; margin:8px auto 0; max-width:1180px; padding:0 20px; }
.reference-label strong { color:#253858; }
.demo-nav { background:#e8edf7;border-bottom:1px solid #d2d9ea;padding:10px 18px;display:flex;gap:15px;flex-wrap:wrap;font-size:.86rem; }
.demo-nav a { color:#1648ae;font-weight:700;text-decoration:none; }
.demo-nav a:hover {text-decoration:underline;}
@media (prefers-reduced-motion: reduce) { *,*::before,*::after { scroll-behavior:auto!important;transition:none!important;animation:none!important; } }