/* RON R23i collection gap card: fills the missing slots of the last row (or 1 slot on a full row), never sets the row height; content scales by clamp (user 11-10) */
@media (min-width:481px){
#n_main.level3 #content_list.pl6>li.ron-gapcard{container-type:size;min-height:0}
#content_list .ron-gapcard .ron-pane-v2.ron-pane-compact{padding:clamp(.7rem,3.6cqh,1.1rem) clamp(.9rem,4cqh,1.2rem);gap:clamp(.4rem,2.2cqh,1rem)}
#content_list .ron-gapcard .ron-pane-compact .ron-zones{gap:clamp(.4rem,2.4cqh,.9rem)}
#content_list .ron-gapcard .ron-pane-compact .ron-zone{gap:clamp(.35rem,2.2cqh,.9rem)}
#content_list .ron-gapcard .ron-pane-compact .ron-zone-quote h3{font-size:clamp(.9rem,3.4cqh,1.02rem);margin:clamp(.2rem,1.2cqh,.45rem) 0 clamp(.3rem,1.8cqh,.7rem)}
#content_list .ron-gapcard .ron-pane-v2.ron-pane-compact .ron-zone-browse{padding:clamp(.65rem,3.6cqh,1.4rem) clamp(.8rem,3.6cqh,1.3rem)}
#content_list .ron-gapcard .ron-pane-v2.ron-pane-compact .ron-remain{margin:clamp(.15rem,1cqh,.4rem) 0 clamp(.25rem,1.6cqh,.6rem)}
#content_list .ron-gapcard .ron-pane-v2.ron-pane-compact .ron-remain strong{font-size:clamp(1.2rem,5.4cqh,1.7rem)}
#content_list .ron-gapcard .ron-pane-v2.ron-pane-compact .ron-pager-big{gap:clamp(.35rem,1.6cqh,.7rem)}
#content_list .ron-gapcard .ron-pane-v2.ron-pane-compact .ron-pager-big a{padding:clamp(.45rem,2.2cqh,.95rem) .6rem}
#content_list .ron-gapcard .ron-pane-v2.ron-pane-compact .ron-btn-quote{padding:clamp(.5rem,2.2cqh,.8rem) 1rem}
}
#content_list>li.ron-gapcard.ron-single .ron-pane-v2.ron-pane-compact{padding:clamp(.75rem,4cqh,1.4rem) clamp(.8rem,6.5cqw,1.6rem);gap:0;justify-content:center}
#content_list>li.ron-gapcard.ron-single .ron-pane-compact .ron-zones{flex:1;gap:clamp(.7rem,6cqh,2.2rem);justify-content:center}
#content_list>li.ron-gapcard.ron-single .ron-pane-compact .ron-zone{flex:0 0 auto;gap:clamp(.35rem,2cqh,.75rem);justify-content:flex-start}
#content_list>li.ron-gapcard.ron-single .ron-eyebrow{font-size:clamp(.6rem,4.4cqw,.68rem);letter-spacing:.18em}
#content_list>li.ron-gapcard.ron-single .ron-pane-compact .ron-zone-quote h3{font-size:clamp(.95rem,7.4cqw,1.35rem);line-height:1.35;margin:0}
#content_list>li.ron-gapcard.ron-single .ron-pane-compact .ron-zone-quote h3 em{display:block}
#content_list>li.ron-gapcard.ron-single .ron-pane-v2 .ron-btn-quote{padding:clamp(.55rem,2.4cqh,.8rem) .6rem;font-size:clamp(.74rem,5.4cqw,.86rem)}
#content_list>li.ron-gapcard.ron-single .ron-pane-v2.ron-pane-compact .ron-zone-browse{padding:clamp(.65rem,3.4cqh,1.1rem) clamp(.7rem,5.5cqw,1rem);flex:0 0 auto}
#content_list>li.ron-gapcard.ron-single .ron-pane-v2.ron-pane-compact .ron-remain{margin:0;font-size:clamp(.78rem,5.6cqw,.92rem);line-height:1.45}
#content_list>li.ron-gapcard.ron-single .ron-pane-v2.ron-pane-compact .ron-remain strong{display:block;font-size:clamp(1.3rem,6cqh,1.9rem);line-height:1.1;padding:0}
#content_list>li.ron-gapcard.ron-single .ron-pane-v2.ron-pane-compact .ron-pager-big{flex-direction:column;gap:clamp(.3rem,1.6cqh,.55rem);margin:0}
#content_list>li.ron-gapcard.ron-single .ron-pane-v2.ron-pane-compact .ron-pager-big a{padding:clamp(.4rem,2cqh,.7rem) .5rem;font-size:clamp(.72rem,5.2cqw,.84rem)}
/* wide card (2+ slots): quote and browse side by side when there is room */
#content_list .ron-gapcard .ron-pane-compact .ron-zones{flex-direction:column;flex-wrap:nowrap}
#content_list .ron-gapcard .ron-pane-compact .ron-zone{flex:0 0 auto}
@container (min-width:440px){
#content_list .ron-gapcard .ron-pane-v2.ron-pane-compact{justify-content:center;padding:clamp(1rem,6cqh,2.2rem) clamp(1rem,4cqw,2.6rem)}
#content_list .ron-gapcard .ron-pane-compact .ron-zones{flex:0 1 auto;flex-direction:row;flex-wrap:nowrap;align-items:stretch;gap:clamp(.9rem,3cqw,2.2rem)}
#content_list .ron-gapcard .ron-pane-compact .ron-zone{flex:1 1 0;min-width:0;justify-content:center;gap:clamp(.5rem,3cqh,1.1rem)}
#content_list .ron-gapcard .ron-pane-compact .ron-zone-quote h3{font-size:clamp(1.1rem,2.8cqw,1.75rem);line-height:1.3;margin:0}
#content_list .ron-gapcard .ron-pane-compact .ron-zone-quote h3 em{display:block}
#content_list .ron-gapcard .ron-pane-v2.ron-pane-compact .ron-btn-quote{padding:clamp(.65rem,3cqh,.95rem) .6rem;font-size:clamp(.78rem,1.9cqw,.9rem);align-self:stretch}
#content_list .ron-gapcard .ron-pane-v2.ron-pane-compact .ron-zone-browse{padding:clamp(.9rem,5cqh,1.6rem) clamp(.8rem,2.6cqw,1.6rem)}
#content_list .ron-gapcard .ron-pane-v2.ron-pane-compact .ron-remain{font-size:clamp(.82rem,1.9cqw,.98rem);margin:0;line-height:1.45}
#content_list .ron-gapcard .ron-pane-v2.ron-pane-compact .ron-remain strong{display:block;font-size:clamp(1.6rem,8cqh,2.4rem);line-height:1.1;padding:0}
#content_list .ron-gapcard .ron-pane-v2.ron-pane-compact .ron-pager-big{flex-direction:column;gap:.55rem}
#content_list .ron-gapcard .ron-pane-v2.ron-pane-compact .ron-pager-big a{padding:clamp(.55rem,2.6cqh,.85rem) .5rem;font-size:clamp(.76rem,1.8cqw,.85rem)}
}