/* RIVI HOME blog: one reading column, no widgets. White page, blue and navy only. */
.rivi-v18-page:has(.rv-blog),.rivi-v18-page:has(.rv-blog) .site-shell{background:#fff}
.rv-blog{--rv-ink:#112b37;--rv-navy:#0d2430;--rv-muted:#50616a;--rv-line:#d3e2e8;--rv-sky:#c7eaf7;--rv-mist:#e8f3f7;--rv-pale:#f6fafb;--rv-gold:#2d6a8a;--rv-gold-l:#7fb6d0;--rv-ease:cubic-bezier(.22,1,.36,1);padding-top:185px;padding-bottom:0;color:var(--rv-ink);font-family:Manrope,Arial,sans-serif}
.rv-blog *{box-sizing:border-box}
.rv-blog .ed-crumbs{margin:0 0 44px}
.rv-article .ed-crumbs{max-width:var(--rv-col);margin:0 auto 52px}
.rv-blog .ed-crumbs a{text-decoration-color:var(--rv-gold-l)}
.rv-blog h1,.rv-blog h2,.rv-blog h3{font-family:inherit;color:var(--rv-navy);text-decoration:none;letter-spacing:-.02em}
/* tag, byline */
.rv-tag{margin:0 0 18px;font-size:13px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--rv-gold)}
.rv-tag a{color:inherit;text-decoration:none}
.rv-by{display:flex;flex-wrap:wrap;gap:6px 22px;margin:28px 0 0;font-size:14px;color:var(--rv-muted)}
.rv-by span+span{position:relative}
.rv-by span+span::before{content:"";position:absolute;left:-12px;top:50%;width:3px;height:3px;border-radius:50%;background:var(--rv-gold-l);transform:translateY(-50%)}
/* article: one column, same width for head, photo, contents and text */
.rv-blog{--rv-col:880px}
.rv-head,.rv-hero,.rv-body{max-width:var(--rv-col);margin-left:auto;margin-right:auto}
.rv-head h1{margin:0 0 26px;font-size:clamp(34px,4.8vw,56px);line-height:1.08;font-weight:800}
.rv-lead{font-size:clamp(19px,1.9vw,22px);line-height:1.6;color:#2a4553}
.rv-lead p{margin:0}.rv-lead a{color:inherit}
.rv-hero{margin-top:48px;margin-bottom:0;border-radius:30px;overflow:hidden;background:var(--rv-mist);aspect-ratio:16/9;box-shadow:0 30px 70px -40px #173b4d66}
.rv-hero img{width:100%;height:100%;object-fit:cover;display:block;animation:rvSettle 1.6s var(--rv-ease) both}
@keyframes rvSettle{from{transform:scale(1.06)}to{transform:scale(1)}}
.rv-body{margin-top:48px}
/* contents: Rank Math block, a card of numbered links */
.rv-prose .wp-block-rank-math-toc-block{margin:0 0 56px;padding:26px 32px;border-radius:26px;background:var(--rv-mist)}
.rv-prose .wp-block-rank-math-toc-block>p{margin:0;font-weight:800;color:var(--rv-navy);font-size:13px;letter-spacing:.12em;text-transform:uppercase}
.rv-prose .wp-block-rank-math-toc-block ol{margin:16px 0 0;columns:2;column-gap:36px}
.rv-prose .wp-block-rank-math-toc-block li{break-inside:avoid;margin:0 0 6px;font-size:16px;line-height:1.4;font-weight:600}
.rv-prose .wp-block-rank-math-toc-block a{text-decoration:none;transition:color .25s}
.rv-prose .wp-block-rank-math-toc-block a:hover{color:var(--rv-gold)}
/* reading text */
.rv-prose{font-size:18px;line-height:1.78;min-width:0}
.rv-prose>*:first-child{margin-top:0}
.rv-prose p{margin:0 0 20px}
.rv-prose h2{margin:84px 0 22px;font-size:clamp(27px,3vw,36px);line-height:1.18;font-weight:800;scroll-margin-top:110px}
.rv-prose h3{margin:44px 0 12px;font-size:22px;line-height:1.3;font-weight:800;scroll-margin-top:110px}
.rv-prose a{color:var(--rv-navy);text-decoration:underline;text-decoration-color:#9dcddd;text-decoration-thickness:2px;text-underline-offset:4px;transition:text-decoration-color .25s}
.rv-prose a:hover{text-decoration-color:var(--rv-navy)}
.rv-prose strong{color:var(--rv-navy)}
.rv-prose ul,.rv-prose ol{margin:0 0 24px;padding:0 0 0 4px;list-style:none}
.rv-prose li{position:relative;margin:0 0 10px;padding-left:26px}
.rv-prose ul li::before{content:"";position:absolute;left:4px;top:.78em;width:7px;height:7px;border-radius:50%;background:var(--rv-navy)}
.rv-prose ol{counter-reset:rv}.rv-prose ol li{counter-increment:rv}.rv-prose ol li::before{content:counter(rv);position:absolute;left:0;top:0;font-weight:800;color:var(--rv-gold)}
.rv-prose code{padding:2px 8px;border-radius:8px;background:var(--rv-mist);font-size:.88em}
/* tables */
.rv-prose .wp-block-table{margin:34px 0;overflow-x:auto;border:1px solid var(--rv-line);border-radius:22px;background:#fff;-webkit-overflow-scrolling:touch}
.rv-prose table{width:100%;min-width:560px;border-collapse:collapse;font-size:15.5px;line-height:1.5}
.rv-prose th{background:var(--rv-mist);color:var(--rv-navy);font-weight:800;text-align:left}
.rv-prose th,.rv-prose td{padding:14px 18px;border:0;border-bottom:1px solid var(--rv-line);vertical-align:top}
.rv-prose tr:last-child td{border-bottom:0}
.rv-prose td:first-child{font-weight:700;color:var(--rv-navy)}
.rv-prose .has-text-align-right{text-align:right;font-variant-numeric:tabular-nums}
/* images wider than the text column on large screens */
.rv-prose .wp-block-image{margin:44px 0}
.rv-prose .wp-block-image img{width:100%;height:auto;display:block;border-radius:26px;background:var(--rv-mist)}
.rv-prose figcaption{margin-top:12px;font-size:14px;line-height:1.5;color:var(--rv-muted);text-align:left}
/* note and source lines */
.rv-prose .rv-note{margin:30px 0;padding:22px 26px;border-radius:22px;background:var(--rv-mist);border-left:3px solid var(--rv-gold-l);font-size:16.5px;line-height:1.65}
.rv-prose .rv-note:last-child{margin-bottom:0}
.rv-prose .rv-source{font-size:14px;color:var(--rv-muted)}
/* help block */
.rv-prose .rv-help{position:relative;overflow:hidden;margin:84px 0;padding:52px;border-radius:34px;color:#d7e8ef;background:radial-gradient(120% 90% at 100% 0%,#1d4b60 0,#0d2430 62%)}
.rv-prose .rv-help h2{margin:0 0 18px;color:#fff;font-size:clamp(25px,2.6vw,32px)}
.rv-prose .rv-help p{color:#d7e8ef}.rv-prose .rv-help strong{color:#fff}
.rv-prose .rv-help a{color:#fff;text-decoration-color:var(--rv-gold-l)}
.rv-prose .rv-help>*:last-child{margin-bottom:0}
/* FAQ */
.rv-prose .wp-block-details{margin:0;border-bottom:1px solid var(--rv-line);padding:0}
.rv-prose .wp-block-details:first-of-type{border-top:1px solid var(--rv-line)}
.rv-prose .wp-block-details summary{display:flex;justify-content:space-between;gap:22px;align-items:flex-start;cursor:pointer;list-style:none;padding:22px 0;font-weight:800;font-size:19px;line-height:1.4;color:var(--rv-navy)}
.rv-prose .wp-block-details summary::-webkit-details-marker{display:none}
.rv-prose .wp-block-details summary::after{content:"+";flex:none;font-weight:600;font-size:26px;line-height:1;color:var(--rv-gold);transition:transform .35s var(--rv-ease)}
.rv-prose .wp-block-details[open] summary::after{transform:rotate(45deg)}
.rv-prose .wp-block-details>p{margin:0 0 24px;color:#2a4553}
/* related, cards and lists */
.rv-related{margin-top:110px}
.rv-related>h2,.rv-svc>h2{margin:0 0 30px;font-size:clamp(27px,3vw,38px);font-weight:800}
.rv-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.rv-card{display:flex;flex-direction:column;overflow:hidden;border-radius:28px;background:#fff;border:1px solid var(--rv-line);color:var(--rv-ink);text-decoration:none;transition:transform .5s var(--rv-ease),box-shadow .5s var(--rv-ease)}
.rv-card:hover{transform:translateY(-6px);box-shadow:0 28px 50px -30px #173b4d70}
.rv-card-img{display:block;aspect-ratio:16/10;overflow:hidden;background:var(--rv-mist)}
.rv-card-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1.2s var(--rv-ease)}
.rv-card:hover .rv-card-img img{transform:scale(1.05)}
.rv-card-body{display:flex;flex-direction:column;gap:10px;padding:24px 26px 28px}
.rv-meta{font-size:13px;color:var(--rv-muted)}
.rv-card-title{font-size:21px;line-height:1.3;font-weight:800;color:var(--rv-navy)}
.rv-card-text{font-size:15px;line-height:1.6;color:var(--rv-muted)}
.rv-latest{margin:0 0 26px}
.rv-card.is-feature{flex-direction:row;background:var(--rv-navy);border-color:var(--rv-navy)}
.rv-card.is-feature .rv-card-img{flex:1.25;aspect-ratio:auto;min-height:380px}
.rv-card.is-feature .rv-card-body{flex:1;justify-content:center;padding:54px}
.rv-card.is-feature .rv-meta,.rv-card.is-feature .rv-card-text{color:#b9d3df}
.rv-card.is-feature .rv-card-title{font-size:clamp(26px,2.6vw,36px);color:#fff}
/* list heads */
.rv-hero-list{margin:0 0 56px;padding:84px 40px 70px;border-radius:38px;text-align:center;background:radial-gradient(90% 120% at 50% 0%,#c7eaf7 0,#e8f3f7 55%,#f6fafb 100%)}
.rv-hero-list h1{max-width:900px;margin:0 auto 22px;font-size:clamp(34px,5vw,60px);line-height:1.08;font-weight:800}
.rv-intro{max-width:660px;margin:0 auto;font-size:19px;line-height:1.65;color:#2a4553}
.rv-intro p{margin:0}
.rv-chips{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:38px}
.rv-chip{padding:11px 22px;border-radius:999px;border:1px solid var(--rv-line);background:#fff;color:var(--rv-navy);font-size:15px;font-weight:700;text-decoration:none;transition:background .3s,color .3s}
.rv-chip:hover{background:var(--rv-mist)}.rv-chip.is-on{background:var(--rv-navy);border-color:var(--rv-navy);color:#fff}
.rv-pager{display:flex;gap:8px;justify-content:center;margin:44px 0 0}
.rv-pager .page-numbers,.rv-list .nav-links .page-numbers{display:inline-flex;min-width:44px;height:44px;align-items:center;justify-content:center;border-radius:999px;border:1px solid var(--rv-line);color:var(--rv-navy);text-decoration:none;font-weight:700}
.rv-pager .current,.rv-list .nav-links .current{background:var(--rv-navy);color:#fff;border-color:var(--rv-navy)}
.rv-list .nav-links{display:flex;gap:8px;justify-content:center;margin-top:44px}
.rv-svc{margin-top:110px;padding:64px 48px;border-radius:38px;background:var(--rv-mist)}
.rv-svc-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.rv-svc-grid a{display:flex;flex-direction:column;gap:4px;padding:24px;border-radius:22px;background:#fff;color:var(--rv-navy);text-decoration:none;border:1px solid var(--rv-line);transition:transform .4s var(--rv-ease)}
.rv-svc-grid a:hover{transform:translateY(-4px)}
.rv-svc-grid small{color:var(--rv-muted);font-size:14px}
/* closing banner */
.rv-closing{margin:110px 0 90px;border-radius:40px;padding:96px 28px;text-align:center;color:#fff;background:radial-gradient(90% 120% at 50% 0%,#1f5068 0,#0d2430 68%)}
.rv-closing h2{margin:0 0 16px;color:#fff;font-size:clamp(30px,4vw,48px);font-weight:800}
.rv-closing p{max-width:520px;margin:0 auto 34px;color:#bdd6e0;font-size:18px;line-height:1.6}
.rv-closing-actions{display:flex;flex-wrap:wrap;gap:14px;justify-content:center}
.rv-btn{display:inline-flex;align-items:center;gap:10px;padding:15px 28px;border-radius:999px;font-weight:800;font-size:16px;text-decoration:none;transition:transform .35s var(--rv-ease),background .3s}
.rv-btn svg{width:20px;height:20px;flex:none}
.rv-btn-light{background:#fff;color:var(--rv-navy);animation:rvPulse 3.2s infinite}
.rv-btn-ghost{border:1px solid #ffffff55;color:#fff}.rv-btn-ghost:hover{background:#ffffff1f}
.rv-btn:hover{transform:translateY(-2px)}
@keyframes rvPulse{0%,100%{box-shadow:0 0 0 0 #ffffff55}50%{box-shadow:0 0 0 14px #ffffff00}}
/* reading progress: pure CSS, drawn only by browsers that support scroll-driven animation */
@supports (animation-timeline: scroll()){
.rv-article::after{content:"";position:fixed;top:0;left:0;right:0;height:3px;background:var(--rv-navy);transform-origin:0 50%;z-index:60;pointer-events:none;animation:rvProgress linear both;animation-timeline:scroll(root)}
@keyframes rvProgress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
}
/* back to top: one round button, shown after the first screen without any script */
html:has(.rv-blog){scroll-behavior:smooth}
.rv-top{position:fixed;right:28px;bottom:28px;z-index:80;display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:var(--rv-navy);color:#fff;box-shadow:0 16px 32px -14px #0d2430b3,inset 0 0 0 1px #ffffff26;transition:transform .4s var(--rv-ease),background .3s}
.rv-top:hover{transform:translateY(-4px);background:#17394a}
.rv-top:focus-visible{outline:3px solid #7fb6d0;outline-offset:3px}
.rv-top svg{display:block}
@supports (animation-timeline: scroll()){
.rv-top{opacity:0;pointer-events:none;animation:rvTopShow linear both;animation-timeline:scroll(root);animation-range:260px 560px}
@keyframes rvTopShow{to{opacity:1;pointer-events:auto}}
}
@media print{.rv-top{display:none}}
/* phones */
@media(max-width:1000px){
 .rv-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .rv-svc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .rv-prose .wp-block-rank-math-toc-block ol{columns:1}
 .rv-card.is-feature{flex-direction:column}.rv-card.is-feature .rv-card-img{min-height:240px;flex:none}.rv-card.is-feature .rv-card-body{padding:30px 28px}
}
@media(max-width:640px){
 .rv-blog{padding-top:135px}
 .rv-blog .ed-crumbs{margin-bottom:32px}
 .rv-article .ed-crumbs{margin-bottom:36px}
 .rv-grid,.rv-svc-grid{grid-template-columns:1fr}
 .rv-hero{border-radius:24px;aspect-ratio:4/3;margin-top:36px}
 .rv-prose .wp-block-rank-math-toc-block{padding:20px 22px;margin-bottom:40px}
 .rv-body{margin-top:36px}
 .rv-hero-list{padding:56px 20px 48px;border-radius:28px}
 .rv-head h1{font-size:34px}
 .rv-lead{font-size:18px;line-height:1.65}
 .rv-prose{font-size:17px;line-height:1.75}
 .rv-prose h2{margin-top:64px}
 .rv-prose .rv-help{padding:32px 24px;border-radius:26px;margin:64px 0}
 .rv-prose .rv-note{padding:18px 20px}
 .rv-svc{padding:40px 22px;border-radius:28px;margin-top:80px}
 .rv-related{margin-top:80px}
 .rv-closing{padding:64px 22px;border-radius:30px;margin:80px 0 64px}
 .rv-btn{width:100%;justify-content:center}
 .rv-top{right:16px;bottom:16px;width:48px;height:48px}
 .rv-by{gap:6px 18px}
}
@media(prefers-reduced-motion:reduce){html:has(.rv-blog){scroll-behavior:auto}.rv-blog *,.rv-blog *::before,.rv-blog *::after{animation:none!important;transition:none!important}.rv-hero img{transform:none}.rv-article::after{display:none}}
