.ri-a-rot{padding:40px 0}
.ri-a-rot__hd{display:flex;align-items:center;gap:12px;margin:0 0 20px}
.ri-a-rot__h{flex:1 1 auto;margin:0;font-size:24px;font-weight:700;letter-spacing:-.02em;line-height:1.25;color:#000000}
.ri-a-rot__nav{display:flex;align-items:center;gap:4px;flex:0 0 auto}
.ri-a-rot__pb,.ri-a-rot__ab{width:36px;height:36px;display:flex;align-items:center;justify-content:center;
  background:none;border:0;border-radius:0;cursor:pointer;color:#333333;-webkit-tap-highlight-color:transparent}
.ri-a-rot__pb:hover,.ri-a-rot__ab:hover{background:#f2f5f9;color:#000000}
.ri-a-rot__pb svg,.ri-a-rot__ab svg,.ri-a-rot__all svg{width:18px;height:18px;fill:none;stroke:currentColor;
  stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.ri-a-rot__i-play{display:none}
.ri-a-rot__pb[aria-pressed="true"] .ri-a-rot__i-pause{display:none}
.ri-a-rot__pb[aria-pressed="true"] .ri-a-rot__i-play{display:block}
.ri-a-rot__all{display:inline-flex;align-items:center;gap:4px;margin-left:6px;padding:7px 4px;
  font-size:14px;font-weight:700;color:#333333;text-decoration:none;white-space:nowrap}
.ri-a-rot__all svg{width:16px;height:16px;transition:transform .12s ease}
.ri-a-rot__all:hover svg{transform:translateX(2px)}
/* 미는 판 — scroll-snap 이라 자바스크립트가 없어도 밀린다 */
.ri-a-rot__tr{display:grid;grid-auto-flow:column;grid-auto-columns:280px;gap:24px;
  list-style:none;margin:0;padding:0 0 6px;overflow-x:auto;overscroll-behavior-x:contain;
  scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.ri-a-rot__tr::-webkit-scrollbar{display:none}
.ri-a-rot__c{scroll-snap-align:start}
.ri-a-rot__c>a{display:block;text-decoration:none;color:inherit}
/* 사진 자리 — 3:2 고정. 사진이 없거나 늦게 와도 줄이 안 흐트러진다 */
.ri-a-rot__pic{display:block;position:relative;aspect-ratio:3/2;border-radius:0;overflow:hidden;
  background:#f4f4f4}
.ri-a-rot__pic img{width:100%;height:100%;object-fit:cover;display:block}
.ri-a-rot__pic--none{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;
  background:var(--hue,#000000)}
.ri-a-rot__pic--none svg{width:34px;height:34px;fill:none;stroke:#fff;stroke-width:1.5;
  stroke-linecap:round;stroke-linejoin:round;opacity:.85}
.ri-a-rot__pic--none b{font-size:17px;font-weight:700;color:#fff;letter-spacing:-.01em}
.ri-a-rot__b{display:block;padding:12px 2px 0}
.ri-a-rot__d{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:#333333}
.ri-a-rot__d i{font-style:normal;font-size:12px;font-weight:700;color:#333333}
.ri-a-rot__t{display:block;margin:4px 0 3px;font-size:17px;font-weight:700;line-height:1.25;color:#000000;
  letter-spacing:-.01em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ri-a-rot__s{display:block;font-size:13px;line-height:1.4;color:#333333;
  display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.ri-a-rot__st{display:block;margin-top:7px}
@media (max-width:820px){
  .ri-a-rot{padding:28px 0}
  .ri-a-rot__hd{margin-bottom:14px}
  .ri-a-rot__h{font-size:19px}
  .ri-a-rot__tr{grid-auto-columns:78%;gap:12px}
  .ri-a-rot__t{font-size:16px}
}
@media (prefers-reduced-motion:reduce){
  .ri-a-rot__tr{scroll-behavior:auto}
  .ri-a-rot__all svg{transition:none}
}