/* Reviews hub (design "reviews"). Every selector scoped to .rs. */
.rs .rh{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:40px;align-items:center}
.rs .rh h1{max-width:14ch}
.rs .promise{border-radius:28px;background:var(--ink);color:#fff;padding:28px;display:grid;gap:16px}
.rs .promise b.h{font:750 20px var(--fd)}
.rs .promise .i{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:start}
.rs .promise .i .ti{background:rgba(255,255,255,.1);--ic-ink:#fff;--ic-accent:#9FB0FF}
.rs .promise .i b{display:block;font-size:15.5px}
.rs .promise .i span{font-size:14px;color:#C9D0E6;line-height:1.45}
.rs .lo{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;color:var(--ink);background:var(--surface-2);font:800 16px var(--fd);flex:none;overflow:hidden}
.rs .lo.us{background:#fff;border:1px solid var(--line);color:var(--royal)}
.rs .lo.us .sb-mark{width:60%;height:auto}
.rs .lo .sbi{width:26px;height:26px}
.rs .lo.sm{width:30px;height:30px;border-radius:9px;font-size:12px}
.rs .lo.sm .sbi{width:18px;height:18px}
.rs .cats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.rs .cat{border:1px solid var(--line);border-radius:24px;padding:22px;display:grid;gap:12px;text-decoration:none;color:var(--ink);background:#fff;transition:transform .45s var(--ease),border-color .2s;align-content:start}
.rs .cat:hover{transform:translateY(-3px);border-color:var(--ink);color:var(--ink)}
.rs .cat h3{font-size:19px}
.rs .cat .lg{display:flex}
.rs .cat .lg .lo{border:2px solid #fff;border-radius:50%;margin-left:-8px;font-size:11px}
.rs .cat .lg .lo:first-child{margin-left:0}
.rs .cat .aud{font-size:13.5px;color:var(--ink-2)}
.rs .cat .ft{display:flex;justify-content:space-between;gap:8px;align-items:center;font-size:13px;color:var(--muted);font-weight:600;margin-top:auto}
.rs .lists{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:18px;align-items:start}
.rs .lists.only{grid-template-columns:minmax(0,1fr)}
.rs .fl{border-radius:28px;background:color-mix(in srgb,var(--royal) 8%,#fff);padding:32px;display:grid;gap:14px;text-decoration:none;color:var(--ink);position:relative;overflow:hidden;min-height:340px;align-content:start}
.rs .fl:hover{color:var(--ink)}
.rs .fl .bd{white-space:normal;width:auto;height:auto;min-height:26px;padding:4px 10px}
.rs .fl h3{font-size:clamp(24px,2.6vw,32px);letter-spacing:-.035em;max-width:18ch}
.rs .fl p{color:var(--ink-2);max-width:40ch}
.rs .fl .stackl{display:grid;gap:8px;margin-top:auto;max-width:300px}
.rs .fl .stackl>span{display:flex;gap:10px;align-items:center;background:#fff;border-radius:14px;padding:8px 12px;font-weight:700;font-size:14.5px;box-shadow:0 12px 24px -18px rgba(12,22,56,.5)}
.rs .fl .stackl .lo.sm{width:26px;height:26px;border-radius:8px;font-size:11px}
.rs .fl .stackl>.more-n{opacity:.7;box-shadow:none}
.rs .ll{display:grid;gap:10px;align-content:start}
.rs .ll a{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;padding:16px 18px;border-radius:20px;border:1px solid var(--line);text-decoration:none;color:var(--ink);background:#fff}
.rs .ll a:hover{border-color:var(--ink);color:var(--ink)}
.rs .ll b{display:block;font:700 16px var(--fd);letter-spacing:-.01em}
.rs .ll small{color:var(--muted);font-size:13px}
.rs .ll .sbi.a{width:18px;height:18px}
.rs .meth{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;counter-reset:m}
.rs .meth>div{display:grid;gap:8px;counter-increment:m;padding-top:16px;border-top:2px solid var(--ink);align-content:start}
.rs .meth>div::before{content:counter(m,decimal-leading-zero);font:800 14px var(--fd);color:var(--royal)}
.rs .meth b{font:750 18px var(--fd)}
.rs .meth p{font-size:15px;color:var(--ink-2)}
.rs .pager{margin-top:28px}
@media (max-width:1000px){.rs .cats,.rs .meth{grid-template-columns:repeat(2,minmax(0,1fr))}.rs .rh,.rs .lists{grid-template-columns:minmax(0,1fr)}}
@media (max-width:560px){.rs .cats,.rs .meth{grid-template-columns:minmax(0,1fr)}.rs .fl{padding:24px;min-height:0}}
@media (prefers-reduced-motion:reduce){.rs .cat{transition:none}.rs .cat:hover{transform:none}.rs .phero .ring{animation:none}}

/* Logos in the list stacks (res-best.css isn't loaded on the hubs). */
.rs .lo.img{background:#fff;border:1px solid var(--line);overflow:hidden}
.rs .lo.img img{width:78%;height:78%;object-fit:contain}
.rs .lo.cdn{padding:0;border:1px solid var(--line);background:#fff;overflow:hidden}
.rs .lo.cdn img{width:100%;height:100%;object-fit:cover}