/* cf-vault-core module "post" 1.1.0 (single posts only, after core.css). Chrome: html .cfv-scope .cvp-x (0,2,1).
   The article card is .cvp-dark (default) or .cvp-paper (preview &cfv_paper=1). Colour rules inside either card stay at
   (0,1,1) (the Elementor kit's level, which the posts' own CSS already beats); no cv- element wraps the article (core's
   reset zeroes margins inside cv- elements). See module.php DARK / PAPER and dark.php. */

/* ---------- hero ---------- */
html .cfv-scope .cvp-top{padding-bottom:0}
html .cfv-scope .cvp-hero{gap:12px;padding-bottom:clamp(20px,2.8vw,34px)}
html .cfv-scope .cvp-hero .cv-hero__txt{gap:14px}
html .cfv-scope .cvp-hero .cv-bc{margin-bottom:-6px}
html .cfv-scope .cvp-hero .cv-h1{max-width:960px;font-size:clamp(30px,1.5vw + 22px,48px);line-height:1.08;letter-spacing:-.028em}
html .cfv-scope .cvp-chips .cv-chip{padding:0 14px;font-size:13px;letter-spacing:.02em}
html .cfv-scope .cvp-meta{display:flex;flex-wrap:wrap;align-items:center;gap:2px 18px;font-size:14.5px;line-height:1.4;color:var(--cv-mu)}
html .cfv-scope .cvp-meta__i{display:inline-flex;align-items:center;gap:7px;min-height:28px}
html .cfv-scope .cvp-meta__i svg{width:16px;height:16px;color:var(--cv-g)}
html .cfv-scope .cvp-meta a{display:inline-flex;align-items:center;min-height:44px;color:var(--cv-g-2);font-weight:700;text-decoration:underline;text-decoration-color:rgba(255,217,120,.4);text-underline-offset:3px}
html .cfv-scope .cvp-meta a:hover{color:var(--cv-g-4)}
html .cfv-scope .cvp-hero .cv-notice{max-width:760px}

/* ---------- layout: article + Recommended rail (own container: no cv- ancestor for the article) ---------- */
/* Posts keep Astra's separate-container body class, whose phone rule pads #content .ast-container by .54em (1,2,0)
   on top of the 16px vault gutter (core only zeroes it at (0,3,1)). */
html body.cfv-post #content>.ast-container{padding-left:0;padding-right:0}
html .cfv-scope .cvp-w{width:min(100% - 32px,1240px);margin-inline:auto}
@media(min-width:768px){html .cfv-scope .cvp-w{width:min(100% - 64px,1240px)}}
html .cfv-scope .cvp-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(20px,2.4vw,28px);align-items:start}
html .cfv-scope .cvp-layout>*{min-width:0}
@media(min-width:1100px){html .cfv-scope .cvp-layout{grid-template-columns:minmax(0,1fr) 300px;column-gap:clamp(28px,3vw,44px)}}
html .cfv-scope .cvp-article{display:block;margin:0;padding:0}

/* ---------- the light reading card ---------- */
html .cfv-scope .cvp-paper{position:relative;padding:clamp(16px,4vw,52px);border-radius:var(--cv-r-lg);background:#fbfaf7;color:#1f2733;font-family:var(--cv-font);font-size:17px;line-height:1.7;color-scheme:light;box-shadow:var(--cv-sh-card),0 0 0 1px rgba(240,195,90,.35)}
/* A table or block wider than the card scrolls inside it (the page clips horizontal overflow). */
html .cfv-scope .cvp-body{margin:0;overflow-x:auto;overflow-wrap:break-word;-webkit-overflow-scrolling:touch}
html .cfv-scope .cvp-body>:first-child{margin-top:0}
html .cfv-scope .cvp-body>:last-child{margin-bottom:0}
/* Phones: the inline two-column grids in 14 posts (style="...grid-template-columns: 1fr 1fr") squeeze the second column
   past the card edge; stack them (inline style, hence !important). */
@media(max-width:559px){html .cfv-scope .cvp-body :is([style*="grid-template-columns: 1fr 1fr"],[style*="grid-template-columns:1fr 1fr"]){grid-template-columns:minmax(0,1fr)!important}}
/* (0,1,1): the kit's level. Replaces core's gold links / white headings / pale labels on the light card. */
.cvp-paper a{color:#7a4f00}
.cvp-paper a:hover{color:#3d2800}
.cvp-paper h1,.cvp-paper h2,.cvp-paper h3,.cvp-paper h4,.cvp-paper h5,.cvp-paper h6{color:#111823}
.cvp-paper h2{font-size:clamp(23px,1vw + 17px,30px);line-height:1.25}
.cvp-paper h3{font-size:clamp(19px,.5vw + 15px,23px);line-height:1.3}
.cvp-paper h4{font-size:18px;line-height:1.35}
.cvp-paper h5,.cvp-paper h6{font-size:16px;line-height:1.4}
.cvp-paper label{color:inherit}
html .cfv-scope .cvp-paper ::selection{background:rgba(240,195,90,.45);color:#111823}
html .cfv-scope .cvp-paper :where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline-color:#8a5a00}
/* CF guide buy box: restyled only (its inline colours and markup stay) */
html .cfv-scope .cvp-paper .cf-gbb{border-radius:14px;box-shadow:0 14px 34px -22px rgba(15,23,42,.5)}
/* Its "bold" CTA is white on #059669 (3.8:1); a deeper emerald gives 5.5:1 (the colour is inline, hence !important) */
html .cfv-scope .cvp-paper .cf-gbb a[style*="background:#059669"]{background:#047857!important}
/* Conversion preview only: in the 2-up grid inside the card the platform pill and the save badge collide on phones */
@media(max-width:559px){html .cfv-scope :is(.cvp-paper,.cvp-dark) .cvp-conv-grid .cv-pcard__media .cv-sv{top:auto;bottom:8px}}

/* ---------- the dark reading card (default) ----------
   Zone colours are custom properties: .cvp-dark sets them for the dark surface, .cvd-li (a light island: an author box
   with a light background, kept) and .cvd-dk (an author's dark or colour box) redefine them, so the nearest zone wins
   through inheritance; .cvd-lo is an island that is only mid-light (links and headings take its text colour); .cvd-t
   gives an island or box root its zone text colour (only added when the author set none). The classes and every
   inline colour change come from dark.php, which models exactly these rules (see THEMED there). */
html .cfv-scope .cvp-dark{position:relative;padding:clamp(16px,4vw,52px);border-radius:var(--cv-r-lg);background:#0b1020;box-shadow:var(--cv-sh-card),0 0 0 1px rgba(240,195,90,.18);font-family:var(--cv-font);font-size:17px;line-height:1.7;color-scheme:dark;
 --cvd-t:#c9cfdb;--cvd-s:#f5f2ea;--cvd-h:#fff;--cvd-h2:#f6cd66;--cvd-a:#ffd978;--cvd-ah:#fff1c4;--cvd-ul:rgba(255,217,120,.5);--cvd-mu:#aab3c5;--cvd-b:rgba(184,191,205,.22);--cvd-th:rgba(240,195,90,.08);--cvd-code:#fff1c4;--cvd-code-bg:rgba(255,255,255,.08);--cvd-ring:rgba(240,195,90,.3);
 color:var(--cvd-t)}
html .cfv-scope .cvp-dark .cvd-li{--cvd-t:#1f2733;--cvd-s:#111823;--cvd-h:#111823;--cvd-h2:#111823;--cvd-a:#7a4f00;--cvd-ah:#3d2800;--cvd-ul:rgba(122,79,0,.45);--cvd-mu:#4a5565;--cvd-b:rgba(15,23,42,.16);--cvd-th:transparent;--cvd-code:#3d2800;--cvd-code-bg:rgba(15,23,42,.07);color-scheme:light}
html .cfv-scope .cvp-dark .cvd-dk{--cvd-t:#f5f2ea;--cvd-s:currentColor;--cvd-h:currentColor;--cvd-h2:currentColor;--cvd-a:currentColor;--cvd-ah:currentColor;--cvd-ul:currentColor;--cvd-mu:currentColor;--cvd-b:rgba(255,255,255,.24);--cvd-th:transparent;--cvd-code:currentColor;--cvd-code-bg:rgba(255,255,255,.14);color-scheme:dark}
html .cfv-scope .cvp-dark .cvd-lo{--cvd-s:currentColor;--cvd-h:currentColor;--cvd-h2:currentColor;--cvd-a:currentColor;--cvd-ah:currentColor;--cvd-ul:currentColor;--cvd-mu:currentColor}
html .cfv-scope .cvp-dark .cvd-t{color:var(--cvd-t)}
/* Islands keep the author's background and get the vault's rounding and gold hairline (an author radius or shadow
   set inline or by a post rule of (0,2,0) or more still wins). */
.cvp-dark :where(div,p,blockquote,section,aside,details,figure,form,fieldset,article,nav,header,footer,ul,ol,dl).cvd-li{border-radius:var(--cv-r-sm);box-shadow:0 0 0 1px var(--cvd-ring),0 18px 36px -26px rgba(0,0,0,.95)}
.cvp-dark .cf-gbb.cvd-li{border-radius:14px}
/* (0,1,1) colour rules, the level dark.php models (THEMED): a post rule at (0,1,1) or above still wins */
.cvp-dark a{color:var(--cvd-a);text-decoration-color:var(--cvd-ul)}
.cvp-dark a:where(:hover){color:var(--cvd-ah)}
.cvp-dark :is(h1,h2,h3,h4,h5,h6),.cvp-dark th,.cvp-dark summary{color:var(--cvd-h)}
.cvp-dark h2{color:var(--cvd-h2)}
.cvp-dark :is(figcaption,caption),.cvp-dark .wp-caption-text{color:var(--cvd-mu)}
.cvp-dark label{color:inherit}
.cvp-dark h2{font-size:clamp(23px,1vw + 17px,30px);line-height:1.25;letter-spacing:-.015em}
.cvp-dark h3{font-size:clamp(19px,.5vw + 15px,23px);line-height:1.3}
.cvp-dark h4{font-size:18px;line-height:1.35}
.cvp-dark h5,.cvp-dark h6{font-size:16px;line-height:1.4}
.cvp-dark :is(figcaption,caption),.cvp-dark .wp-caption-text{font-size:14.5px;line-height:1.55}
/* tables: hairlines, a gold-tinted header cell on the dark surface only (dark.php models the tint: TH_TINT) */
.cvp-dark :is(table,th,td){border-color:var(--cvd-b)}
.cvp-dark th{background-color:var(--cvd-th)}
html .cfv-scope .cvp-dark .wp-block-table.is-style-stripes tbody tr:nth-child(odd){background-color:rgba(255,255,255,.04)}
/* D6, phones: a table wider than the card scrolls inside its own box instead of pushing the article sideways. A table
   with a single tbody keeps its full width (its rows stay one table); post rules that stack cells as cards still win. */
@media(max-width:767px){
 html .cfv-scope .cvp-dark .cvp-body table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
 :where(.cvp-dark .cvp-body table:not(:has(>thead,>tfoot,>caption,>tbody~tbody)))>tbody{display:table;width:100%}
}
/* quotes, code, rules, the Rank Math table of contents, details */
.cvp-dark :where(blockquote:not([style*="border"])){margin:1.4em 0;padding:4px 0 4px 20px;border-left:3px solid #f0c35a}
.cvp-dark :where(code,kbd,samp){padding:.1em .35em;border-radius:6px;background:var(--cvd-code-bg);color:var(--cvd-code);font-size:.9em}
.cvp-dark pre{max-width:100%;overflow-x:auto;padding:14px 16px;border:1px solid var(--cvd-b);border-radius:12px;background:var(--cvd-code-bg);color:var(--cvd-s)}
.cvp-dark pre :where(code){padding:0;background:none;color:inherit}
.cvp-dark hr{border-color:var(--cvd-b);background-color:var(--cvd-b)}
html .cfv-scope .cvp-dark .wp-block-rank-math-toc-block{margin:0 0 1.8em;padding:clamp(16px,2.4vw,22px) clamp(18px,2.6vw,26px);border:1px solid rgba(240,195,90,.28);border-radius:var(--cv-r);background:rgba(240,195,90,.045)}
html .cfv-scope .cvp-dark .wp-block-rank-math-toc-block>:is(h2,h3,p){margin:0 0 .5em;font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#f0c35a}
html .cfv-scope .cvp-dark .wp-block-rank-math-toc-block :is(ul,ol){margin:0 0 0 1.15em}
html .cfv-scope .cvp-dark .wp-block-rank-math-toc-block li{margin:.3em 0;line-height:1.45}
html .cfv-scope .cvp-dark .wp-block-rank-math-toc-block a{font-weight:600;text-decoration:none}
html .cfv-scope .cvp-dark .wp-block-rank-math-toc-block a:hover{text-decoration:underline}
.cvp-dark summary{cursor:pointer;font-weight:700}
/* a transparent image showed on white before: keep that backdrop (opaque photos are unaffected) */
.cvp-dark :where(img[src*=".png" i],img[src*=".webp" i],img[src*=".gif" i],img[src*=".svg" i]){background-color:#fff}
.cvp-dark :where(.cvd-dk) :where(img){background-color:transparent}
html .cfv-scope .cvp-dark ::selection{background:rgba(240,195,90,.38);color:#fff}
html .cfv-scope .cvp-dark .cvd-li ::selection{background:rgba(240,195,90,.45);color:#111823}
html .cfv-scope .cvp-dark .cvd-li :where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline-color:#8a5a00}
/* the guide buy box's button colour is darkened inline by dark.php; keep its shape */
html .cfv-scope .cvp-dark .cf-gbb{box-shadow:0 0 0 1px var(--cvd-ring),0 18px 36px -24px rgba(0,0,0,.95)}
/* Step 2 audit (all posts at 390 and 1440): theme colours that are not the post's own and fail on the dark card. Astra paints blockquote
   text #334155 (--ast-global-color-3, 1.8:1 here) and mark black on no background; Astra's and WooCommerce's buttons are
   white on #28a745 (3.1:1). Each rule sits at the theme rule's own specificity and loads after it, so the theme colour is
   replaced while a post's own rule at that level (in the body, later) still wins; islands get their zone colour. */
:where(.cvp-dark) blockquote{color:var(--cvd-t)}
:where(.cvp-dark) mark{color:inherit}
:where(.cvp-dark) .button,.cvp-dark a.button,.cvp-dark button.button,.cvp-dark .wp-block-button__link:where(:not(.has-background)){background-color:#1e7e34;border-color:#1e7e34}
.cvp-dark a.button:hover,.cvp-dark button.button:hover{background-color:#19692c;border-color:#19692c}
/* inside an island or a box, core's gold ghost button and the Rank Math TOC's gold title take the zone's colours */
html body.cf-vault .cvp-dark .cvd-li :is(button,input[type=submit],input[type=button],input[type=reset]):where(:not([class*="cv-"])){border-color:var(--cvd-a);color:var(--cvd-a)}
html .cfv-scope .cvp-dark :is(.cvd-li,.cvd-dk) .wp-block-rank-math-toc-block>:is(h2,h3,p){color:var(--cvd-h)}
/* post 37729 (Chiroptera calculator): three flex:1 risk buttons wider than a phone's box; let them wrap */
@media(max-width:559px){html .cfv-scope .cvp-body #risk-buttons{flex-wrap:wrap}}

/* ---------- "New in the store" (cf-crawl-boost strip, markup only; closes the reading card, see module.php STRIP) ---------- */
html .cfv-scope .cvp-new{box-sizing:border-box;clear:both;max-width:none;margin:clamp(28px,4vw,44px) 0 0;padding:0}
html .cfv-scope .cvp-new *{box-sizing:border-box}
html .cfv-scope .cvp-new .cfcb__in{padding:clamp(18px,2.4vw,24px);border:1px solid rgba(240,195,90,.22);border-radius:var(--cv-r);background:rgba(255,255,255,.03)}
html .cfv-scope .cvp-new .cfcb__h{margin:0 0 4px;padding:0;font-size:20px;font-weight:700;line-height:1.3;letter-spacing:-.01em;color:#fff}
html .cfv-scope .cvp-new .cfcb__sub{margin:0 0 16px;padding:0;font-size:15px;line-height:1.5;color:#aab3c5}
html .cfv-scope .cvp-new .cfcb__list{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px 12px;margin:0;padding:0;list-style:none}
html .cfv-scope .cvp-new .cfcb__list li{margin:0;padding:0;list-style:none}
html .cfv-scope .cvp-new .cfcb__list li::marker{content:none}
html .cfv-scope .cvp-new .cfcb__list a{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:44px;height:100%;padding:10px 12px;border:1px solid var(--cv-line-2);border-radius:10px;background:var(--cv-fill-1);color:#fff;font-size:15px;font-weight:600;line-height:1.35;text-decoration:none;overflow-wrap:anywhere;transition:border-color .2s,background-color .2s}
html .cfv-scope .cvp-new .cfcb__list a:is(:hover,:focus-visible){border-color:var(--cv-line-5);background:var(--cv-fill-g);color:#ffe6a3}
html .cfv-scope .cvp-new .cfcb__pf{flex:none;padding:2px 8px;border-radius:999px;background:rgba(240,195,90,.14);color:#f6cd66;font-size:11.5px;font-weight:700;line-height:1.6;letter-spacing:.03em}
html .cfv-scope .cvp-new .cfcb__more{margin:16px 0 0;padding:0;font-size:15px}
html .cfv-scope .cvp-new .cfcb__more a{display:inline-flex;align-items:center;min-height:44px;font-weight:700;color:#ffd978;text-decoration:underline;text-decoration-color:rgba(255,217,120,.5);text-underline-offset:3px}
html .cfv-scope .cvp-new .cfcb__more a:hover{color:#fff1c4}
@media(max-width:600px){html .cfv-scope .cvp-new .cfcb__list{grid-template-columns:minmax(0,1fr)}}
/* the same strip on the paper card (preview &cfv_paper=1) */
html .cfv-scope .cvp-paper .cvp-new .cfcb__in{border-color:#e3dccb;background:#fff}
html .cfv-scope .cvp-paper .cvp-new .cfcb__h{color:#111823}
html .cfv-scope .cvp-paper .cvp-new .cfcb__sub{color:#4a5565}
html .cfv-scope .cvp-paper .cvp-new .cfcb__list a{border-color:#e6e0d2;background:#fbfaf7;color:#111823}
html .cfv-scope .cvp-paper .cvp-new .cfcb__list a:is(:hover,:focus-visible){border-color:#b07a12;background:#fff;color:#111823}
html .cfv-scope .cvp-paper .cvp-new .cfcb__pf{background:#111823;color:#fff}
html .cfv-scope .cvp-paper .cvp-new .cfcb__more a{color:#7a4f00;text-decoration-color:rgba(122,79,0,.45)}
html .cfv-scope .cvp-paper .cvp-new .cfcb__more a:hover{color:#3d2800}

/* ---------- Recommended rail ---------- */
@media(min-width:1100px) and (min-height:760px){html .cfv-scope .cvp-rail{position:sticky;top:var(--cv-sticky-top)}}
html .cfv-scope .cvp-rec{display:flex;flex-direction:column;gap:12px}
html .cfv-scope .cvp-rec__title{font-size:var(--cv-fs-lg);line-height:1.2;letter-spacing:-.015em;color:#fff}
html .cfv-scope .cvp-rec__lead{font-size:14.5px;line-height:1.5;color:var(--cv-body)}
html .cfv-scope .cvp-rec__list{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;margin-top:4px}
@media(min-width:700px) and (max-width:1099px){html .cfv-scope .cvp-rec__list{grid-template-columns:repeat(2,minmax(0,1fr))}}
html .cfv-scope .cvp-rp{display:grid;grid-template-columns:72px minmax(0,1fr);gap:12px;align-items:center;padding:12px;border:1px solid var(--cv-line-2);border-radius:var(--cv-r);background:var(--cv-fill-1)}
html .cfv-scope .cvp-rp__img{display:block;width:72px;height:72px;overflow:hidden;border-radius:10px;background:#0b1020}
html .cfv-scope .cvp-rp__img img{width:72px;height:72px;object-fit:cover}
html .cfv-scope .cvp-rp__txt{display:flex;flex-direction:column;gap:4px;min-width:0}
html .cfv-scope .cvp-rp__name{font-size:15px;line-height:1.3;color:#fff;overflow-wrap:anywhere}
html .cfv-scope .cvp-rp__name a{display:inline-flex;align-items:center;min-height:44px;color:inherit}
html .cfv-scope .cvp-rp__name a:hover{color:#ffe6a3}
html .cfv-scope .cvp-rp .cv-price{font-size:13px}
html .cfv-scope .cvp-rp .cv-price__now{font-size:19px}
html .cfv-scope .cvp-rp .cv-crypto{margin-top:0;font-size:12.5px}
html .cfv-scope .cvp-rp__buy{grid-column:1/-1}
html .cfv-scope .cvp-rp__buy .cv-btn{width:100%;min-height:44px;padding:0 14px;font-size:14.5px}
html .cfv-scope .cvp-rec .cv-link{align-self:flex-start}

/* ---------- previous / next ---------- */
html .cfv-scope .cvp-after{padding-bottom:clamp(48px,6vw,88px)}
html .cfv-scope .cvp-pn{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;margin-top:clamp(28px,4vw,48px)}
@media(min-width:700px){html .cfv-scope .cvp-pn{grid-template-columns:repeat(2,minmax(0,1fr))}html .cfv-scope .cvp-pn__a--next{grid-column:2}}
html .cfv-scope .cvp-pn__a{display:flex;flex-direction:column;gap:6px;min-height:44px;height:100%;padding:16px 18px;border:1px solid var(--cv-line-2);border-radius:var(--cv-r);background:var(--cv-fill-1);color:#fff;transition:border-color .2s,background-color .2s}
html .cfv-scope .cvp-pn__a:is(:hover,:focus-visible){border-color:var(--cv-line-5);background:var(--cv-fill-g);color:#fff}
html .cfv-scope .cvp-pn__a--next{align-items:flex-end;text-align:right}
html .cfv-scope .cvp-pn__dir{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--cv-g)}
html .cfv-scope .cvp-pn__dir svg{width:16px;height:16px}
html .cfv-scope .cvp-pn__dir .cvp-flip{transform:scaleX(-1)}
html .cfv-scope .cvp-pn__t{font-size:16px;font-weight:700;line-height:1.35;color:#fff;overflow-wrap:anywhere}

/* ---------- More reviews ---------- */
html .cfv-scope .cvp-more{padding-top:clamp(40px,5.5vw,72px)}
html .cfv-scope .cvp-cards{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--cv-gap)}
@media(min-width:700px){html .cfv-scope .cvp-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1024px){html .cfv-scope .cvp-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}
html .cfv-scope .cvp-cards>li{display:flex;min-width:0}
html .cfv-scope .cvp-card{position:relative;display:flex;flex-direction:column;width:100%;overflow:hidden;border:1px solid var(--cv-line-2);border-radius:var(--cv-r-md);background:var(--cv-card-2);box-shadow:var(--cv-sh-card);transition:border-color .2s,transform .2s}
html .cfv-scope .cvp-card:is(:hover,:focus-within){border-color:var(--cv-line-5);transform:translateY(-3px)}
html .cfv-scope .cvp-card__media{aspect-ratio:16/9;overflow:hidden;background:#0b1020}
html .cfv-scope .cvp-card__media img{width:100%;height:100%;object-fit:cover}
html .cfv-scope .cvp-card__body{display:flex;flex:1;flex-direction:column;gap:10px;padding:18px 20px 20px}
html .cfv-scope .cvp-card--text .cvp-card__body{position:relative;padding-top:26px;background:radial-gradient(90% 70% at 100% 0,rgba(240,195,90,.12),transparent 60%)}
html .cfv-scope .cvp-card--text .cvp-card__body::before{content:"";position:absolute;top:0;left:20px;right:20px;height:2px;background:linear-gradient(90deg,#f0c35a,rgba(240,195,90,.2) 60%,transparent)}
html .cfv-scope .cvp-card__meta{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:12.5px;font-weight:600;line-height:1.4;color:var(--cv-mu)}
html .cfv-scope .cvp-card__cat{font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--cv-g)}
html .cfv-scope .cvp-card__title{font-size:17px;line-height:1.3;color:#fff;overflow-wrap:anywhere}
html .cfv-scope .cvp-card--text .cvp-card__title{font-size:19px}
html .cfv-scope .cvp-card__title a{color:inherit}
html .cfv-scope .cvp-card__title a::after{content:"";position:absolute;inset:0;z-index:1}
html .cfv-scope .cvp-card:hover .cvp-card__title a{color:#ffe6a3}
html .cfv-scope .cvp-card__ex{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:14.5px;line-height:1.55;color:var(--cv-body)}
html .cfv-scope .cvp-more__all{margin-top:18px}


@media(prefers-reduced-motion:reduce){html .cfv-scope .cvp-card:is(:hover,:focus-within){transform:none}}