/* RIVL CSS Architecture v2.10.11 | Componentized production build */

:root{
--rivl-primary:#b8327b;
  --rivl-primary-dark:#a02669;
  --rivl-title:#de4f8b;
  --rivl-accent:#de7a2c;
  --rivl-bg:#f1f3f8;
  --rivl-card:#fff;
  --rivl-text:#273244;
  --rivl-heading:#020617;
  --rivl-muted:#64748b;
  --rivl-border:#dfe5ee;
  --rivl-border-soft:#edf1f6;
  --rivl-soft:#fff1f8;
  --rivl-soft-2:#fff5fa;
  --rivl-white:#fff;
  --rivl-black:#000;
  --rivl-dark:#111;
  --rivl-dark-2:#0f172a;
  --rivl-desc:#334155;
  --rivl-meta:#526174;
  --rivl-muted-2:#667085;
  --rivl-breadcrumb:#64748b;
  --rivl-footer-text:#344054;
  --rivl-placeholder:#d6d6d6;
  --rivl-placeholder-2:#cfcfcf;
  --rivl-placeholder-3:#eeeeee;
  --rivl-placeholder-text:#888;
  --rivl-icon-muted:#888;
  --rivl-faq-border:#f5cde0;
  --rivl-soft-line:#f3d7e6;
  --rivl-soft-tag:#fdeaf3;
  --rivl-purple:#7c3aed;
  --rivl-purple-border:#c4b5fd;
  --rivl-progress:#e5e7eb;
  --rivl-blue-icon:#2b7bbb;
  --rivl-quote:#e6a1c5;
  --rivl-shadow:0 2px 8px rgba(15,23,42,.08);
  --rivl-shadow-card:0 3px 12px rgba(15,23,42,.08);
  --rivl-radius:4px;
  --rivl-radius-card:6px;
  --rivl-radius-premium:10px;
  --rivl-font:Arial,Helvetica,sans-serif;
  --rivl-fs-xxs:10px;
  --rivl-fs-xs:11px;
  --rivl-fs-sm:12px;
  --rivl-fs-meta:13px;
  --rivl-fs-base:14px;
  --rivl-fs-md:15px;
  --rivl-fs-lg:16px;
  --rivl-fs-xl:17px;
  --rivl-fs-title:18px;
  --rivl-fs-button-lg:20px;
  --rivl-fs-section:22px;
  --rivl-fs-card-title:24px;
  --rivl-fs-icon:26px;
  --rivl-fs-page:28px;
  --rivl-fs-hero:30px;
  --rivl-fs-quote:34px;
  --rivl-fs-placeholder:40px;
  --rivl-fs-mobile-title:25px;
  --rivl-fs-mobile-title-sm:23px;
  --rivl-fw-bold:700;
  --rivl-fw-extra:800;
  --rivl-fw-black:900;
  --rivl-lh-none:0;
  --rivl-lh-solid:1;
  --rivl-lh-compact:1.12;
  --rivl-lh-tight-title:1.14;
  --rivl-lh-title:1.16;
  --rivl-lh-heading:1.18;
  --rivl-lh-tight:1.2;
  --rivl-lh-card:1.22;
  --rivl-lh-meta:1.35;
  --rivl-lh-ui:1.4;
  --rivl-lh-base:1.45;
  --rivl-lh-copy:1.55;
  --rivl-lh-text:1.6;
  --rivl-lh-body:1.65;
  --rivl-lh-relaxed:1.7;
  /* Layout/component responsive tokens */
  --rivl-wrap-max:1180px;
  --rivl-wrap-pad-y:18px;
  --rivl-wrap-pad-x:24px;
  --rivl-wrap-overflow:visible;
  --rivl-header-height:44px;
  --rivl-header-pad-x:16px;
  --rivl-logo-fs:var(--rivl-fs-section);
  --rivl-logo-max-width:none;
  --rivl-logo-overflow:visible;
  --rivl-logo-text-overflow:clip;
  --rivl-logo-text-align:initial;
  --rivl-clip-row-width:auto;
  --rivl-clip-row-min:650px;
  --rivl-clip-row-max:none;
  --rivl-clip-row-cols:30px 30px 78px minmax(170px,1fr) 100px 64px 88px;
  --rivl-clip-row-areas:none;
  --rivl-clip-row-gap:12px;
  --rivl-clip-row-pad:10px 12px;
  --rivl-clip-row-overflow:visible;
  --rivl-player-frame-width:min(74%, 430px);
  --rivl-player-frame-max:430px;
  --rivl-player-frame-margin:14px auto 18px;
  --rivl-player-frame-radius:10px;
  --rivl-featured-cols:minmax(118px,170px) minmax(0,1fr);
  --rivl-featured-gap:clamp(12px,4vw,44px);
  --rivl-hero-h1-size:var(--rivl-fs-hero);
  --rivl-similar-card-cols:76px 1fr;
  --rivl-similar-card-gap:14px;
  --rivl-similar-card-pad:10px;
  --rivl-similar-thumb-size:76px;
  --rivl-featured-btn-pad:12px 18px;
  --rivl-featured-btn-fs:var(--rivl-fs-md);

}

*{
box-sizing:border-box;
}

*::before{
box-sizing:border-box;
}

*::after{
box-sizing:border-box;
}

html{
font-size:var(--rivl-fs-base);
  overflow-x:hidden;
}

body{
margin:0;
  width:100%;
  max-width:100%;
  background:var(--rivl-bg);
  color:var(--rivl-text);
  font-family:var(--rivl-font);
  line-height:var(--rivl-lh-base);
  overflow-x:hidden;
}

a{
color:var(--rivl-primary);
  text-decoration:none;
}

img{
max-width:100%;
  height:auto;
}