.rr-logo-system{--rr-logo-ac:#ee5d0e;--rr-logo-ink:#11191d;--rr-logo-muted:#655f58;--rr-logo-line:#e5ddd2;max-width:1440px;margin:0 auto;padding:clamp(20px,3vw,42px) 18px;color:var(--rr-logo-ink);background:#f4f1ec;border-radius:18px}
.rr-logo-system *{box-sizing:border-box}
.rr-logo-system h2{margin:.25rem 0 .5rem}
.rr-logo-system__kicker{margin:0}
.rr-logo-system__intro{max-width:72ch;margin:0 0 1.25rem;color:var(--rr-logo-muted);line-height:1.65}
.rr-logo-box{display:flex;align-items:center;justify-content:center;overflow:hidden;padding:16px;background:#fff;border:1px solid var(--rr-logo-line);border-radius:10px}
.rr-logo-box img{display:block;width:auto!important;height:auto!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;filter:none}
.rr-logo-box b{max-width:100%;text-align:center;overflow-wrap:anywhere}
.rr-logo-box--small{width:128px;height:56px;padding:10px}.rr-logo-box--medium{width:200px;height:96px}.rr-logo-box--large{width:260px;height:130px;padding:22px}
.rr-logo-box--inline{width:108px;height:38px;padding:5px;border:0}.rr-logo-box--card{width:88px;height:22px;padding:0;border:0}
.rr-logo-system--grayscale .rr-logo-box img{filter:grayscale(1);opacity:1;transition:filter .2s}
.rr-logo-system--grayscale a:hover .rr-logo-box img,.rr-logo-system--grayscale a:focus-visible .rr-logo-box img{filter:none}
.rr-logo-tile{display:flex;flex:0 0 166px;flex-direction:column;align-items:center;gap:.4rem;min-width:0;padding:10px;color:inherit;text-align:center;text-decoration:none}
.rr-logo-tile>span:not(.rr-logo-box){max-width:100%;overflow:hidden;font-weight:650;text-overflow:ellipsis;white-space:nowrap}
.rr-logo-tile small,.rr-logo-stages small{color:var(--rr-logo-muted)}
.rr-logo-carousel{display:grid;grid-template-columns:42px minmax(0,1fr) 42px;align-items:center;gap:8px}
.rr-logo-carousel__track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin}.rr-logo-carousel__track .rr-logo-tile{scroll-snap-align:start}
.rr-logo-carousel>button{width:42px;height:42px;border:1px solid var(--rr-logo-line);border-radius:50%;background:#fff;color:var(--rr-logo-ink);cursor:pointer}
.rr-logo-marquee{display:grid;gap:8px;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.rr-logo-marquee__row{overflow:hidden}.rr-logo-marquee__belt{display:flex;width:max-content;animation:rr-logo-belt 44s linear infinite}
.rr-logo-marquee__row--2 .rr-logo-marquee__belt{animation-direction:reverse;animation-duration:52s}
.rr-logo-marquee:hover .rr-logo-marquee__belt,.rr-logo-marquee:focus-within .rr-logo-marquee__belt{animation-play-state:paused}
@keyframes rr-logo-belt{to{transform:translateX(-50%)}}
.rr-logo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(158px,1fr));gap:1px;background:var(--rr-logo-line);border:1px solid var(--rr-logo-line)}.rr-logo-grid .rr-logo-tile{width:100%;background:#fff}
.rr-logo-compact{display:flex;flex-wrap:wrap;align-items:center;background:#fff}.rr-logo-compact a{display:flex;align-items:center;gap:5px;padding:4px 12px;border-right:1px solid var(--rr-logo-line);color:inherit;text-decoration:none}.rr-logo-compact small{font-variant-numeric:tabular-nums}
.rr-logo-ranking{display:grid;gap:8px;margin:0;padding:0;list-style:none}.rr-logo-ranking a{display:grid;grid-template-columns:120px minmax(80px,1fr) minmax(90px,auto);align-items:center;gap:12px;color:inherit;text-decoration:none}.rr-logo-ranking__bar{height:9px;overflow:hidden;background:#e4ddd4;border-radius:9px}.rr-logo-ranking__bar i{display:block;height:100%;background:var(--rr-logo-ac);border-radius:inherit}.rr-logo-ranking strong{text-align:right}
.rr-logo-wall,.rr-logo-stages{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px}.rr-logo-wall a,.rr-logo-stages a{display:flex;flex-direction:column;align-items:center;gap:6px;color:inherit;text-decoration:none}.rr-logo-wall .rr-logo-box{width:100%}.rr-logo-system--wall .rr-logo-box img{opacity:.72}.rr-logo-system--wall a:hover img,.rr-logo-system--wall a:focus-visible img{opacity:1}.rr-logo-stages--large{grid-template-columns:repeat(auto-fit,minmax(270px,1fr))}
.rr-logo-cardline{display:flex;align-items:center;gap:10px;width:max-content;max-width:100%;min-height:44px;padding:10px 14px;background:#fff;border:1px solid var(--rr-logo-line);border-radius:10px;color:inherit;text-decoration:none}.rr-logo-cardline>span:not(.rr-logo-box){font-weight:700}.rr-logo-cardline small{color:var(--rr-logo-muted)}
.rr-logo-system__source,.rr-logo-system__timestamp{display:block;margin:1rem 0 0;color:var(--rr-logo-muted)}.rr-logo-system__timestamp{margin-top:.25rem}.rr-logo-system__source a{color:#9c3f13}
@media(max-width:640px){.rr-logo-system{padding-block:18px;border-radius:12px}.rr-logo-carousel{grid-template-columns:34px minmax(0,1fr) 34px}.rr-logo-carousel>button{width:34px;height:34px}.rr-logo-tile{flex-basis:148px}.rr-logo-ranking a{grid-template-columns:92px minmax(60px,1fr)}.rr-logo-ranking strong{grid-column:2;text-align:left}.rr-logo-stages,.rr-logo-wall{grid-template-columns:1fr}.rr-logo-box--large{max-width:100%}}
@media(prefers-reduced-motion:reduce){.rr-logo-carousel__track{scroll-behavior:auto}.rr-logo-box img{transition:none}.rr-logo-marquee{mask-image:none}.rr-logo-marquee__row{overflow:visible}.rr-logo-marquee__belt{flex-wrap:wrap;width:auto;animation:none}.rr-logo-marquee__belt>[aria-hidden="true"]{display:none}}
