.rv{background:var(--md-paper);padding:56px 0 64px}.rv__inner{max-width:var(--md-container);padding:0 var(--md-gutter);margin:0 auto}.rv__title{margin:0 0 var(--md-title-gap);color:var(--md-primary);font-size:var(--md-h2);font-weight:700;line-height:var(--md-h2-lh);text-align:center;text-wrap:balance}.rv__viewport{touch-action:pan-y;margin:-4px 0;padding:4px 0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#000 0 88%,#0000 100%);mask-image:linear-gradient(90deg,#000 0 88%,#0000 100%)}.rv__track{will-change:transform;gap:16px;margin:0;padding:0;list-style:none;transition:transform .45s cubic-bezier(.22,.61,.36,1);display:flex}.rv__cell{flex:0 0 calc(25% - 12px);min-width:0;display:flex}.rv__card{border:1px solid var(--md-border);border-radius:var(--md-radius-lg);background:var(--md-paper);width:100%;color:var(--md-primary);flex-direction:column;flex:auto;gap:14px;padding:24px 22px 22px;line-height:1.55;text-decoration:none;display:flex}a.rv__card{transition:border-color .22s,box-shadow .22s}a.rv__card:hover,a.rv__card:focus-visible{border-color:var(--md-primary);box-shadow:var(--md-shadow-card)}a.rv__card:focus-visible{outline:2px solid var(--md-primary);outline-offset:3px}.rv__source{color:var(--md-primary);align-items:center;gap:9px;font-size:14px;font-weight:600;line-height:1.35;display:flex}.rv__pin{width:20px;height:20px;color:var(--md-accent-ink);flex:none}.rv__stars{gap:3px;display:flex}.rv__star{width:18px;height:18px;color:var(--md-accent-ink);opacity:.3;fill:none;flex:none}.rv__star[data-on]{opacity:1;fill:currentColor}.rv__head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 12px;display:flex}.rv__topic{color:var(--md-primary);font-size:13.5px;font-weight:600;line-height:1.3}.rv__text.is-clamped{-webkit-line-clamp:8;line-clamp:8;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.rv__toggle{font:600 14px/1.3 var(--md-font-body);color:var(--md-primary);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;align-self:flex-start;margin:-6px 0 0;padding:4px 0;text-decoration:underline}.rv__toggle:hover{color:var(--md-accent-ink)}.rv__toggle:focus-visible{outline:2px solid var(--md-primary);outline-offset:2px}.rv__text{color:var(--md-support);text-wrap:pretty;margin:0;font-size:15px;line-height:1.55}.rv__meta{border-top:1px solid var(--md-border);color:var(--md-support);justify-content:space-between;align-items:baseline;gap:10px;margin:auto 0 0;padding-top:14px;font-size:13.5px;line-height:1.35;display:flex}.rv__author{color:var(--md-primary);font-weight:600}.rv__date{opacity:.85;white-space:nowrap}.rv__actions{justify-content:center;margin-top:32px;display:flex}.rv__more{border-radius:var(--md-radius-md);background:var(--md-btn-grad);min-height:46px;color:var(--md-btn-ink);box-shadow:var(--md-btn-shadow);border:0;justify-content:center;align-items:center;padding:12px 26px;font-size:15px;font-weight:600;line-height:1.35;text-decoration:none;transition:background .18s,box-shadow .18s;display:inline-flex}.rv__more:hover,.rv__more:focus-visible{background:var(--md-btn-grad-hover);color:var(--md-btn-ink);box-shadow:var(--md-btn-shadow-hover)}.rv__more:active{box-shadow:var(--md-btn-shadow-active)}.rv__more:focus-visible{outline:2px solid var(--md-primary);outline-offset:3px}@media (width<=1199px){.rv{padding:48px 0 56px}.rv__cell{flex-basis:calc(33.3333% - 10.6667px)}}@media (width<=900px){.rv__cell{flex-basis:calc(50% - 8px)}.rv__title{margin-bottom:24px}}@media (width<=560px){.rv{padding:40px 0 48px}.rv__cell{flex-basis:100%}.rv__card{padding:20px 18px 18px}.rv__text.is-clamped{-webkit-line-clamp:5;line-clamp:5}.rv__viewport{-webkit-mask-image:none;mask-image:none}.rv__actions{margin-top:24px}.rv__more{width:100%}}@media (prefers-reduced-motion:reduce){.rv__track{transition:none}}.rv__nav{justify-content:center;gap:10px;margin-top:24px;display:flex}.rv__arrow{background:var(--md-soft);width:44px;height:44px;color:var(--md-primary);cursor:pointer;border:0;border-radius:50%;place-items:center;padding:0;transition:background-color .2s,color .2s;display:grid}.rv__arrow svg{width:20px;height:20px}.rv__arrow--next svg{transform:rotate(180deg)}.rv__arrow:hover{background:var(--md-soft-strong)}.rv__arrow:focus-visible{outline:2px solid var(--md-primary);outline-offset:3px}.rv__viewport.is-drag{cursor:grabbing}.rv__viewport.is-drag .rv__track{transition:none}@media (width<=560px){.rv__nav{margin-top:20px}}@media (prefers-reduced-motion:reduce){.rv__arrow{transition:none}}
