/* ChartsView 2026 - Research section landing pages (29 Oct 2026)
   Company research, Technical analysis, Blog, Learn to trade and Glossary get a coloured banner
   and colourful cards, matching Company trackers (/companies). Markup: includes/cv-hubs.php,
   templates/chartsview/html/com_content/category/blog_cvhub.php and blog.php, glossary.php. */

/* ---------- Colours per page ---------- */
.cvh-t-research{
  --cvh-bg:radial-gradient(900px 420px at 86% -12%,rgba(16,185,129,.52),transparent 62%),radial-gradient(640px 320px at -4% 118%,rgba(59,130,246,.30),transparent 60%),linear-gradient(135deg,#03140F 0%,#062A22 55%,#0A3A2E 100%);
  --cvh-base:#05231C;--cvh-solid:#047857;
}
.cvh-t-technicals{
  --cvh-bg:radial-gradient(900px 420px at 86% -12%,rgba(139,92,246,.62),transparent 62%),radial-gradient(640px 320px at -4% 118%,rgba(236,72,153,.28),transparent 60%),linear-gradient(135deg,#0A0818 0%,#160F38 55%,#22145A 100%);
  --cvh-base:#130D30;--cvh-solid:#6D28D9;
}
.cvh-t-blog{
  --cvh-bg:radial-gradient(900px 420px at 86% -12%,rgba(245,158,11,.55),transparent 62%),radial-gradient(640px 320px at -4% 118%,rgba(239,68,68,.28),transparent 60%),linear-gradient(135deg,#120A04 0%,#251306 55%,#3A1E08 100%);
  --cvh-base:#201107;--cvh-solid:#B45309;
}
.cvh-t-learn{
  --cvh-bg:radial-gradient(900px 420px at 86% -12%,rgba(34,211,238,.50),transparent 62%),radial-gradient(640px 320px at -4% 118%,rgba(132,204,22,.26),transparent 60%),linear-gradient(135deg,#03111C 0%,#052636 55%,#073A4A 100%);
  --cvh-base:#05202E;--cvh-solid:#0E7490;
}
.cvh-t-glossary{
  --cvh-bg:radial-gradient(900px 420px at 86% -12%,rgba(244,63,94,.55),transparent 62%),radial-gradient(640px 320px at -4% 118%,rgba(168,85,247,.30),transparent 60%),linear-gradient(135deg,#12060C 0%,#250B1A 55%,#3A0F26 100%);
  --cvh-base:#1F0A16;--cvh-solid:#BE123C;
}

/* ---------- Banner (same build as the /companies banner) ---------- */
.cv-jpage--hub{padding-top:0}
.cv-jpage--hub>.cv-wrap{padding-top:28px}
.cvh-hero{position:relative;isolation:isolate;overflow:hidden;color:#fff;background:var(--cvh-bg);background-color:var(--cvh-base)}
.cvh-hero::before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:32px 32px;-webkit-mask-image:linear-gradient(180deg,#000 0%,transparent 90%);mask-image:linear-gradient(180deg,#000 0%,transparent 90%)}
.cvh-hero>.cv-wrap{position:relative;z-index:1}
.cvh-hero .cvh-head{padding:34px 0 40px}
.cvh-hero .cv-crumbs,.cvh-hero .cv-crumbs a{color:rgba(255,255,255,.72)}
.cvh-hero .cv-crumbs a:hover{color:#fff}
.cvh-hero .cv-crumbs li+li::before{color:rgba(255,255,255,.4)}
.cvh-hero .cv-h1{color:#fff;font-size:clamp(40px,5vw,64px);letter-spacing:-.02em;margin:0 0 12px}
.cvh-hero .cv-lede{color:rgba(255,255,255,.86)}
.cvh-stats{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 0;padding:0}
.cvh-stats li{display:flex;align-items:baseline;gap:6px;padding:6px 14px;border:1px solid rgba(255,255,255,.26);border-radius:999px;background:rgba(255,255,255,.07);font-size:14.5px;line-height:1.4;color:rgba(255,255,255,.86)}
.cvh-stats b{font-family:var(--cv-font-cond);font-size:19px;font-weight:600;color:#fff}
/* Technical analysis: a small candle chart on the right of the banner */
.cvh-art{position:absolute;right:max(16px,calc(50% - 640px));bottom:18px;z-index:0;width:min(42vw,520px);height:auto;opacity:.5;pointer-events:none}
@media (max-width:1100px){.cvh-art{opacity:.22}}
@media (max-width:700px){.cvh-art{display:none}}

/* ---------- Search and sector filter (research, technicals) ---------- */
.cvh-controls{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;margin:0 0 24px}
.cvh-search{position:relative;flex:0 1 360px;min-width:240px;margin:0}
.cvh-search svg{position:absolute;top:50%;left:13px;transform:translateY(-50%);color:var(--cv-ink-3);pointer-events:none}
.cvh-search input{width:100%;padding:11px 14px 11px 40px;background:var(--cv-sheet);border:1px solid var(--cv-line);border-radius:10px;color:var(--cv-ink);font:inherit;font-size:15px}
.cvh-search input::placeholder{color:var(--cv-ink-3)}
.cvh-search input:focus{outline:2px solid var(--cv-blue);outline-offset:1px}
.cvh-chips{display:flex;flex-wrap:wrap;gap:6px}
.cvh-chip{display:inline-flex;align-items:center;gap:7px;padding:7px 13px;border:1px solid var(--cv-line);border-radius:999px;background:var(--cv-sheet);color:var(--cv-ink-2);font:inherit;font-size:13.5px;line-height:1.3;cursor:pointer}
.cvh-chip:hover{border-color:var(--cv-line-strong,var(--cv-line));color:var(--cv-ink)}
.cvh-chip:focus-visible{outline:2px solid var(--cv-blue);outline-offset:2px}
.cvh-chip.is-active{background:var(--cv-ink);border-color:var(--cv-ink);color:var(--cv-paper)}
.cvh-dot{width:9px;height:9px;border-radius:50%;background:var(--g)}

/* ---------- Sector colours: glow, button, deep ---------- */
.cvh-cards{--g:#60A5FA;--s:#1D4ED8;--d:#0A1F4D} /* default, before the sectors so they win */
.cvh-s-technology{--g:#A78BFA;--s:#6D28D9;--d:#1C1245}
.cvh-s-finance-banking{--g:#60A5FA;--s:#1D4ED8;--d:#0A1F4D}
.cvh-s-healthcare-pharma{--g:#2DD4BF;--s:#0F766E;--d:#062E2B}
.cvh-s-consumer-retail{--g:#FB7185;--s:#BE123C;--d:#330A18}
.cvh-s-energy{--g:#FBBF24;--s:#B45309;--d:#2E1B04}
.cvh-s-industrials{--g:#FB923C;--s:#C2410C;--d:#2E1306}
.cvh-s-defence-aerospace{--g:#38BDF8;--s:#0369A1;--d:#04213B}
.cvh-s-communication-services{--g:#E879F9;--s:#A21CAF;--d:#2C0A31}
.cvh-s-uk-stocks{--g:#F87171;--s:#B91C1C;--d:#2E0A0A}
.cvh-s-utilities{--g:#A3E635;--s:#4D7C0F;--d:#162408}
.cvh-s-materials{--g:#FACC15;--s:#A16207;--d:#271E04}
.cvh-s-automotive-ev{--g:#34D399;--s:#047857;--d:#052A1E}

/* ---------- Cards (research, technicals) ---------- */
.cvh-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.cvh-cell{margin:0;padding:0}
.cvh-cell[hidden]{display:none}
.cvh-card{display:flex;flex-direction:column;height:100%;overflow:hidden;border:1px solid var(--cv-line);border-radius:16px;background:var(--cv-sheet);color:var(--cv-ink);text-decoration:none;transition:transform .15s,box-shadow .15s}
.cvh-card:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(15,34,54,.16);color:var(--cv-ink);text-decoration:none}
.cvh-card:focus-visible{outline:3px solid var(--cv-blue);outline-offset:2px}
.cvh-card__top{display:flex;flex-wrap:wrap;align-items:center;align-content:flex-start;gap:8px 10px;flex:1;min-height:128px;padding:18px 20px 20px;color:#fff;background:radial-gradient(420px 200px at 96% -30%,color-mix(in srgb,var(--g) 62%,transparent),transparent 62%),linear-gradient(150deg,#070B14 0%,var(--d) 100%);background-color:var(--d)}
.cvh-card__sector{flex-basis:100%;font-size:13px;font-weight:600;color:rgba(255,255,255,.8)}
.cvh-card__name{font-family:var(--cv-font-cond);font-weight:600;font-size:25px;line-height:1.15;color:#fff}
.cvh-card__tick{font:600 12.5px/1 var(--cv-font-cond);padding:4px 6px 3px;border:1px solid rgba(255,255,255,.55);border-radius:3px;color:#fff}
.cvh-card__foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 20px}
.cvh-card__date{font-size:13.5px;color:var(--cv-ink-3)}
.cvh-card__go{padding:7px 14px;border-radius:999px;background:var(--s);color:#fff;font-weight:600;font-size:14px;white-space:nowrap}
.cvh-empty{color:var(--cv-ink-3);padding:32px 0;text-align:center}

/* ---------- Blog and Learn to trade: posts as cards ---------- */
.cvh-posts .blog-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:0 0 22px}
.cvh-posts .items-leading{grid-template-columns:minmax(0,1fr)}
.cvh-posts .blog-item,.cvh-posts .blog-item:has(>.item-image){display:flex;flex-direction:column;gap:0;margin:0;padding:0;overflow:hidden;border:1px solid var(--cv-line);border-radius:16px;background:var(--cv-sheet);transition:transform .15s,box-shadow .15s}
.cvh-posts .blog-item:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(15,34,54,.16)}
.cvh-posts .blog-item>.item-image{margin:0;float:none;width:auto;max-width:none}
.cvh-posts .blog-item>.item-image img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border:0;border-radius:0}
/* a post with no picture gets the page colours instead */
.cvh-posts .blog-item:not(:has(>.item-image))::before{content:"";display:block;aspect-ratio:16/9;background:var(--cvh-bg);background-color:var(--cvh-base)}
.cvh-posts .item-content{display:flex;flex-direction:column;flex:1;padding:18px 20px 20px}
.cvh-posts .item-content h2{font-size:20px;line-height:1.25;margin:0 0 6px}
.cvh-posts .cv-excerpt{display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;max-width:none;margin:2px 0 16px;font-size:15px}
.cvh-posts .readmore{margin:auto 0 0}
.cvh-posts .readmore .btn{display:inline-block;padding:8px 16px;border-radius:999px;background:var(--cvh-solid);color:#fff;font:600 14px/1.3 var(--cv-font);text-decoration:none}
.cvh-posts .readmore .btn:hover{color:#fff;text-decoration:none;filter:brightness(1.1)}
/* the newest post sits on its own, picture beside the text */
.cvh-posts .items-leading .blog-item:has(>.item-image){display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:stretch}
.cvh-posts .items-leading .blog-item>.item-image img{height:100%;aspect-ratio:auto;min-height:260px}
.cvh-posts .items-leading .blog-item:not(:has(>.item-image)){display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}
.cvh-posts .items-leading .blog-item:not(:has(>.item-image))::before{aspect-ratio:auto;min-height:260px}
.cvh-posts .items-leading .item-content{padding:26px 28px}
.cvh-posts .items-leading .item-content h2{font-size:clamp(22px,2vw,28px)}
.cvh-posts .items-leading .cv-excerpt{-webkit-line-clamp:5;line-clamp:5}
.cvh-posts .items-more{margin:6px 0 0;padding:18px 22px;border:1px solid var(--cv-line);border-radius:16px;background:var(--cv-sheet)}

@media (prefers-reduced-motion:reduce){.cvh-card,.cvh-posts .blog-item{transition:none}.cvh-card:hover,.cvh-posts .blog-item:hover{transform:none}}
@media (max-width:960px){
  .cvh-grid,.cvh-posts .blog-items{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cvh-posts .items-leading{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:640px){
  .cvh-hero .cvh-head{padding:24px 0 30px}
  .cvh-grid,.cvh-posts .blog-items{grid-template-columns:minmax(0,1fr)}
  .cvh-posts .items-leading .blog-item:has(>.item-image),.cvh-posts .items-leading .blog-item:not(:has(>.item-image)){display:flex}
  .cvh-posts .items-leading .blog-item>.item-image img{aspect-ratio:16/9;min-height:0}
  .cvh-posts .items-leading .blog-item:not(:has(>.item-image))::before{aspect-ratio:16/9;min-height:0}
  .cvh-card__name{font-size:23px}
  .cvh-search{flex-basis:100%}
}
@media (forced-colors:active){.cvh-hero,.cvh-card__top{background:Canvas;color:CanvasText}}

/* ---------- Glossary: search box inside the banner ---------- */
.cvh-hero .search-box{max-width:560px;margin:24px 0 0}
.cvh-t-glossary .cvh-head{padding-bottom:36px}

/* =====================================================================================
   29 Oct 2026 - every page gets a coloured banner (site-wide). Colours per menu section.
   Joomla pages: the banner is built by includes/cv-hubs.php (cv_page_banner_joomla).
   Stand-alone pages: their own title block is turned into the banner below.
   ===================================================================================== */
.cvh-t-today,#cv-main[data-cv-sec="today"]~*{
  --cvh-bg:radial-gradient(900px 420px at 86% -12%,rgba(99,102,241,.58),transparent 62%),radial-gradient(640px 320px at -4% 118%,rgba(251,146,60,.32),transparent 60%),linear-gradient(135deg,#090A1F 0%,#12123A 55%,#1C1850 100%);
  --cvh-base:#11112F;--cvh-solid:#4F46E5;
}
.cvh-t-markets,#cv-main[data-cv-sec="markets"]~*{
  --cvh-bg:radial-gradient(900px 420px at 86% -12%,rgba(59,130,246,.62),transparent 62%),radial-gradient(640px 320px at -4% 118%,rgba(34,197,94,.26),transparent 60%),linear-gradient(135deg,#030D21 0%,#071D45 55%,#0A2A5C 100%);
  --cvh-base:#061733;--cvh-solid:#1D4ED8;
}
.cvh-t-tips,#cv-main[data-cv-sec="tips"]~*{
  --cvh-bg:radial-gradient(900px 420px at 86% -12%,rgba(34,197,94,.55),transparent 62%),radial-gradient(640px 320px at -4% 118%,rgba(234,179,8,.26),transparent 60%),linear-gradient(135deg,#03120A 0%,#072614 55%,#0B361C 100%);
  --cvh-base:#061E10;--cvh-solid:#15803D;
}
.cvh-t-community,#cv-main[data-cv-sec="community"]~*{
  --cvh-bg:radial-gradient(900px 420px at 86% -12%,rgba(168,85,247,.58),transparent 62%),radial-gradient(640px 320px at -4% 118%,rgba(236,72,153,.30),transparent 60%),linear-gradient(135deg,#0E0820 0%,#1B0F3A 55%,#28134F 100%);
  --cvh-base:#170C31;--cvh-solid:#7E22CE;
}
.cvh-t-tools,#cv-main[data-cv-sec="tools"]~*{
  --cvh-bg:radial-gradient(900px 420px at 86% -12%,rgba(6,182,212,.55),transparent 62%),radial-gradient(640px 320px at -4% 118%,rgba(99,102,241,.30),transparent 60%),linear-gradient(135deg,#031219 0%,#062A3A 55%,#07384C 100%);
  --cvh-base:#05212D;--cvh-solid:#0E7490;
}
.cvh-t-brokers,#cv-main[data-cv-sec="brokers"]~*{
  --cvh-bg:radial-gradient(900px 420px at 86% -12%,rgba(234,179,8,.50),transparent 62%),radial-gradient(640px 320px at -4% 118%,rgba(59,130,246,.28),transparent 60%),linear-gradient(135deg,#0F0C04 0%,#211A07 55%,#30240A 100%);
  --cvh-base:#1B1506;--cvh-solid:#A16207;
}
#cv-main[data-cv-sec="research"]~*{
  --cvh-bg:radial-gradient(900px 420px at 86% -12%,rgba(16,185,129,.52),transparent 62%),radial-gradient(640px 320px at -4% 118%,rgba(59,130,246,.30),transparent 60%),linear-gradient(135deg,#03140F 0%,#062A22 55%,#0A3A2E 100%);
  --cvh-base:#05231C;--cvh-solid:#047857;
}
/* pages outside the menu */
#cv-main[data-cv-sec=""]~*{
  --cvh-bg:radial-gradient(900px 420px at 86% -12%,rgba(59,130,246,.55),transparent 62%),radial-gradient(640px 320px at -4% 118%,rgba(45,212,191,.30),transparent 60%),linear-gradient(135deg,#071631 0%,#0B2A5C 100%);
  --cvh-base:#071631;--cvh-solid:#1D4ED8;
}
html,body{overflow-x:clip}

/* a slimmer banner for inner pages (forum topics, articles) */
.cvh-hero--slim .cvh-head{padding:26px 0 30px}
.cvh-hero--slim .cv-h1{font-size:clamp(28px,3.4vw,44px)}
.cvh-meta{margin:14px 0 0;font-size:14.5px;color:rgba(255,255,255,.75)}

/* ---------- Stand-alone pages: their own title block becomes the banner ---------- */
.cv-back-link{display:none!important}
.cv-main:has(>.cv-header),.cv-main:has(>h1),.page-container:has(>.page-title),.cv-main:has(>.hero){padding-top:0!important}
body:has(>#cv-main) .cv-mv{padding-top:0}
:is(.cv-main>.cv-header,.cv-main>.cv-header+.cv-subtitle,.cv-main>h1,.cv-main>h1+.subtitle,.page-container>.page-title,.dir-header,.cv-mv__head,.cv-main>.hero,.cv-land__hero,:is(main.cvt,main.mbr,main.shm)>h1,:is(main.cvt,main.mbr,main.shm)>h1+.sub){
  position:relative;isolation:isolate;color:#fff;border:0!important;background:none;box-shadow:none
}
:is(.cv-main>.cv-header,.cv-main>.cv-header+.cv-subtitle,.cv-main>h1,.cv-main>h1+.subtitle,.page-container>.page-title,.dir-header,.cv-mv__head,.cv-main>.hero,.cv-land__hero,:is(main.cvt,main.mbr,main.shm)>h1,:is(main.cvt,main.mbr,main.shm)>h1+.sub)::before{
  content:"";position:absolute;z-index:-1;top:0;bottom:0;left:50%;width:100vw;margin-left:-50vw;
  background:var(--cvh-bg);background-color:var(--cvh-base)
}
/* faint grid, as on the company pages, only on the first block */
:is(.cv-main>.cv-header,.cv-main>h1,.page-container>.page-title,.dir-header,.cv-mv__head,.cv-main>.hero,.cv-land__hero,:is(main.cvt,main.mbr,main.shm)>h1)::after{
  content:"";position:absolute;z-index:-1;top:0;bottom:0;left:50%;width:100vw;margin-left:-50vw;pointer-events:none;
  background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:32px 32px;
  -webkit-mask-image:linear-gradient(180deg,#000 0%,transparent 90%);mask-image:linear-gradient(180deg,#000 0%,transparent 90%)
}
/* spacing: banner from the top of the page, content starts below it */
:is(.cv-main>.cv-header,.page-container>.page-title,.dir-header,.cv-mv__head,.cv-main>.hero){padding:34px 0 34px!important;margin:0 0 28px!important}
.cv-main>h1,:is(main.cvt,main.mbr,main.shm)>h1{padding:34px 0 8px!important;margin:0!important}
.cv-main>h1+.subtitle,:is(main.cvt,main.mbr,main.shm)>h1+.sub{padding:0 0 34px!important;margin:0 0 28px!important}
:is(main.cvt,main.mbr,main.shm):has(>h1){padding-top:0!important}
.cv-main>.cv-header:has(+.cv-subtitle){padding-bottom:8px!important;margin-bottom:0!important}
.cv-main>.cv-header+.cv-subtitle{padding:0 0 34px!important;margin:0 0 28px!important}
/* headings and text inside the banner */
:is(.cv-main>.cv-header,.cv-main>h1,.page-container>.page-title,.dir-header,.cv-mv__head,.cv-main>.hero,.cv-land__hero) :is(h1),.cv-main>h1,:is(main.cvt,main.mbr,main.shm)>h1{
  font-family:var(--cv-font-cond);font-weight:600;font-size:clamp(34px,4.2vw,56px)!important;line-height:1.05;letter-spacing:-.02em;color:#fff!important;margin:0 0 10px!important
}
:is(.cv-main>.cv-header,.page-container>.page-title,.dir-header,.cv-mv__head,.cv-main>.hero,.cv-land__hero) p,.cv-main>.cv-header+.cv-subtitle,.cv-main>h1+.subtitle,:is(main.cvt,main.mbr,main.shm)>h1+.sub,.cv-mv__head .cv-lede{
  color:rgba(255,255,255,.86)!important;font-size:17px;line-height:1.5;max-width:64ch
}
.page-container>.page-title,.dir-header{text-align:left!important}
.page-container>.page-title p,.dir-header p{margin-left:0!important}
.cv-main>.cv-header .cv-status,.cv-main>.cv-header .cv-status *{color:rgba(255,255,255,.85)}
.dir-header .dir-count,.cv-main>.hero .hero-stat{color:rgba(255,255,255,.86)}
.cv-land{padding-top:0!important}
.cv-land__hero{padding:40px 0 44px;margin:0 0 8px}
.cv-land__note{color:rgba(255,255,255,.7)!important}
@media (max-width:640px){
  :is(.cv-main>.cv-header,.page-container>.page-title,.dir-header,.cv-mv__head,.cv-main>.hero){padding:24px 0 26px!important}
  .cv-main>h1{padding-top:24px!important}
  .cv-land__hero{padding:28px 0 32px}
}
@media (forced-colors:active){:is(.cv-main>.cv-header,.page-container>.page-title,.dir-header,.cv-mv__head,.cv-main>.hero,.cv-land__hero)::before{background:Canvas}}

/* one-piece banner: title and intro wrapped together (compare, earnings, breadth, heatmap, tools, feed) */
.cvb-head{position:relative;isolation:isolate;color:#fff;padding:34px 0 34px;margin:0 0 28px}
.cvb-head::before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:50%;width:100vw;margin-left:-50vw;background:var(--cvh-bg);background-color:var(--cvh-base)}
.cvb-head::after{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:50%;width:100vw;margin-left:-50vw;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:32px 32px;-webkit-mask-image:linear-gradient(180deg,#000 0%,transparent 90%);mask-image:linear-gradient(180deg,#000 0%,transparent 90%)}
.cvb-head h1{font-family:var(--cv-font-cond);font-weight:600;font-size:clamp(34px,4.2vw,56px)!important;line-height:1.05;letter-spacing:-.02em;color:#fff!important;margin:0 0 10px!important;padding:0!important}
.cvb-head :is(p,.sub,.subtitle,.cv-subtitle){color:rgba(255,255,255,.86)!important;font-size:17px!important;line-height:1.5;max-width:64ch;margin:0!important;padding:0!important}
.cvb-head .cv-header{margin:0!important;padding:0!important;border:0!important}
:is(.cv-main,main,.feed-layout):has(>.cvb-head){padding-top:0!important}
.feed-layout>.cvb-head{margin-bottom:4px;order:-2}
@media (max-width:640px){.cvb-head{padding:24px 0 26px}}

/* a page's own designed top block, moved into the banner (broker reviews, charting software, TradingView review) */
.cvh-hero--custom :is(.hero,.cs-hero,.tv-hero){background:none!important;border:0!important;box-shadow:none!important;padding:0!important;margin:0!important;max-width:none!important;text-align:left!important;color:#fff!important;border-radius:0!important}
.cvh-hero--custom :is(.hero,.cs-hero,.tv-hero)>*{margin-left:0!important;margin-right:0!important;text-align:left!important}
.cvh-hero--custom :is(.hero,.cs-hero,.tv-hero) h1{font-family:var(--cv-font-cond);font-weight:600;font-size:clamp(34px,4.6vw,58px)!important;line-height:1.05;letter-spacing:-.02em;color:#fff!important;margin:0 0 12px!important}
.cvh-hero--custom :is(p,small,span,li):not(a *):not(a){color:rgba(255,255,255,.86)!important}
.cvh-hero--custom :is([class*="chips"],[class*="badges"],[class*="tags"],[class*="features"],[class*="actions"],[class*="buttons"],[class*="rating"]){justify-content:flex-start!important}
.cvh-hero--custom :is(.cs-badge,.tv-hero-badge){display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid rgba(255,255,255,.28)!important;border-radius:999px;background:rgba(255,255,255,.08)!important;font-size:14px;color:#fff!important}
.cvh-hero--custom .cs-hero-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px!important}
.cvh-hero--custom .tv-hero-badge{margin-bottom:14px!important}
.cvh-hero--custom .tv-hero-rating{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px!important}
.cvh-hero--custom :is(.tv-stars,[class*="stars"]){color:#FBBF24!important;letter-spacing:2px}
.cvh-hero--custom :is(a[class*="cta"],a[class*="btn"]){display:inline-block;margin:18px 0 8px!important;padding:11px 20px;border-radius:999px;background:#fff!important;color:#0B1220!important;font-weight:600;text-decoration:none!important;border:0}
.cvh-hero--custom :is(a[class*="cta"],a[class*="btn"]):hover{background:#E8EEF8!important}
.cvh-hero--custom .tv-disclaimer{font-size:14px!important;color:rgba(255,255,255,.72)!important}

/* the company research report's own crumbs: the banner has them */
.cv-jpage--hub .cv-research-breadcrumb{display:none}
/* text the tool pages put in their title row (e.g. "Welcome, name") */
.cv-main>.cv-header span:not(button span):not(a span){color:rgba(255,255,255,.82)!important}
.cv-srch:has(>.cvb-head){padding-top:0}

/* ---------- Section headings stand out: a short bar in the page colour ---------- */
.cvh-t-today,#cv-main[data-cv-sec="today"]~*{--cvh-accent:#818CF8}
.cvh-t-markets,#cv-main[data-cv-sec="markets"]~*,#cv-main[data-cv-sec=""]~*{--cvh-accent:#60A5FA}
.cvh-t-tips,#cv-main[data-cv-sec="tips"]~*{--cvh-accent:#4ADE80}
.cvh-t-community,#cv-main[data-cv-sec="community"]~*{--cvh-accent:#C084FC}
.cvh-t-tools,#cv-main[data-cv-sec="tools"]~*,.cvh-t-learn{--cvh-accent:#22D3EE}
.cvh-t-brokers,#cv-main[data-cv-sec="brokers"]~*{--cvh-accent:#FACC15}
.cvh-t-research,#cv-main[data-cv-sec="research"]~*{--cvh-accent:#34D399}
.cvh-t-blog{--cvh-accent:#FBBF24}.cvh-t-technicals{--cvh-accent:#A78BFA}.cvh-t-glossary{--cvh-accent:#FB7185}
:root[data-theme="light"] :is(#cv-main~*,.cvh-hero){--cvh-accent:var(--cvh-solid)}
:is(.com-content-article__body,.com-content-category-blog,.cv-main,.page-container,main.cvt,main.mbr,main.shm,.cv-mv,.cv-srch)>h2{position:relative;padding-bottom:10px}
:is(.com-content-article__body,.com-content-category-blog,.cv-main,.page-container,main.cvt,main.mbr,main.shm,.cv-mv,.cv-srch)>h2::after{content:"";position:absolute;left:0;bottom:0;width:44px;height:3px;border-radius:3px;background:var(--cvh-accent,var(--cv-blue))}
.cv-main>.cv-header .cv-status{background:rgba(255,255,255,.1)!important;border:1px solid rgba(255,255,255,.25)!important;color:#fff!important}

/* =====================================================================================
   29 Oct 2026 - home page: the market hero sits on a coloured banner, the sections stand out
   ===================================================================================== */
.cv-home .hm-hero{position:relative;isolation:isolate;padding-bottom:40px;color:#fff;
  --cv-sheet:rgba(6,10,34,.5);--cv-sheet-2:rgba(255,255,255,.08);--cv-sunk:rgba(0,0,0,.2);--cv-grid:rgba(255,255,255,.06);--cv-grid-major:rgba(255,255,255,.12);
  --cv-line:rgba(255,255,255,.16);--cv-line-strong:rgba(255,255,255,.32);--cv-ink:#fff;--cv-ink-2:rgba(234,242,255,.84);--cv-ink-3:rgba(234,242,255,.64);
  --cv-blue:#8FB4FF;--cv-blue-hover:#B3CCFF;--cv-on-blue:#06152A;--cv-blue-soft:rgba(143,180,255,.18);--cv-link:#B3CCFF;--cv-link-hover:#D6E3FF;
  --cv-up:#4BD38F;--cv-up-soft:rgba(75,211,143,.16);--cv-down:#FF7E89;--cv-down-soft:rgba(255,126,137,.16);--cv-marker:#FFE24A;--cv-on-marker:#1F1A00}
.cv-home .hm-hero::before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:50%;width:100vw;margin-left:-50vw;background:var(--cvh-bg);background-color:var(--cvh-base)}
.cv-home .hm-hero::after{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:50%;width:100vw;margin-left:-50vw;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:32px 32px;-webkit-mask-image:linear-gradient(180deg,#000 0%,transparent 85%);mask-image:linear-gradient(180deg,#000 0%,transparent 85%)}
.cv-home .hm-title{color:#fff}
.cv-home .hm-plot{background-color:rgba(4,8,28,.32)}
.cv-home .hm-brief{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 18px 44px rgba(0,0,0,.28)}

/* section headings: a short bar in each section's colour */
.cv-home .cv-sec__head .cv-h2{position:relative;padding-bottom:10px}
.cv-home .cv-sec__head .cv-h2::after{content:"";position:absolute;left:0;bottom:0;width:44px;height:3px;border-radius:3px;background:linear-gradient(90deg,var(--hm-a,#818CF8),var(--hm-b,#22D3EE))}
.cv-home .hm-trk{--hm-a:#3B82F6;--hm-b:#2DD4BF}
.cv-home .hm-movers{--hm-a:#3B82F6;--hm-b:#22C55E}
.cv-home .hm-cal{--hm-a:#6366F1;--hm-b:#FB923C}
.cv-home .hm-talk{--hm-a:#A855F7;--hm-b:#EC4899}
.cv-home .hm-research{--hm-a:#10B981;--hm-b:#3B82F6}
.cv-home .hm-tools{--hm-a:#06B6D4;--hm-b:#6366F1}
.cv-home :is(.hm-brokers,.hm-charting){--hm-a:#EAB308;--hm-b:#F97316}

/* movers, coming up and the forum: three panels with a coloured top edge */
.cv-home .hm-grid{gap:22px;margin-top:44px}
.cv-home .hm-grid>section{position:relative;overflow:hidden;background:var(--cv-sheet);border:1px solid var(--cv-line);border-radius:16px;padding:22px 22px 20px}
.cv-home .hm-grid>section::before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:linear-gradient(90deg,var(--hm-a),var(--hm-b))}

/* new company research: the research page's cards */
.cv-home .hm-rgrid2{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.cv-home .hm-rgrid2 .cvh-card__top{min-height:120px}
.cv-home .hm-rgrid2 .cvh-card__name{font-size:22px}

/* tools: tiles with a coloured edge */
.cv-home .hm-tlist{border-top:0;gap:16px}
.cv-home .hm-tlist li{border:0}
.cv-home .hm-tlist a{position:relative;overflow:hidden;height:100%;padding:18px 20px 18px 24px;background:var(--cv-sheet);border:1px solid var(--cv-line);border-radius:14px;transition:transform .15s,box-shadow .15s}
.cv-home .hm-tlist a::before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:linear-gradient(180deg,#06B6D4,#6366F1)}
.cv-home .hm-tlist a:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(15,34,54,.16)}

/* partner brokers: gold edge and a clear button */
.cv-home .hm-blist a{position:relative;overflow:hidden;border-radius:14px;padding:22px 20px 18px;transition:transform .15s,box-shadow .15s}
.cv-home .hm-blist a::before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:linear-gradient(90deg,#EAB308,#F97316)}
.cv-home .hm-blist a:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(15,34,54,.16)}
.cv-home .hm-blist .hm-blist__go{align-self:flex-start;padding:7px 14px;border-radius:999px;background:#A16207;color:#fff!important}

/* weekly email and the join box: coloured panels */
.cv-home :is(.hm-news,.hm-join){position:relative;isolation:isolate;overflow:hidden;border:0!important;border-radius:18px;color:#fff;
  --cv-ink:#fff;--cv-ink-2:rgba(255,255,255,.86);--cv-ink-3:rgba(255,255,255,.7)}
.cv-home .hm-news{background:radial-gradient(700px 300px at 90% -20%,rgba(236,72,153,.45),transparent 62%),linear-gradient(135deg,#140B2E,#2A1452)!important;background-color:#1C0F3A!important}
.cv-home .hm-join{background:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px) 0 0/32px 32px,linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px) 0 0/32px 32px,radial-gradient(800px 340px at 88% -20%,rgba(59,130,246,.6),transparent 62%),radial-gradient(600px 300px at 0 120%,rgba(34,197,94,.24),transparent 60%),linear-gradient(135deg,#030D21,#0A2A5C)!important;background-color:#061733!important}
.cv-home :is(.hm-news,.hm-join) .cv-h2{color:#fff}
.cv-home :is(.hm-news,.hm-join) p{color:rgba(255,255,255,.86)}
.cv-home .hm-news .hm-news__msg.is-ok{color:#4BD38F}
.cv-home .hm-news .hm-news__msg.is-err{color:#FF9AA2}
@media (max-width:1099px){.cv-home .hm-rgrid2{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.cv-home .hm-rgrid2{grid-template-columns:minmax(0,1fr)}.cv-home .hm-hero{padding-bottom:28px}}
@media (prefers-reduced-motion:reduce){.cv-home :is(.hm-tlist a,.hm-blist a){transition:none}.cv-home :is(.hm-tlist a,.hm-blist a):hover{transform:none}}
.cv-home .hm-join .cv-btn:not(.cv-btn--primary){background:rgba(255,255,255,.1)!important;border-color:rgba(255,255,255,.45)!important;color:#fff!important}
.cv-home .hm-rgrid2 .cvh-card__foot{padding:12px 16px;gap:8px}
.cv-home .hm-rgrid2 .cvh-card__date{font-size:12.5px;white-space:nowrap}
.cv-home .hm-rgrid2 .cvh-card__go{padding:6px 12px;font-size:13px}

/* =====================================================================================
   29 Oct 2026 - Brokers pages: a picture in the banner, bigger framed screenshots, bolder boxes
   ===================================================================================== */
/* banner picture (screenshot or drawn chart) on the right; the text keeps to the left */
.cvh-hero--art .cvh-art{opacity:.85;bottom:22px;width:min(40vw,500px)}
.cvh-shot{position:absolute;z-index:0;right:max(16px,calc(50% - 640px));top:50%;transform:translateY(-50%) perspective(1200px) rotateY(-8deg);width:min(38vw,500px);margin:0;padding:26px 8px 8px;border-radius:14px;
  background:linear-gradient(#1b2236,#121827);border:1px solid rgba(255,255,255,.18);box-shadow:0 30px 70px rgba(0,0,0,.55),0 0 0 1px rgba(250,204,21,.18)}
.cvh-shot::before{content:"";position:absolute;top:10px;left:12px;width:8px;height:8px;border-radius:50%;background:#F87171;box-shadow:14px 0 #FBBF24,28px 0 #4ADE80}
.cvh-shot img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;object-position:top left;border-radius:6px}
@media (min-width:1001px){.cvh-hero--art .cvh-head{max-width:min(680px,52%)}}
@media (max-width:1000px){.cvh-shot{display:none}.cvh-hero--art .cvh-art{opacity:.2}}
@media (max-width:700px){.cvh-hero--art .cvh-art{display:none}}

/* review pages (IC Markets, IG, Pepperstone) */
#cv-main[data-cv-sec="brokers"]~main .broker-review,#cv-main[data-cv-sec="brokers"]~main .ig-review{max-width:1040px}
#cv-main[data-cv-sec="brokers"]~main :is(.broker-review,.ig-review) h2{border-bottom:0!important;position:relative;padding-bottom:12px!important;margin-top:48px!important;font-size:26px!important}
#cv-main[data-cv-sec="brokers"]~main :is(.broker-review,.ig-review) h2::after{content:"";position:absolute;left:0;bottom:0;width:48px;height:3px;border-radius:3px;background:linear-gradient(90deg,#EAB308,#F97316)}
/* screenshots: full width, in a window frame with a shadow */
#cv-main[data-cv-sec="brokers"]~main :is(.broker-review,.ig-review) div:has(>img){margin:28px 0!important;padding:30px 10px 10px;border-radius:16px;background:linear-gradient(#1b2236,#121827);border:1px solid rgba(255,255,255,.14);box-shadow:0 22px 50px rgba(0,0,0,.35);position:relative;text-align:center}
#cv-main[data-cv-sec="brokers"]~main :is(.broker-review,.ig-review) div:has(>img)::before{content:"";position:absolute;top:12px;left:14px;width:9px;height:9px;border-radius:50%;background:#F87171;box-shadow:15px 0 #FBBF24,30px 0 #4ADE80}
#cv-main[data-cv-sec="brokers"]~main :is(.broker-review,.ig-review) div:has(>img) img{display:block;width:100%!important;max-width:none!important;height:auto!important;margin:0!important;border:0!important;border-radius:8px!important}
#cv-main[data-cv-sec="brokers"]~main :is(.broker-review,.ig-review) div:has(>img)>p,#cv-main[data-cv-sec="brokers"]~main :is(.broker-review,.ig-review) div:has(>img)>small{margin:10px 4px 2px!important;color:rgba(234,242,255,.72)!important;font-size:13.5px!important}
/* summary box: gold glow and a big score */
#cv-main[data-cv-sec="brokers"]~main .review-summary-box{border:1px solid rgba(250,204,21,.45)!important;border-radius:18px!important;box-shadow:0 0 0 4px rgba(250,204,21,.07),0 24px 54px rgba(0,0,0,.28);background:linear-gradient(160deg,var(--cv-sheet),var(--cv-sheet-2))!important}
#cv-main[data-cv-sec="brokers"]~main .review-summary-box>div:first-child>span:first-child{font-size:3.2rem!important;color:#FACC15!important;line-height:1}
/* quick facts: tiles with a gold top edge */
#cv-main[data-cv-sec="brokers"]~main .review-quick-facts{gap:14px!important}
#cv-main[data-cv-sec="brokers"]~main .review-quick-facts>div{position:relative;overflow:hidden;border-radius:14px!important;padding:20px 14px!important;background:var(--cv-sheet)!important;border:1px solid var(--cv-line)!important}
#cv-main[data-cv-sec="brokers"]~main .review-quick-facts>div::before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:linear-gradient(90deg,#EAB308,#F97316)}
#cv-main[data-cv-sec="brokers"]~main .review-quick-facts>div>*:last-child{font-size:1.35rem!important;font-weight:700!important;color:var(--cv-ink)!important}
/* contents list: two columns of links */
#cv-main[data-cv-sec="brokers"]~main .review-toc{border-radius:16px!important;border:1px solid var(--cv-line)!important;background:var(--cv-sheet)!important}
@media (min-width:760px){#cv-main[data-cv-sec="brokers"]~main .review-toc :is(ol,ul){columns:2;column-gap:40px}}
#cv-main[data-cv-sec="brokers"]~main .review-toc li{break-inside:avoid;padding:3px 0}
/* tables: rounded, gold header, striped rows */
#cv-main[data-cv-sec="brokers"]~main :is(.broker-review,.ig-review) table{border-collapse:separate!important;border-spacing:0;border:1px solid var(--cv-line);border-radius:14px;overflow:hidden;width:100%}
#cv-main[data-cv-sec="brokers"]~main :is(.broker-review,.ig-review) th{background:rgba(250,204,21,.14)!important;color:var(--cv-ink)!important;text-transform:none!important;letter-spacing:0!important;font-size:14px!important}
#cv-main[data-cv-sec="brokers"]~main :is(.broker-review,.ig-review) tr:nth-child(even) td{background:var(--cv-sheet-2)!important}
/* pros and cons, offers, buttons */
#cv-main[data-cv-sec="brokers"]~main .pros-box{border-top:4px solid #22C55E!important;border-radius:14px!important}
#cv-main[data-cv-sec="brokers"]~main .cons-box{border-top:4px solid #EF4444!important;border-radius:14px!important}
#cv-main[data-cv-sec="brokers"]~main .offer-box{border:1px solid rgba(250,204,21,.5)!important;border-radius:18px!important;background:radial-gradient(500px 220px at 90% -20%,rgba(250,204,21,.22),transparent 62%),var(--cv-sheet)!important}
#cv-main[data-cv-sec="brokers"]~main :is(.broker-review,.ig-review) :is(.btn-cta,.btn-cta-primary){border-radius:999px!important;padding:12px 24px!important;font-weight:700!important;background:linear-gradient(90deg,#EAB308,#F97316)!important;color:#1A1300!important;border:0!important;box-shadow:0 10px 26px rgba(249,115,22,.25)}
#cv-main[data-cv-sec="brokers"]~main :is(.broker-review,.ig-review) :is(.btn-cta,.btn-cta-primary):hover{filter:brightness(1.08)}
#cv-main[data-cv-sec="brokers"]~main :is(.broker-review,.ig-review) .btn-cta-secondary{background:transparent!important;color:var(--cv-ink)!important;border:1px solid var(--cv-line-strong)!important;box-shadow:none}

/* broker reviews list page: each broker card gets a gold top edge */
#cv-main[data-cv-sec="brokers"]~main .broker-reviews-page .table-section{border-radius:16px;overflow:hidden}
#cv-main[data-cv-sec="brokers"]~main .broker-reviews-page :is(.broker-card,.review-card,[class*="broker-card"]){position:relative;overflow:hidden;border-radius:16px!important;box-shadow:0 18px 40px rgba(0,0,0,.22)}
#cv-main[data-cv-sec="brokers"]~main .broker-reviews-page :is(.broker-card,.review-card,[class*="broker-card"])::before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:linear-gradient(90deg,#EAB308,#F97316)}
#cv-main[data-cv-sec="brokers"]~main .broker-reviews-page .review-rating-badge{background:linear-gradient(160deg,rgba(250,204,21,.22),rgba(249,115,22,.14))!important;border:1px solid rgba(250,204,21,.5)!important;border-radius:12px!important}
#cv-main[data-cv-sec="brokers"]~main .broker-reviews-page .review-rating-badge .score{color:#FACC15!important}
#cv-main[data-cv-sec="brokers"]~main .broker-reviews-page .btn-review{border-radius:999px!important}
/* charting software (MetaStock) page: feature pictures larger, in a window frame; feature boxes get a gold edge */
#cv-main[data-cv-sec="brokers"]~main .mslp .mslp-feat{position:relative;overflow:hidden;border-radius:18px}
#cv-main[data-cv-sec="brokers"]~main .mslp .mslp-feat::before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:linear-gradient(90deg,#EAB308,#F97316)}
#cv-main[data-cv-sec="brokers"]~main .mslp .mslp-feat figure{position:relative;padding:30px 10px 10px;border-radius:14px;background:linear-gradient(#1b2236,#121827);border:1px solid rgba(255,255,255,.14);box-shadow:0 22px 50px rgba(0,0,0,.35)}
#cv-main[data-cv-sec="brokers"]~main .mslp .mslp-feat figure::before{content:"";position:absolute;top:12px;left:14px;width:9px;height:9px;border-radius:50%;background:#F87171;box-shadow:15px 0 #FBBF24,30px 0 #4ADE80}
#cv-main[data-cv-sec="brokers"]~main .mslp .mslp-feat figure img{width:100%;max-width:560px;border-radius:8px}
#cv-main[data-cv-sec="brokers"]~main .mslp .mslp-feat figcaption{color:rgba(234,242,255,.72)!important}
#cv-main[data-cv-sec="brokers"]~main .mslp .mslp-gal figure{transition:transform .15s,box-shadow .15s}
#cv-main[data-cv-sec="brokers"]~main .mslp .mslp-gal figure:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(0,0,0,.25)}