/* T5-P4-C: one historical image and its explanation switch as one surface. */
.r1-case .r1-record .c0-tabs{gap:0;border-bottom:1px solid #a9a1a8}
.r1-case .r1-record .c0-tabs button{min-height:81px;padding:16px 20px;background:transparent;color:#6d656e;border:0;text-align:left;transition:background-color .2s ease,color .2s ease}
.r1-case .r1-record .c0-tabs button:hover:not([aria-selected="true"]){background:#29232a0d;color:#282229}
.r1-case .r1-record .c0-tabs button[aria-selected="true"]{background:transparent;color:#211d23}
.r1-case .r1-record .c0-tabs button[aria-selected="true"] .r1-tab-number{opacity:1;color:#64566c}
.r1-case .r1-record .c0-tabs button:active{background:#29232a18}
.r1-case .r1-record .c0-tabs button::after{left:20px;right:20px;bottom:0;height:2px}
.r1-case .r1-record .c0-tabs button[aria-selected="true"]::after{opacity:1}
.r1-case .r1-record .c0-tabs button:focus-visible{outline:2px solid #5b4e66;outline-offset:-4px}
.r1-case .r1-record .c0-panels>section{grid-template-columns:minmax(0,375px) minmax(0,1fr);gap:clamp(38px,6vw,92px);align-items:center;min-height:430px;padding:37px 24px 25px}
.r1-case .r1-record .c0-direction-figure{order:0;justify-self:start;align-self:center}
.r1-case .r1-record .c0-direction-copy{order:1}
.r1-case .r1-record .c0-direction-copy>p.r1-direction-kind{margin-bottom:12px}
.r1-case .r1-record .c0-direction-copy h3{margin-bottom:16px}
.r1-case .r1-record .c0-direction-copy dl{margin-top:23px}
.r1-case .r1-record .c0-panels>section.p4c-direction-entering{animation:p4c-direction-in .32s cubic-bezier(.16,1,.3,1) both}
@keyframes p4c-direction-in{from{opacity:.72;transform:translate3d(0,8px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
@media(max-width:767px){
 .r1-case .r1-record .c0-tabs button{min-height:70px;padding:11px 6px;font-size:13px;line-height:1.2}
 .r1-case .r1-record .c0-tabs button::after{left:5px;right:5px}
 .r1-case .r1-record .c0-panels>section{grid-template-columns:1fr;gap:20px;min-height:590px;padding:22px 5px 18px;align-content:start}
 .r1-case .r1-record .c0-direction-figure{width:100%;max-width:375px;justify-self:start}
 .r1-case .r1-record .c0-direction-copy{align-self:start}
 .r1-case .r1-record .c0-direction-copy>p.r1-direction-kind{margin-bottom:8px}
 .r1-case .r1-record .c0-direction-copy h3{margin-bottom:12px}
 .r1-case .r1-record .c0-direction-copy dl{margin-top:16px}
}
@media(prefers-reduced-motion:reduce){
 .r1-case .r1-record .c0-tabs button{transition:none}
 .r1-case .r1-record .c0-panels>section.p4c-direction-entering{animation:none}
}