/* Insider Reviews: one stylesheet for every page. Values carried over from the original Webflow design. */
@font-face{font-family:Satoshi;src:url(/fonts/satoshi-regular.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:Satoshi;src:url(/fonts/satoshi-medium.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:Satoshi;src:url(/fonts/satoshi-bold.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:Satoshi;src:url(/fonts/satoshi-black.woff2) format("woff2");font-weight:900;font-display:swap}

:root{--navy:#0d1329;--ink:#333;--pale:#eef5ff;--page:#f7fafe;--line:#cbdbee;--green:#60ce92;--btn:#65b456;--btn-hover:#48883c;--blue:#2e5dca;--yellow:#feff05;--shadow:8px 9px 13px -9px #0003;--shadow-soft:8px 9px 13px -9px #00000024}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--page);color:var(--navy);font-family:Satoshi,Arial,sans-serif;font-size:1.13rem;line-height:1.81rem}
img{max-width:100%;height:auto;vertical-align:middle;border:0}
a{color:inherit;text-decoration:none}
h1,h2,h3,h4{color:var(--navy);margin:0;font-weight:700}
h1{font-size:2.38rem;line-height:115.79%}
h2{font-size:2rem;line-height:2.5rem}
h3{font-size:1.25rem;line-height:1.88rem}
h4{font-size:1.13rem;line-height:1.5rem;margin:.25rem 0 .5rem}
p{margin:0;font-weight:500}
.wrap{max-width:1206px;margin:0 auto;padding:4.5rem 2.25rem}

/* nav */
.nav{background:var(--navy);color:#fff;position:relative;z-index:5}
.nav-in{max-width:1140px;margin:0 auto;padding:20px;display:flex;justify-content:space-between;align-items:center}
.brand img{width:126px;height:auto}
.menu summary{list-style:none;cursor:pointer;display:flex;flex-direction:column;gap:5px;padding:12px}
.menu summary::-webkit-details-marker{display:none}
.menu summary span{display:block;width:24px;height:2px;background:#fff}
.menu nav{position:absolute;right:0;top:100%;width:min(22.5rem,100%);background:var(--blue);padding:1.5rem 1rem;display:flex;flex-direction:column}
.menu nav a{color:#fff;font-size:1.5rem;font-weight:500;line-height:3rem;padding:0 10px}

/* hero */
.hero{background:var(--pale)}
.hero .wrap{padding-bottom:1.25rem}
.hero-in{display:flex;flex-direction:column;gap:1.75rem;text-align:center}
.lede{max-width:52rem;margin:0 auto}
.skip{display:flex;justify-content:center;align-items:center;gap:1.13rem;font-weight:700;line-height:1.25rem}
.skip-btns{display:flex;gap:1.13rem}
.pill{color:var(--ink);border:2px solid var(--line);border-radius:100px;padding:1.13rem 2.25rem}
.pill:hover{background:#fff}
.disclaimer{background:#fff;border:1px solid #000;border-radius:8px;max-width:45rem;margin:0 auto;font-size:.81rem;font-weight:700;overflow:hidden}
.disclaimer-h{text-transform:uppercase;background:var(--pale);padding:.4rem}
.disclaimer-b{padding:.5rem 1rem;font-size:.75rem;font-weight:400;line-height:1.5}
.disclaimer-b p{margin:0;font-weight:400}
.disclaimer-b a{text-decoration:underline}
.hero-small .wrap{padding-bottom:3rem}
.updated{font-size:.9rem;color:#555}

/* body + cards */
.body{position:relative}
.band{position:absolute;inset:0 0 auto;height:100px;background:var(--pale)}
.body .wrap{padding-top:0;position:relative}
.stack{display:flex;flex-direction:column;gap:2.25rem}
.card{background:#fff;border-radius:20px;padding:3.38rem;box-shadow:var(--shadow);position:relative;display:flex;flex-direction:column;gap:2.25rem}
.card-mid{text-align:center}
.card-text{display:flex;flex-direction:column;gap:2.25rem;position:relative;z-index:1}
.card-art{position:absolute;right:0;bottom:0;z-index:0;max-width:304px}
.card-left .card-text{padding-right:min(20%,240px)}
.mark{background:var(--yellow);width:fit-content}

/* rich text blocks (content HTML from the CMS fields) */
.rt p{margin:0 0 1.81rem}
.rt p:last-child{margin-bottom:0}
.rt strong,.rt-ticks strong,.rt-pros strong{background:var(--yellow);font-weight:700}
.rt-signs ul{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:0;padding-left:40px;font-weight:500}
.rt-signs li:has(>strong){background:#ff0;font-weight:700;justify-self:start}
.rt-ticks ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;text-align:left}
.rt-ticks li{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;border-radius:70px;background:hsla(212,100%,76%,.3);font-weight:500}
.rt-ticks li::before{content:"";flex:0 0 22px;width:22px;height:16.5px;background:url(/img/ui/vector.svg) center/contain no-repeat}
.rt-ticks li>strong{display:block}
.rt-features ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:2.25rem}
.rt-features li{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;align-content:flex-start;column-gap:.5rem;font-weight:500}
.rt-features li::before{content:"";order:-2;flex:0 0 50px;height:50px;background:url(/img/ui/green-tick.svg) center/contain no-repeat}
.rt-features li>strong:first-child{order:-2;min-width:0;max-width:calc(100% - 50px - .5rem);background:var(--yellow);font-size:1.25rem;line-height:1.88rem}
.rt-features li::after{content:"";order:-1;flex:0 0 100%;height:.25rem}
.rt-checklist ul{list-style:none;margin:0;padding:2.25rem 3.38rem;display:flex;flex-direction:column;gap:1.13rem;border:2px solid var(--line);border-radius:10px;text-align:left}
.rt-checklist li{position:relative;padding-left:2.6rem;font-weight:500}
.rt-checklist li::before{content:"";position:absolute;left:0;top:0;width:1.75rem;height:1.75rem;background:url(/img/ui/square-tick.svg) center/contain no-repeat}
.rt-checklist li>strong:first-child{display:block;width:fit-content;margin-bottom:.5rem;background:var(--yellow)}
.rt-pros ul,.rt-cons ul{list-style:none;margin:0 0 10px;padding:0;display:flex;flex-direction:column;gap:.5rem}
.rt-pros li,.rt-cons li{position:relative;padding-left:28px;font-weight:500;line-height:1.31rem}
.rt-pros li::before,.rt-cons li::before{content:"";position:absolute;left:0;top:50%;width:24px;height:24px;transform:translateY(-50%);background:center/contain no-repeat}
.rt-pros li::before{background-image:url(/img/ui/green-tick-small.svg)}
.rt-cons li::before{background-image:url(/img/ui/cons.svg)}
.rt-pros strong{display:inline-block}
.rt-bottom p{margin:0 0 1.6em}
.rt-bottom p:last-child{margin-bottom:0}

/* top 5 */
.card-top5{padding-left:1.13rem;padding-right:1.13rem}
.top5-h{margin-bottom:-.5rem}
.product{position:relative;display:flex;flex-direction:column;align-items:center;gap:2.25rem;border:3px solid var(--line);border-radius:20px;padding:2.6rem 3.62rem 2.5rem}
.product.is-top{border-color:var(--green)}
.medal{position:absolute;left:0;top:-6%;width:13.2rem;height:auto;z-index:2;pointer-events:none}
.p-head h3{font-size:2rem;line-height:1.2}
.p-by{font-size:1.5rem;font-weight:500;line-height:1.38rem;margin-top:.5rem}
.is-top .p-by span,.is-top .grade{color:var(--green)}
.p-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;width:100%;padding:20px;text-align:left}
.cell{border-radius:10px;box-shadow:var(--shadow-soft);padding:2.25rem}
.cell-img,.cell-stat{display:flex;flex-direction:column;justify-content:center;align-items:center}
.cell-img img{max-height:290px;width:auto;object-fit:contain}
.cell-stat{gap:3.2rem;text-align:center}
.product:not(.is-top) .cell-img{order:3}
.grade{font-size:8.75rem;line-height:1;height:180px;display:flex;align-items:center;font-weight:700}
.stat-label{text-transform:uppercase;font-size:.95rem;font-weight:700;letter-spacing:.02em;line-height:1.31rem}
.ring{width:174px;max-width:100%;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;position:relative;background:conic-gradient(var(--ring) 0 var(--deg),var(--track) 0)}
.ring::before{content:"";position:absolute;inset:8px;border-radius:50%;background:#fff}
.ring span{position:relative;font-size:2.15rem;font-weight:700;color:var(--ring)}
.ring small{font-size:.55em;font-weight:500}
.cell-pros,.cell-bottom{border-radius:20px;padding:1.13rem 1.75rem}
.cell-pros{order:4}
.cell-bottom{order:5;grid-column:span 2;padding:1.13rem 2.25rem}
.tiny{font-size:.81rem;font-weight:400;line-height:1rem;margin-top:1.81rem}
.tiny a{text-decoration:underline}
.btn{display:inline-block;text-transform:uppercase;text-align:center;border-radius:100px;padding:1.75rem 3.94rem;font-size:1.63rem;font-weight:700;line-height:1.63rem}
.btn-go{background:var(--btn);color:#fff}
.btn-go:hover{background:var(--btn-hover)}
.btn-more{color:#8b8989;border:4px solid #65b556}
.btn-more:hover{color:var(--ink);background:#f0f8ef}

/* recommendation */
.rec{border:3px solid var(--blue);border-radius:20px;max-width:48.38rem;margin:0 auto;overflow:hidden;width:100%}
.rec-h{color:#2d5dca;background:#f8fafe;padding:1.13rem 0}
.rec-body{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1.13rem 2.25rem 0}
.rec-item{display:flex;align-items:center;justify-content:space-between;gap:2.25rem;margin:1.13rem 0;text-align:left}
.rec-item img{max-width:200px}
.badges{background:#daebff;margin-top:1.5rem;padding:1.25rem;display:flex;justify-content:space-around;gap:1rem}
.badge{display:flex;align-items:center;gap:10px;text-transform:uppercase;font-weight:700;line-height:1.3rem;text-align:left}
.badge img{height:2.88rem;width:auto}

/* home (original Webflow home layout) */
.hp .wrap{padding-top:4.5rem;padding-bottom:4.5rem}
.hp-blue{background:#edf5ff}
.hp-h1{font-size:2rem;line-height:2.5rem}
.hp-latest{display:flex;gap:3.5rem;margin-top:2.25rem}
.hp-feature{position:relative;overflow:hidden;width:50%;min-height:22rem;border-radius:8px;padding:2.25rem;display:flex;flex-direction:column;justify-content:center;gap:1rem;color:#fff;background:#2d5dcac2}
.hp-feature img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1}
.hp-feature-t{font-size:2rem;font-weight:900;line-height:3rem}
.hp-feature-d{font-size:1rem;line-height:1.4rem;font-weight:500}
.hp-side{width:50%;display:grid;gap:2.25rem;align-content:space-between}
.hp-side-item{display:flex;align-items:center;justify-content:space-between;gap:2.25rem}
.hp-side-img{flex:none;width:13.63rem;height:8.38rem;border-radius:8px;overflow:hidden;background:#dde7f5}
.hp-side-img img,.hp-three-img img{width:100%;height:100%;object-fit:cover}
.hp-side-t,.hp-three-t{font-size:1.5rem;font-weight:700;line-height:1.9rem;color:var(--navy)}
.hp-centre{display:flex;flex-direction:column;align-items:center;gap:2.2rem;text-align:center}
.hp-about{display:grid;grid-template-columns:1fr 1fr;gap:2.25rem;width:100%}
.hp-about-cell{display:flex;gap:1.13rem;text-align:left}
.hp-about-cell img{flex:none}
.hp-about-cell div{display:flex;flex-direction:column;gap:1.13rem;font-size:.94rem;line-height:1.5rem}
.hp-about-cell h3{color:#2d5dca}
.hp-about-cell p{font-size:.94rem;line-height:1.5rem}
.hp-link{color:#2d5dca;font-weight:700;text-decoration:underline;align-self:flex-start}
.hp-link:hover{color:var(--navy)}
.hp-three{display:grid;grid-template-columns:repeat(3,1fr);gap:2.25rem;width:100%;text-align:left}
.hp-three-item{display:flex;flex-direction:column;gap:2.25rem}
.hp-three-img{height:11.41rem;border-radius:8px;overflow:hidden;background:#dde7f5}

/* article (original Webflow article layout) */
.art-head{display:flex;flex-direction:column;gap:2.25rem;text-align:center;padding-left:4.5rem;padding-right:4.5rem;line-height:1.88rem}
.art-head h1{font-size:3.13rem;line-height:3.75rem}
.art-wrap{max-width:1206px;margin:0 auto;padding:0 2.25rem 4.5rem;position:relative}
.art{background:#fff;border-radius:10px;padding:2.25rem;position:relative}
.art-img{height:28.75rem;border-radius:8px;overflow:hidden;margin-bottom:2.5rem}
.art-img img{width:100%;height:100%;object-fit:cover}
.art-body h2{font-size:2.5rem;line-height:2.75rem;margin:2.25rem 0 .75rem}
.art-body h2:first-child{margin-top:0}
.art-body h3{margin:1.5rem 0 .5rem}
.art-body p{margin:0 0 1rem}
.art-body ul,.art-body ol{margin:0 0 1rem;overflow:hidden}
.art-body li{font-weight:500}
.art-body a{color:var(--blue);text-decoration:underline}
.art-body :is(h2,h3) :is(strong,b){font-weight:inherit}

/* article cards, categories, breadcrumbs */
.ac-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2.25rem;width:100%;text-align:left}
.ac{display:flex;flex-direction:column;background:#fff;border-radius:12px;overflow:hidden;box-shadow:var(--shadow-soft);transition:transform .15s}
.ac:hover{transform:translateY(-2px)}
.ac-img{display:block;height:11.41rem;background:#dde7f5;overflow:hidden}
.ac-img img{width:100%;height:100%;object-fit:cover}
.ac-body{display:flex;flex-direction:column;gap:.5rem;padding:1.25rem 1.25rem 1.5rem;flex:1}
.ac-cat{font-size:.78rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--blue)}
.ac-t{font-size:1.25rem;font-weight:700;line-height:1.6rem;color:var(--navy)}
.ac-d{font-size:.94rem;line-height:1.4rem;font-weight:500;color:#4a5068}
.ac-date{margin-top:auto;padding-top:.5rem;font-size:.8rem;color:#6b7186}
.crumbs{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap;font-size:.9rem;font-weight:500;color:#4a5068}
.crumbs a{color:var(--blue);text-decoration:underline}
.byline{font-size:.9rem;color:#4a5068}
.byline a{color:var(--blue);font-weight:700}
.art-note{margin-top:2rem;padding-top:1rem;border-top:1px solid var(--line);font-size:.85rem;color:#4a5068}
.art-note a{color:var(--blue);text-decoration:underline}
.cat-icon{align-self:center}
.cat-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;width:100%}
.cat-tile{display:flex;flex-direction:column;align-items:center;gap:.6rem;background:#fff;border:2px solid var(--line);border-radius:14px;padding:1.75rem 1rem;text-align:center}
.cat-tile:hover{border-color:var(--blue)}
.cat-tile-t{font-size:1.15rem;font-weight:700;color:var(--navy)}
.cat-tile-n{font-size:.85rem;color:#6b7186}
.sec-head{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}
.sec-head h2{flex:1}
.btn-small{padding:1rem 2.25rem;font-size:1.05rem;line-height:1.2rem}
.foot-cats{display:flex;flex-wrap:wrap;gap:.4rem 1.5rem;font-size:.95rem}
.foot-cats span{color:#ffffff91}

/* home tiles + plain pages */
.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:2.25rem}
.tile{padding:2rem;gap:1rem}
.tile img{max-height:180px;width:auto;align-self:center}
.tile h2{font-size:1.5rem;line-height:1.9rem}
.tile p{font-size:1rem;line-height:1.5rem}
.tile-more{font-weight:700;color:var(--blue);margin-top:auto}
.tile-cover{width:100%!important;max-height:none!important;aspect-ratio:16/10;object-fit:cover;border-radius:12px}
.section-h{text-align:center;margin-top:1.5rem}
.article-hero{width:100%;height:auto;border-radius:14px;margin-bottom:2rem}
.prose img{border-radius:12px;margin:1rem 0}
.prose{gap:0;max-width:52rem;margin:0 auto;width:100%}
.prose h2{font-size:1.5rem;line-height:2rem;margin:2rem 0 .75rem}
.prose h2:first-child{margin-top:0}
.prose :is(h2,h3) :is(strong,b){font-weight:inherit}
.prose p,.prose ul{margin:0 0 1rem}
.prose li{font-weight:500}
.prose a{color:var(--blue);text-decoration:underline}
.ph{background:var(--yellow);padding:0 .2em}
.prose .in-short{background:var(--pale);border-left:4px solid var(--blue);border-radius:6px;padding:.75rem 1rem;font-size:.95rem}
.form{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}
.form input,.form textarea{font:inherit;padding:.75rem 1rem;border:2px solid var(--line);border-radius:10px;width:100%}
.form button{align-self:flex-start;border:0;cursor:pointer;font:inherit;font-weight:700;background:var(--btn);color:#fff;border-radius:100px;padding:.9rem 2.5rem}

/* footer */
.foot{background:#0d132b;color:#fff}
.foot-in{max-width:84.38rem;margin:0 auto;padding:2.25rem;display:flex;flex-direction:column;gap:1.13rem;font-size:.88rem}
.foot-row{display:flex;justify-content:space-between;align-items:center;gap:1rem}
.foot-logo{width:126px}
.foot-links{display:flex;flex-wrap:wrap;gap:.5rem 2.5rem;font-size:1.06rem;font-weight:500}
.foot-note{color:#ffffff91;font-weight:400;line-height:1.4}

@media (max-width:991px){
  h1{font-size:1.9rem}
  h2{font-size:1.63rem;line-height:1.81rem}
  p{font-size:1rem;line-height:1.63rem}
  .wrap{padding-top:3rem;padding-bottom:3rem}
  .body .wrap{padding-left:0;padding-right:0}
  .hero .wrap{padding-left:1rem;padding-right:1rem}
  .hero-in{gap:1rem;font-size:1rem;line-height:1.31rem}
  .skip,.skip-btns{flex-direction:column;gap:.5rem}
  .pill{padding:.5rem .75rem;font-size:.94rem}
  .band{display:none}
  .card{border-radius:0;padding:2rem 1rem;gap:1rem;font-size:1rem;line-height:1.63rem}
  .card-left .card-text{padding-right:0}
  .rt p{margin-bottom:1.63rem}
  .rt-signs ul{grid-template-columns:1fr;padding-left:20px}
  .rt-ticks ul{grid-template-columns:1fr 1fr}
  .rt-features ul{gap:1.75rem}
  .rt-features li>strong:first-child{font-size:1.13rem}
  .rt-checklist ul{padding:1.5rem 1rem}
  .product{padding:3rem 1rem 1.25rem;gap:1rem}
  .product:not(.is-top){padding:1.75rem 1rem 2.25rem}
  .medal{left:50%;transform:translateX(-50%);top:-2.7em;width:8rem}
  .product.is-top{margin-top:2.5rem}
  .p-head h3{font-size:1.63rem;line-height:1.63rem}
  .p-by{font-size:1.38rem}
  .p-grid{padding:0}
  .cell{padding:1rem}
  .grade{font-size:6.6rem}
  .ring{width:138px}
  .ring::before{inset:6px}
  .ring span{font-size:1.7rem}
  .tiny{margin-top:.88rem}
  .btn{padding:1rem 2rem;font-size:1.2rem}
  .rec-item{flex-direction:column}
  .rec-body{padding-left:1rem;padding-right:1rem}
  .badge{font-size:.75rem;line-height:1rem}
  .tiles{grid-template-columns:1fr 1fr;padding:0 1rem}
  .hp .wrap{padding:3rem 1rem}
  .art-head{padding-left:2rem;padding-right:2rem}
  .art-head h1{font-size:2rem;line-height:2.19rem}
  .art-wrap{padding:0}
  .art{border-radius:0;padding-left:1rem;padding-right:1rem}
  .art-img{height:auto;aspect-ratio:16/10}
  .art-body h2{font-size:1.63rem;line-height:1.81rem}
  .ac-grid{grid-template-columns:1fr 1fr;gap:1.25rem}
  .cat-tiles{grid-template-columns:1fr 1fr;gap:1rem}
  .sec-head{flex-wrap:wrap;margin-bottom:1.25rem}
  .hp-h1{font-size:1.63rem;line-height:1.81rem}
  .hp-latest{flex-direction:column;gap:2.25rem}
  .hp-feature,.hp-side{width:100%}
  .hp-side{grid-template-columns:1fr 1fr}
  .hp-side-item{display:block}
  .hp-side-img{display:block;width:100%;height:180px;margin-bottom:.8rem}
  .hp-side-t,.hp-three-t{font-size:1.25rem;line-height:1.6rem}
  .hp-centre{text-align:left;align-items:flex-start}
  .hp-three{gap:1rem}
  .hp-three-item{gap:1.5rem}
}
@media (max-width:767px){
  h2{font-size:1.5rem;line-height:1.63rem}
  .wrap{padding-left:1.5rem;padding-right:1.5rem}
  .card-art{display:none}
  .card{box-shadow:var(--shadow-soft)}
  .card-mid{text-align:left}
  .card-mid h2{text-align:center}
  .rt-ticks ul,.rt-features ul{grid-template-columns:1fr}
  .rt-ticks li{font-size:1rem;line-height:1.25rem}
  .rt-features ul{gap:1.5rem}
  .rt-features li{justify-content:flex-start;text-align:left}
  .rt-features li::before{flex-basis:30px;height:30px}
  .rt-features li>strong:first-child{max-width:calc(100% - 30px - .5rem)}
  .p-head{text-align:center}
  .p-grid{grid-template-columns:1fr 1fr;gap:12px}
  .cell-img{grid-column:span 2;order:0!important}
  .cell-img img{max-height:240px}
  .cell-stat{gap:1.9rem}
  .grade{font-size:4rem;height:106px}
  .ring{width:106px}
  .ring::before{inset:5px}
  .ring span{font-size:1.3rem}
  .cell-pros,.cell-bottom{grid-column:span 2}
  .tiles{grid-template-columns:1fr}
  .foot-in{padding-left:1.5rem;padding-right:1.5rem}
  .hp-side{grid-template-columns:1fr}
  .hp-side-item{display:flex;align-items:center;gap:1.2rem}
  .hp-side-img{width:8.75rem;height:8.38rem;margin:0}
  .hp-about{grid-template-columns:1fr}
  .hp-three{grid-template-columns:1fr;gap:.7rem}
  .hp-three-item{flex-direction:row;align-items:center;gap:1.1rem}
  .hp-three-img{flex:none;width:7.5rem;height:7.5rem}
  .art-body h2{font-size:1.5rem;line-height:2rem}
  .art-body p,.art-body li{font-size:1rem}
  .ac-grid{grid-template-columns:1fr}
  .ac{flex-direction:row}
  .ac-img{flex:none;width:7.5rem;height:auto;min-height:7.5rem}
  .ac-d{display:none}
  .ac-body{padding:.9rem 1rem}
  .ac-t{font-size:1.05rem;line-height:1.35rem}
}
@media (max-width:479px){
  .wrap{padding-left:1rem;padding-right:1rem}
  h1{font-size:2rem;line-height:2.19rem}
  .product:not(.is-top){padding:1.5rem .5rem}
  .medal{width:7.4rem}
  .cell-stat{gap:1rem}
  .stat-label{font-size:.8rem}
  .rec-h{font-size:1.5rem;line-height:1.5rem}
  .badges{flex-direction:column;align-items:flex-start}
  .foot-row{flex-direction:column;align-items:center}
  .foot-links{justify-content:center;gap:.5rem 1.5rem}
}