.rd.sp{--sp-f:calc((100vw - 402px) / 1038);--rd-head-top:42px;--rd-title:clamp(30px, calc(30px + 12 * var(--sp-f)), 42px);--rd-search-gap:clamp(30px, calc(30px + 36 * var(--sp-f)), 66px);--rd-search-width:667px;--rd-search-height:clamp(46px, calc(46px + 14 * var(--sp-f)), 60px);--rd-search-text:clamp(17px, calc(17px + 5 * var(--sp-f)), 22px);--sp-left:clamp(16px, calc(16px + 4 * var(--sp-f)), 20px);--sp-tabs-top:clamp(18px, calc(18px + 2 * var(--sp-f)), 20px);--sp-tab:clamp(19px, calc(19px + 3 * var(--sp-f)), 22px);--sp-tabs-gap:clamp(64px, calc(64px + 46 * var(--sp-f)), 110px);--sp-list-top:clamp(30px, calc(30px + 24 * var(--sp-f)), 54px);--sp-q:clamp(18px, calc(18px + 4 * var(--sp-f)), 22px);--sp-q-gap:clamp(26px, calc(26px + 23 * var(--sp-f)), 49px);--sp-tri:clamp(15px, calc(15px + 4 * var(--sp-f)), 19px);--sp-tri-gap:clamp(9px, calc(9px + 5 * var(--sp-f)), 14px);--sp-text-gap:clamp(20px, calc(20px + 23 * var(--sp-f)), 43px);--sp-vote:#b4b4b4}@media (prefers-color-scheme:light){body:has(.sp){background:#fff}.rd.sp{--rd-bg:#fff;--rd-text:#000;--rd-pill:#000;--rd-tile:#d9d9d9;--rd-play:#a3a3a3}}@media (prefers-color-scheme:dark){.rd.sp{--sp-vote:#6b6b6b}}.sp .rdtitle[data-caps]{text-transform:uppercase;letter-spacing:0;font-weight:700}.sp .rdhead{padding-top:var(--rd-head-top)}.sp .spleft{left:0;top:calc(var(--rd-head-top) + (var(--rd-title) * 1.1 - var(--sp-left) * 1.4) / 2);font-size:var(--sp-left);line-height:1.4;position:absolute}.sp .rdsearch{text-align:center;padding-left:var(--rd-search-height)}@media (max-width:559px){.rd.sp{--rd-head-top:64px}.sp .spleft{top:calc((var(--rd-head-top) - var(--sp-left) * 1.4) / 2)}}@media (hover:hover){.sp .spleft:hover{opacity:.6}}.sptabs{justify-content:center;gap:var(--sp-tabs-gap);margin-top:var(--sp-tabs-top);display:flex}.sptab{font-size:var(--sp-tab);border-bottom:var(--rd-underline) solid transparent;padding:0 .4em .3em;transition:opacity .2s}.sptab[aria-pressed=true]{border-bottom-color:var(--rd-text)}@media (hover:hover){.sptab[aria-pressed=false]:hover{opacity:.6}}.spqs{row-gap:var(--sp-q-gap);width:min(calc(var(--rd-search-width) + 44px), 100%);margin:var(--sp-list-top) auto 0;padding:0;list-style:none;display:grid}.spq{column-gap:var(--sp-text-gap);grid-template-columns:auto minmax(0,1fr);align-items:start;display:grid}.spqtext{font-size:var(--sp-q);-webkit-line-clamp:3;-webkit-box-orient:vertical;line-height:1.3;display:-webkit-box;overflow:hidden}@media (hover:hover){.spqtext:hover{text-underline-offset:.2em;text-decoration:underline;text-decoration-thickness:1px}}.spvotes{gap:var(--sp-tri-gap);margin-top:calc((var(--sp-q) * 1.3 - var(--sp-tri) * .85) / 2);display:flex}.spvote{width:var(--sp-tri);color:var(--sp-vote);-webkit-tap-highlight-color:transparent;transition:color .15s;display:block;position:relative}.spvote:before{content:"";inset:-10px calc(var(--sp-tri-gap) / -2);position:absolute}.spvote svg{width:100%;height:auto;display:block;overflow:visible}.spvote path{fill:none;stroke:currentColor;stroke-width:1.2px;stroke-linejoin:round}.spvote[aria-pressed=true]{color:var(--rd-text)}.spvote[aria-pressed=true] path{fill:currentColor}@media (hover:hover){.spvote:hover{color:var(--rd-text)}}.spnote{text-align:center;color:var(--rd-faint);margin-top:18px;font-size:17px;font-style:italic}.spnote a,.spnote button{color:var(--rd-text);text-underline-offset:.2em;font-style:italic;text-decoration:underline;text-decoration-thickness:1px}.sp .rdwrap>.rdideas{margin-top:clamp(36px, calc(36px + 24 * var(--sp-f)), 60px)}.sp .rdwrap>.spnote+.rdideas,.sp .rdwrap>.rdempty+.rdideas{margin-top:clamp(28px, calc(28px + 12 * var(--sp-f)), 40px)}.spprose{width:min(calc(var(--rd-search-width) + 44px), 100%);margin:var(--sp-list-top) auto 0;font-size:var(--sp-q);line-height:1.45}.spprose h1{font-size:var(--sp-tab);margin-bottom:.8em;font-weight:700}.spprose p+p{margin-top:.8em}.spprose a{text-underline-offset:.2em;text-decoration:underline;text-decoration-thickness:1px}
