/* Jepeta v4 shared product system.
   One shell for static and generated pages; page content remains semantically independent.
   Brand: original mint Jepeta logo. Accent: crisp cobalt. Risk states: semantic. */
:root{
 --j-bg:#0b0d11;--j-surface:#15171c;--j-surface2:#1d1f26;
 --j-text:#f4f5f7;--j-muted:#b8bdc6;--j-line:#3b3e48;--j-soft-line:#2a2d35;
 --j-link:#d6dbe5;--j-primary:#2d60d7;--j-primary-text:#fff;
 --j-focus:#97edcf;--j-radius:12px;--j-nav-height:64px;
 --j-control-line:#6a6f7d;--j-control-height:44px;--j-radius-control:8px;
 --j-space-1:4px;--j-space-2:8px;--j-space-3:12px;--j-space-4:16px;
 --j-space-5:24px;--j-space-6:32px;--j-space-7:48px;--j-space-8:64px;
 --j-type-meta:.875rem;--j-type-body:1rem;--j-type-card:1.25rem;
 --j-type-title:clamp(2rem,4.5vw,3.25rem);--j-type-section:clamp(1.5rem,3vw,2rem);
 --j-reading-width:72ch;--j-content-width:1160px;
 --bg:var(--j-bg);--surface:var(--j-surface);--surface2:var(--j-surface2);
 --panel:var(--j-surface);--panel-2:var(--j-surface2);
 --text:var(--j-text);--muted:var(--j-muted);--line:var(--j-line);--soft-line:var(--j-soft-line);
 --mint:var(--j-link);--mint-soft:var(--j-link);--action-bg:var(--j-primary);
 --action-text:var(--j-primary-text);
 --pass:#5fe3ad;--warn:#ffce79;--block:#ff9ba3;
 --amber:var(--warn);--red:var(--block);
 color-scheme:dark;
}
html[data-theme="light"]{
 --j-bg:#f8f8fa;--j-surface:#fff;--j-surface2:#eeeff2;
 --j-text:#16181e;--j-muted:#4e535e;--j-line:#c9cbd1;--j-soft-line:#e0e2e7;
 --j-link:#2f394d;--j-primary:#2858c9;--j-primary-text:#fff;
 --j-focus:#2858c9;--j-control-line:#747d90;
 --pass:#146b4d;--warn:#865000;--block:#a32137;
 color-scheme:light;
}
html{scroll-padding-top:calc(var(--j-nav-height) + 16px);scroll-behavior:smooth}
html body{background:var(--j-bg);color:var(--j-text);
 font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;
 line-height:1.66;-webkit-font-smoothing:antialiased}
html body :is(h1,h2,h3,h4){color:var(--j-text);text-wrap:balance;letter-spacing:-.035em}
html body :is(p,li,small){overflow-wrap:break-word}
html body :is(a,button,input,select,summary,textarea,[tabindex]):focus-visible{
 outline:3px solid var(--j-focus)!important;outline-offset:3px}
html body :is(a,button,input,select,textarea){-webkit-tap-highlight-color:transparent}
html body :is(.button.primary,a.button.primary,.site-unified-row>.nav-cta){
 background:var(--j-primary)!important;color:var(--j-primary-text)!important;
 border:1px solid var(--j-primary)!important;box-shadow:0 8px 24px rgba(0,63,195,.14);
 transition:background .18s ease,box-shadow .18s ease,transform .18s ease}
html body :is(.button.primary,a.button.primary,.site-unified-row>.nav-cta):hover{
 background:#2856c3!important;border-color:#2856c3!important;
 box-shadow:0 9px 22px rgba(0,87,240,.21);transform:translateY(-1px)}
html body :is(.button.primary,a.button.primary,.site-unified-row>.nav-cta):active{transform:translateY(0)}
/* One header on every route, independent of page templates and page CSS. */
html body .site-unified-header,
html body.product-home .site-unified-header{
 position:sticky;top:0;z-index:70;isolation:isolate;
 width:100%;min-height:var(--j-nav-height);
 background:color-mix(in srgb,var(--j-bg) 97%,transparent);
 border:0;border-bottom:1px solid var(--j-soft-line);
 box-shadow:none;backdrop-filter:blur(12px)}
html body .site-unified-row,
html body.product-home .site-unified-row{
 width:min(1320px,calc(100% - 44px));max-width:1320px;
 height:var(--j-nav-height);min-height:var(--j-nav-height);
 margin:auto;padding:0;gap:clamp(10px,1.75vw,24px);
 display:flex;align-items:center;justify-content:space-between;
 flex-wrap:nowrap!important}
html body .site-unified-row>.site-brand,
html body.product-home .site-unified-row>.site-brand{
 display:inline-flex;gap:8px;align-items:center;flex:0 0 auto;
 font-size:23px;font-weight:760;letter-spacing:-.05em;line-height:1;
 min-height:44px;color:var(--j-text);white-space:nowrap;text-decoration:none}
html body .site-unified-row .site-brand-mark,
html body.product-home .site-unified-row .site-brand-mark{
 display:block;width:34px;height:34px;flex:0 0 34px;border-radius:9px;object-fit:contain}
html body .site-unified-row>.site-navigation,
html body.product-home .site-unified-row>.site-navigation{
 position:static;display:flex!important;flex:1 1 auto;min-width:0;
 flex-direction:row;align-items:center;justify-content:flex-start;
 order:initial;width:auto;max-height:none;overflow:visible;
 gap:clamp(5px,.95vw,17px);border:0;padding:0;margin:0}
html body .site-navigation>.site-nav-link,
html body.product-home .site-navigation>.site-nav-link{
 display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;
 min-height:44px;padding:9px 7px;border-radius:7px;
 color:var(--j-muted);font-size:14px;font-weight:630;
 line-height:1.3;letter-spacing:-.01em;text-decoration:none;white-space:nowrap;
 transition:color .16s ease,background .16s ease}
html body .site-navigation>.site-nav-link:hover,
html body .site-navigation>.site-nav-link[aria-current="page"]{
 color:var(--j-text);background:var(--j-surface2)}
html body .site-nav-group.site-nav-more{position:relative;display:block;flex:0 0 auto}
html body .site-nav-more>.site-nav-trigger{
 display:flex;align-items:center;justify-content:center;gap:9px;
 min-height:44px;padding:9px 10px;border-radius:7px;
 list-style:none;color:var(--j-muted);font:630 14px/1.3 Inter,system-ui,sans-serif;
 text-decoration:none;background:transparent;white-space:nowrap;cursor:pointer}
html body .site-nav-more>.site-nav-trigger::-webkit-details-marker{display:none}
html body .site-nav-more>.site-nav-trigger::after{
 content:"";height:6px;width:6px;display:block;flex:0 0 6px;
 border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;
 transform:rotate(45deg) translateY(-2px);transition:transform .17s ease}
html body .site-nav-more[open]>.site-nav-trigger::after{transform:rotate(225deg)}
html body .site-nav-more>.site-nav-trigger:hover,
html body .site-nav-more>.site-nav-trigger[data-current],
html body .site-nav-more[open]>.site-nav-trigger{background:var(--j-surface2);color:var(--j-text)}
html body .site-nav-more>.site-nav-panel{
 display:grid;position:absolute;top:calc(100% + 8px);left:0;
 min-width:245px;max-width:min(300px,calc(100vw - 32px));
 width:max-content;padding:9px;border:1px solid var(--j-line);border-radius:10px;
 box-shadow:0 20px 38px rgba(2,8,20,.23);background:var(--j-surface);
 z-index:90;gap:2px}
html body .site-nav-more .site-nav-extra-link{
 display:flex;align-items:center;min-height:var(--j-control-height);padding:10px 12px;
 border-radius:7px;font:580 13px/1.35 Inter,system-ui,sans-serif;
 color:var(--j-text);background:transparent;text-decoration:none}
html body .site-nav-more .site-nav-extra-link:hover,
html body .site-nav-more .site-nav-extra-link[aria-current="page"]{
 background:var(--j-surface2);color:var(--j-link)}
html body .site-navigation>.site-nav-theme{display:none}
html body .site-unified-row>.site-global-actions,
html body.product-home .site-unified-row>.site-global-actions{
 margin-left:auto;display:flex;align-items:center;justify-content:flex-end;gap:7px;
 flex:0 0 auto;min-width:0;order:initial}
html body .site-global-actions .site-shell-button,
html body.product-home .site-global-actions .site-shell-button,
html body .site-global-actions [data-theme-toggle],
html body.product-home .site-global-actions [data-theme-toggle]{
 display:inline-flex;align-items:center;justify-content:center;
 flex:0 0 auto;min-height:var(--j-control-height);height:var(--j-control-height);padding:8px 11px;
 background:transparent;border:1px solid var(--j-line);
 border-radius:9px;color:var(--j-text);font:620 13px/1.2 Inter,system-ui,sans-serif;
 box-shadow:none;transition:background .18s ease,border-color .18s ease}
html body .site-global-actions .site-shell-button:hover,
html body .site-global-actions [data-theme-toggle]:hover{background:var(--j-surface2);border-color:var(--j-link)}
html body .site-global-actions [data-site-search]>.ux-icon{width:19px;height:19px;margin-right:7px}
html body .site-global-actions [data-site-search]>.ux-icon svg{width:19px;height:19px}
html body .site-global-actions [data-theme-toggle]{
 width:var(--j-control-height);padding:8px;border-color:transparent}
html body .site-global-actions [data-theme-toggle] svg{height:20px;width:20px}
html body .site-global-actions .site-mobile-menu,
html body.product-home .site-global-actions .site-mobile-menu{display:none}
html body .site-unified-row>.nav-cta,
html body.product-home .site-unified-row>.nav-cta{
 display:inline-flex;align-items:center;justify-content:center;
 flex:0 0 auto;order:initial;min-height:var(--j-control-height);height:var(--j-control-height);
 padding:9px 15px;border-radius:8px;
 font:700 13px/1.2 Inter,system-ui,sans-serif;
 text-align:center;white-space:nowrap;letter-spacing:0;text-decoration:none}
html body .site-unified-row>.nav-cta svg{width:15px;height:15px}
html body .site-nav-more>.site-nav-trigger>.ux-icon{display:none}
html body .site-navigation .home-nav-link{display:none!important}
/* One compact mobile header. Menu opens a panel but never pushes the hero down. */
@media(max-width:1100px){
 html{--j-nav-height:62px}
 html body .site-unified-row,
 html body.product-home .site-unified-row{
  width:calc(100% - 32px);height:62px;min-height:62px;
  padding:0;gap:8px;flex-wrap:nowrap!important}
 html body .site-unified-row>.site-navigation,
 html body.product-home .site-unified-row>.site-navigation{
  display:none!important;position:absolute;top:calc(100% + 1px);
  left:0;right:0;bottom:auto;width:100%;max-height:min(72vh,680px);
  overflow:auto;overscroll-behavior:contain;z-index:80;
  padding:13px max(16px,calc((100vw - 1320px)/2));
  margin:0;gap:1px;border:0;border-bottom:1px solid var(--j-line);
  background:var(--j-bg);box-shadow:0 14px 30px rgba(3,14,40,.18);
  flex-direction:column;align-items:stretch;order:initial}
 html body .site-navigation-open .site-unified-row>.site-navigation,
 html body.product-home .site-navigation-open .site-unified-row>.site-navigation{display:flex!important}
 html body .site-navigation>.site-nav-link,
 html body.product-home .site-navigation>.site-nav-link{
  justify-content:flex-start;flex:0 0 auto;min-height:46px;width:100%;
  padding:11px 14px;font-size:14px;font-weight:650}
 html body .site-nav-group.site-nav-more{width:100%;flex:0 0 auto}
 html body .site-nav-more>.site-nav-trigger{
  display:flex;justify-content:space-between;width:100%;
  padding:12px 14px;min-height:46px;font-size:14px}
 html body .site-nav-more>.site-nav-panel{
  display:grid;position:static;width:100%;min-width:0;max-width:none;
  margin:4px 0 5px;padding:4px 9px;border:0;border-left:2px solid var(--j-line);
  border-radius:0;box-shadow:none;background:transparent}
 html body .site-nav-more .site-nav-extra-link{min-height:var(--j-control-height);padding:9px 12px;font-size:14px}
 html body .site-navigation>.site-nav-theme{
  display:flex;justify-content:space-between;align-items:center;
  width:100%;min-height:46px;padding:12px 14px;margin-top:7px;
  border:1px solid var(--j-soft-line);border-radius:8px;
  color:var(--j-text);font:620 14px/1.3 Inter,system-ui,sans-serif;
  background:var(--j-surface)}
 html body .site-navigation>.site-nav-theme::after{
  content:none}
 html body .site-global-actions .site-mobile-menu{display:inline-flex!important}
 html body .site-global-actions .site-mobile-menu::before{
  content:"";display:block;width:19px;height:14px;border-top:2px solid currentColor;
  border-bottom:2px solid currentColor;
  background:linear-gradient(currentColor,currentColor) center/100% 2px no-repeat}
 html body .site-navigation-open .site-mobile-menu::before{
  background:none;border-top:0;border-bottom:0;transform:rotate(45deg);
  height:19px;width:19px;box-shadow:inset 0 2px currentColor}
 html body .site-global-actions [data-theme-toggle]{display:none!important}
 html body .site-unified-row>.nav-cta,
 html body.product-home .site-unified-row>.nav-cta{display:none!important}
 html body .site-global-actions .site-shell-button,
 html body.product-home .site-global-actions .site-shell-button{
  width:var(--j-control-height);height:var(--j-control-height);min-height:var(--j-control-height);padding:9px;
  font-size:0!important;line-height:0}
 html body .site-global-actions [data-site-search]>.ux-icon{
  display:inline-grid;margin:0;width:22px;height:22px;flex-basis:22px}
 html body .site-global-actions [data-site-search]>.ux-icon svg{width:22px;height:22px}
 html body .site-global-actions [data-site-search]::before,
 html body.product-home [data-site-search]::before,
 html body .site-global-actions [data-site-search]::after,
 html body.product-home [data-site-search]::after{content:none!important;display:none!important}
 html body .site-unified-row>.site-brand,
 html body.product-home .site-unified-row>.site-brand{font-size:21px;letter-spacing:-.045em}
 html body .site-unified-row .site-brand-mark,
 html body.product-home .site-unified-row .site-brand-mark{
  width:33px;height:33px;flex-basis:33px}
}
@media(max-width:420px){
 html body .site-unified-row,html body.product-home .site-unified-row{width:calc(100% - 32px)}
 html body .site-global-actions{gap:6px}
}
/* One predictable footer. Collapsible, semantic sections on narrow screens. */
html body .site-unified-footer,
html body.product-home .site-unified-footer{
 width:min(1320px,calc(100% - 44px));max-width:1320px;
 margin:52px auto 0;padding:34px 0 22px;
 border:0;border-top:1px solid var(--j-line);
 background:transparent;color:var(--j-muted);font-size:13px;line-height:1.6}
html body .site-footer-intro{display:flex;align-items:center;gap:18px;margin-bottom:28px}
html body .site-footer-intro .site-brand{font-size:21px;font-weight:770;letter-spacing:-.045em;color:var(--j-text)}
html body .site-footer-intro p{margin:0;color:var(--j-muted);font-size:13px}
html body .site-footer-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
html body .site-footer-group{min-width:0;display:block;border:0;padding:0;background:transparent}
html body .site-footer-group>.site-footer-group-title{
 display:block;min-height:var(--j-control-height);margin:0 0 10px;padding:0;list-style:none;
 font:710 13px/1.5 Inter,system-ui,sans-serif;color:var(--j-text);
 cursor:pointer}
html body .site-footer-group>.site-footer-group-title::-webkit-details-marker{display:none}
html body .site-footer-group nav{display:flex;flex-direction:column;gap:0;align-items:flex-start}
html body .site-footer-group a{
 display:inline-flex;align-items:center;max-width:100%;min-height:var(--j-control-height);
 padding:5px 0;font:540 14px/1.5 Inter,system-ui,sans-serif;
 color:var(--j-muted);text-decoration:none;overflow-wrap:anywhere}
html body .site-footer-group a:hover{text-decoration:underline;color:var(--j-link)}
html body .site-footer-bottom{display:flex;align-items:center;justify-content:space-between;
 gap:20px;border-top:1px solid var(--j-soft-line);margin-top:24px;padding-top:20px}
html body .site-footer-note{max-width:96ch;margin:0;font-size:11px;line-height:1.65;color:var(--j-muted)}
html body .site-unified-footer .directory-badge{flex:0 0 auto}
@media(max-width:700px){
 html body .site-unified-footer,html body.product-home .site-unified-footer{
  width:calc(100% - 32px);padding:22px 0 24px;margin-top:30px}
 html body .site-footer-intro{display:block;margin-bottom:17px}
 html body .site-footer-intro p{margin-top:8px}
 html body .site-footer-grid{grid-template-columns:1fr;gap:0}
 html body .site-footer-group{border-top:1px solid var(--j-soft-line)}
 html body .site-footer-group>.site-footer-group-title{
  display:flex;align-items:center;justify-content:space-between;
  width:100%;min-height:49px;margin:0;padding:12px 2px;
  pointer-events:auto;cursor:pointer}
 html body .site-footer-group>.site-footer-group-title::after{
  content:"+";font:500 21px/1 Inter,system-ui,sans-serif;color:var(--j-link)}
 html body .site-footer-group[open]>.site-footer-group-title::after{content:"−"}
 html body .site-footer-group nav{padding:0 4px 12px}
 html body .site-footer-group a{min-height:var(--j-control-height);padding:8px 3px;font-size:13px}
 html body .site-footer-bottom{align-items:flex-start;flex-direction:column;gap:12px;margin-top:12px}
}
/* Shared semantic content presentation: same color and spacing across families. */
html body :is(.guide-card,.news-card,.intel-card,.research-card,.evidence-detail .card,.evidence-catalog .card,
 .intent-side,.intent-row,.price-card,.product-hub){
 background:var(--j-surface);border-color:var(--j-line);box-shadow:none;
 border-radius:var(--j-radius)}
html body :is(.guide-card,.news-card,.intel-card,.research-card,.evidence-catalog .card):hover{
 border-color:var(--j-link);background:var(--j-surface2);transform:translateY(-2px)}
html body :is(.guide-card p,.intel-card p,.news-card p,.research-shell p,.intent-copy p,
 .evidence-detail p,.section-heading>p,.article p,.news-summary){
 color:var(--j-muted);line-height:1.72}
html body :is(.catalog-hero,.guide-hero,.intent-hero,.intel-hero){padding-top:clamp(24px,4vw,58px)}
html body :is(.guide-card h2,.intent-hero h1,.intel-hero h1){letter-spacing:-.04em}
html body :is(.docs-body,.evidence-detail,.evidence-catalog){background:var(--j-bg);color:var(--j-text)}
html body :is(.guide-search,.site-search-input,.evidence-search,.intel-filters input,.intel-filters select){
 border:1px solid var(--j-line);background:var(--j-surface);color:var(--j-text)}
html body :is(.site-search-dialog,.site-menu-dialog){border:1px solid var(--j-line);background:var(--j-surface);
 color:var(--j-text);border-radius:12px;box-shadow:0 22px 46px rgba(0,12,36,.25)}
html body .site-dialog-header{border-bottom-color:var(--j-line)}
html body :is(.site-dialog-close,.site-search-result){border-color:var(--j-line);color:var(--j-text)}
html body :is(.site-search-result:hover,.site-search-result:focus-visible){background:var(--j-surface2)}
/* Product home keeps the approved hero, but only one scanner is visible. */
html body.product-home .hero{padding-top:clamp(25px,4vw,52px)}
html body.product-home .container{width:min(1320px,calc(100% - 44px))}
html body.product-home .source-strip{background:transparent}
html body.product-home .hero-quick-row #hero-token-input{font-size:16px}
html body.product-home :is(.hero-quick-help,.hero-quick-status){font-size:14px;line-height:1.5}
html body.product-home .hero-quick-status{color:var(--j-muted)}
html body.product-home .hero-quick-status.error{color:var(--block)}
html body.product-home[data-product-ui-ready="true"] #scanner-details:not(.has-scan-result){display:none!important}
html body.product-home[data-product-ui-ready="true"] #scanner-details.has-scan-result{
 display:block;margin-top:24px;padding-block:28px 36px;scroll-margin-top:84px}
html body.product-home[data-product-ui-ready="true"] #scanner-details.has-scan-result .scanner-input{display:none!important}
html body.product-home[data-product-ui-ready="true"] #scanner-details.has-scan-result .scanner-shell{
 display:block;min-height:0;border:1px solid var(--j-line);background:var(--j-surface);border-radius:12px}
html body.product-home[data-product-ui-ready="true"] #scanner-details.has-scan-result .scanner-output{
 display:block;min-height:0;border:0;border-radius:12px;background:var(--j-surface);padding:26px}
html body.product-home #scanner-details .section-heading{margin-bottom:17px}
html body.product-home #scanner-details .section-heading h2{font-size:clamp(25px,3vw,34px);line-height:1.12}
html body.product-home .scanner-disclaimer{color:var(--j-muted);font-size:12px}
html body.product-home .product-hubs{margin-bottom:26px}
html body.product-home .product-hub{border-color:var(--j-line)}
html body.product-home .product-hub .hub-mini{border-color:var(--j-line)}
/* Keep useful content, but de-emphasize the old long document treatment. */
html body.product-home .reports-section{border-top:1px solid var(--j-soft-line)}
html body.product-home .reports-section .section-heading{margin-bottom:22px}
html body.product-home .faq-section{border-top:1px solid var(--j-soft-line)}
html body.product-home .faq-list{width:100%}
html body.product-home .faq-list details{border-color:var(--j-line)}
html body.product-home .faq-list summary{min-height:48px;padding-block:12px;font-size:14px}
@media(max-width:700px){
 html body.product-home .container{width:calc(100% - 32px)}
 html body.product-home[data-product-ui-ready="true"] #scanner-details.has-scan-result .scanner-output{padding:17px}
 html body.product-home .hero h1{font-size:clamp(30px,8.2vw,36px)}
 html body.product-home .hero-lead{font-size:14px;line-height:1.5}
 html body.product-home .hero-quick-row .button{width:100%}
 html body.product-home .product-hub{min-height:0}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 html body *,html body *::before,html body *::after{
 animation:none!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}

/* Result drilldown and restrained on-page navigation. */
html body.product-home .home-resources-anchor{display:block;height:0;scroll-margin-top:78px}
html body.product-home .preview-actions{display:flex;align-items:center;justify-content:space-between;
 gap:14px;padding:11px 5px 0;flex-wrap:wrap}
html body.product-home .preview-actions .preview-truth{margin:0;font-size:11px;line-height:1.5}
html body.product-home .preview-actions>a{display:inline-flex;gap:9px;align-items:center;
 font-size:12px;font-weight:700;color:var(--j-link);text-decoration:none}
html body.product-home .preview-actions>a:not([hidden]):hover{text-decoration:underline;text-underline-offset:4px}
html body.product-home .preview-actions>a svg{width:16px;height:16px}
html body.product-home #scanner-details{scroll-margin-top:85px}
html body.product-home #scanner-details .scanner-output{width:100%}
html body.product-home #scanner-details .result-tabs{border-color:var(--j-line)}
html body.product-home #scanner-details .result-metrics>div,
html body.product-home #scanner-details .raw-metrics>div{background:var(--j-surface2);border-color:var(--j-soft-line)}
html body.product-home .developer-grid{gap:20px;align-items:stretch}
html body.product-home .developer-copy>p{font-size:15px;max-width:55ch;color:var(--j-muted)}
html body.product-home .code-window{border-color:var(--j-line);box-shadow:none}
html body.product-home .faq-section{padding-top:40px;padding-bottom:25px}
html body.product-home .faq-section .faq-list details{border-color:var(--j-soft-line)}
@media(max-width:700px){
 html body.product-home .preview-actions{padding:9px 4px 2px}
 html body.product-home .preview-actions .preview-truth{font-size:10px}
 html body.product-home #scanner-details .section-heading{display:block}
 html body.product-home #scanner-details .section-heading>p{margin-top:10px}
 html body.product-home .developer-grid{grid-template-columns:1fr}
}


/* Explicit body-class coverage and dialog contrast, including pages authored before v4. */
html body.evidence-detail,html body.evidence-catalog,html body.docs-body,
html[data-theme="light"] body,
html[data-theme="light"] body.evidence-detail,
html[data-theme="light"] body.evidence-catalog,
html[data-theme="light"] body.docs-body{
 background:var(--j-bg)!important;color:var(--j-text)!important}
html body :is(.site-search-label,.site-search-result strong,.site-dialog-header h2){color:var(--j-text)}
html body :is(.site-search-status,.site-search-empty,.site-search-result-type){color:var(--j-muted)}
html body .site-search-result{
 background:var(--j-surface2)!important;border-color:var(--j-line)!important;color:var(--j-text)!important}
html body .site-search-result:hover{background:color-mix(in srgb,var(--j-link) 15%,var(--j-surface))!important}
html body .site-search-input{background:var(--j-bg)!important;color:var(--j-text)!important;
 border-color:var(--j-line)!important}
html body .site-search-input::placeholder{color:var(--j-muted)!important;opacity:1}
html body .site-dialog-close{background:var(--j-surface2);border-color:var(--j-line);color:var(--j-text)}
html body .site-dialog-shell{background:var(--j-surface);color:var(--j-text)}
html body .site-search-dialog::backdrop{background:rgba(2,8,21,.7)}
@media(max-width:1100px){
 html body .site-global-actions .site-mobile-menu{position:relative;overflow:hidden}
 html body .site-navigation-open .site-global-actions .site-mobile-menu::before{
  content:"";position:absolute;top:20px;left:11px;width:20px;height:2px;
  border:0;box-shadow:none;background:currentColor;transform:rotate(45deg)}
 html body .site-navigation-open .site-global-actions .site-mobile-menu::after{
  content:"";position:absolute;top:20px;left:11px;width:20px;height:2px;
  background:currentColor;transform:rotate(-45deg)}
}

/* Session 2: shared reading and interaction primitives. This is the final cascade. */
html body :is(input,select,textarea){font:inherit;caret-color:var(--j-link)}
html body :is(button,.button,summary){touch-action:manipulation}
html body :is(input,select,textarea,button,.button)[disabled]{cursor:not-allowed;opacity:.65}
html body :is(.site-global-actions .site-shell-button,.site-dialog-close,.site-search-input,
 .guide-search,.evidence-search,.intel-filters input,.intel-filters select){border-color:var(--j-control-line)!important}
html body .shell{width:min(var(--j-content-width),calc(100% - 32px))}
html body :is(.catalog-hero,.legal-hero,.docs-hero,.intent-hero,.intel-hero){padding-block:var(--j-space-7) var(--j-space-6)}
html body :is(.catalog-hero,.legal-hero,.docs-hero,.intent-hero,.intel-hero) h1,
html body[data-page="article"] .hero h1{
 font-size:var(--j-type-title);line-height:1.14;letter-spacing:-.035em;max-width:29ch;margin-block:0 var(--j-space-5)}
html body :is(.catalog-intro,.lead,.hero-lead){color:var(--j-muted);max-width:var(--j-reading-width)}
html body :is(.article,.docs-section,.legal-section,.intelligence-detail) :is(p,li){
 font-size:var(--j-type-body);line-height:1.75;max-width:var(--j-reading-width)}
html body :is(.article,.docs-section,.legal-section,.intelligence-detail) h2{
 font-size:var(--j-type-section);line-height:1.3;letter-spacing:-.025em}
html body :is(.guide-card,.news-card,.intel-card,.research-card,.related-card){
 min-width:0;border-radius:var(--j-radius);padding:var(--j-space-5);border-color:var(--j-line);background:var(--j-surface)}
html body :is(.guide-card h2,.news-card h2,.intel-card h3,.research-card h2){
 font-size:var(--j-type-card);line-height:1.4;letter-spacing:-.02em;margin-block:var(--j-space-3)}
html body :is(.guide-card p,.news-card p,.intel-card p){font-size:var(--j-type-body);line-height:1.65}
html body :is(.guide-card footer,.article-meta,.catalog-count,.site-search-status,.site-search-result-type){
 font-size:var(--j-type-meta);line-height:1.55;color:var(--j-muted)}
html body :is(.article,.legal-section,.docs-section,.intelligence-detail) a:not(.button){
 text-underline-offset:.2em;text-decoration-thickness:1px}
html body .site-search-label{font-size:var(--j-type-body)}
html body .site-search-input{font-size:1rem;min-height:48px}
html body .site-search-result{grid-template-columns:100px minmax(0,1fr);padding:var(--j-space-4)}
html body .site-search-result strong{font-size:1rem;line-height:1.45}
html body .site-search-result-type{font-family:var(--sans,system-ui);font-size:.75rem;letter-spacing:.02em}
html body :is(.site-dialog-reset,.catalog-reset){
 min-height:var(--j-control-height);padding:10px 14px;border:1px solid var(--j-control-line);
 border-radius:var(--j-radius-control);background:var(--j-surface);color:var(--j-text);font:600 14px/1.4 var(--sans,system-ui);cursor:pointer}
html body .site-dialog-reset{margin-top:var(--j-space-3)}
html body .site-footer-note{font-size:.8125rem}
html body .site-footer-group>.site-footer-group-title{font-size:14px}
html body .site-nav-theme>svg{width:20px;height:20px;flex:0 0 20px}
html body .catalog-controls{display:grid;gap:var(--j-space-3);margin-top:var(--j-space-6)}
html body .catalog-controls>label{font-size:.875rem;font-weight:650}
html body .catalog-search-row{display:flex;gap:var(--j-space-3);align-items:center;flex-wrap:wrap}
html body .catalog-search-row input{
 flex:1 1 260px;min-width:0;max-width:620px;min-height:48px;padding:12px 14px;
 border:1px solid var(--j-control-line);border-radius:var(--j-radius-control);background:var(--j-surface);color:var(--j-text);font-size:1rem}
html body .catalog-search-row input::placeholder{color:var(--j-muted);opacity:1}
html body .catalog-filters{display:flex;flex-wrap:wrap;gap:var(--j-space-2)}
html body :is(.catalog-filters,.filters,.guide-empty) .chip{
 min-height:var(--j-control-height);border-radius:var(--j-radius-control);padding:10px 14px;
 color:var(--j-text);border:1px solid var(--j-control-line);font:600 14px/1.4 var(--sans,system-ui);background:var(--j-surface);cursor:pointer}
html body :is(.catalog-filters,.filters) .chip[aria-pressed="true"]{
 background:var(--j-primary);border-color:var(--j-primary);color:var(--j-primary-text)}
html body .catalog-count{margin:0;font-variant-numeric:tabular-nums}
html body .guide-empty{padding-block:var(--j-space-5);color:var(--j-muted)}
html body .guide-empty h2{color:var(--j-text);font-size:24px;margin:0 0 var(--j-space-2)}
html body .guide-empty p{margin:0 0 var(--j-space-4)}
html body .catalog-empty{padding:var(--j-space-5);border:1px solid var(--j-line);border-radius:var(--j-radius);color:var(--j-muted)}
html body [data-article-card]{display:flex;flex-direction:column;gap:var(--j-space-2)}
html body [data-article-card] .ux-card-icon{display:none}
html body [data-article-card]>small{font-size:.75rem;line-height:1.5;letter-spacing:.05em;padding-right:0!important}
html body .catalog-card-action{display:flex;gap:8px;align-items:center;margin-top:auto;padding-top:var(--j-space-4);font-size:.875rem;font-weight:650;color:var(--j-link)}
html body .catalog-card-action svg{width:18px;height:18px}
html body :is([data-article-card],.catalog-reset,.catalog-empty,.site-dialog-reset)[hidden]{display:none!important}
@media(max-width:700px){
 html body :is(.catalog-hero,.legal-hero,.docs-hero,.intent-hero,.intel-hero){padding-block:var(--j-space-6) var(--j-space-5)}
 html body .guide-grid{grid-template-columns:minmax(0,1fr);gap:var(--j-space-4);padding-bottom:var(--j-space-6)}
 html body :is(.guide-card,.news-card,.intel-card,.research-card){padding:20px}
 html body .site-search-result{grid-template-columns:1fr;gap:var(--j-space-1)}
 html body .site-search-dialog{max-height:calc(100dvh - 32px)}
 html body .catalog-controls{margin-top:var(--j-space-5)}
 html body.product-home .hero-lead{font-size:1rem;line-height:1.65}
}
@media(prefers-reduced-motion:reduce){
 html body :is(.guide-card,.news-card,.intel-card,.research-card,.related-card,.button.primary,.nav-cta):hover{transform:none!important}
}

/* Article discovery stays secondary to the free scanner. */
html body.product-home .hero-reading-path{display:flex;align-items:center;flex-wrap:wrap;gap:4px 16px;margin-top:16px;font-size:14px;color:var(--j-muted)}
html body.product-home .hero-reading-path .text-link{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:14px;color:var(--j-link);text-decoration:underline;text-underline-offset:4px}

/* Reading journeys: evidence first, one disclosed offer, then related work. */
html body[data-page="article"] :is(.article-disclosure,.article-offer){
  color:var(--j-text);background:var(--j-surface2);border:1px solid var(--j-line);border-radius:var(--j-radius);padding:var(--j-space-4);font-size:14px;line-height:1.75
}
html body[data-page="article"] .article-disclosure{max-width:72ch;margin-top:24px}
html body[data-page="article"] .article-disclosure a{color:var(--j-link);text-underline-offset:3px}
html body[data-page="article"] .article-offer{margin-block:24px}
html body[data-page="article"] .article-offer p{margin:16px 0 0}
html body[data-page="article"] .article-offer .button{min-height:44px;white-space:normal;text-align:center;line-height:1.5}
html body[data-page="article"] .article-jumps{display:flex;flex-wrap:wrap;gap:4px 24px;margin-top:16px}
html body[data-page="article"] .article-jumps a{display:inline-flex;align-items:center;min-height:44px;font-size:14px;font-weight:600;color:var(--j-link);text-underline-offset:4px}
html body[data-page="article"] .article-contents{max-width:var(--j-reading-width);margin-top:16px;border-block:1px solid var(--j-line)}
html body[data-page="article"] .article-contents summary{min-height:44px;padding:12px 4px;font-size:16px;line-height:1.5;font-weight:650;color:var(--j-text);cursor:pointer}
html body[data-page="article"] .article-contents nav{padding:0 8px 12px}
html body[data-page="article"] .article-next h2{font-size:18px;line-height:1.4;margin:0 0 8px}
html body[data-page="article"] .article-contents ol{list-style:none;padding:0;margin:0;max-height:50vh;overflow:auto;scrollbar-color:var(--j-control-line) var(--j-surface)}
html body[data-page="article"] .article-contents a{display:flex;align-items:center;min-height:44px;padding:8px 4px;color:var(--j-muted);font-size:14px;line-height:1.5;text-decoration:none}
html body[data-page="article"] .article-contents a:hover{color:var(--j-link);text-decoration:underline;text-underline-offset:3px}
html body[data-page="article"] .article-next p{font-size:14px;line-height:1.7;color:var(--j-muted)}
html body[data-page="article"] [id^="article-"]{scroll-margin-top:88px}
html body[data-page="article"] .article-reading-list{list-style:none;padding:0;margin:0 0 24px}
html body[data-page="article"] .article-reading-list li{border-bottom:1px solid var(--j-line)}
html body[data-page="article"] .article-reading-list a{display:grid;gap:8px;padding:20px 4px;color:var(--j-text);text-decoration:none;overflow-wrap:anywhere}
html body[data-page="article"] .article-reading-list strong{font-size:20px;line-height:1.4;font-weight:650}
html body[data-page="article"] .article-reading-list span{font-size:14px;line-height:1.6;color:var(--j-muted)}
html body[data-page="article"] .article-reading-list a:hover strong{color:var(--j-link);text-decoration:underline;text-underline-offset:4px}
html body[data-page="article"] .article-reading-list .article-reading-action{display:inline-flex;align-items:center;gap:8px;color:var(--j-link);font-weight:600}
html body[data-page="article"] .article-reading-action svg{width:16px;height:16px}
html body[data-page="article"] .article-related h3{font-size:18px;margin:24px 0 8px}
html body[data-page="article"] .article-resource-links{padding:0;list-style:none;margin:0 0 24px}
html body[data-page="article"] .article-resource-links a{display:inline-flex;align-items:center;min-height:44px;line-height:1.5;color:var(--j-link);text-underline-offset:4px}
@media(max-width:860px){
 html body[data-page="article"] .article-contents ol{max-height:none;overflow:visible}
}

/* X2: readable scan evidence with room for real timestamps and source states. */
html body.product-home .preview-tab,
html body.product-home .preview-token-copy>span,
html body.product-home .preview-tags>span,
html body.product-home .preview-verdict,
html body.product-home .preview-score-label,
html body.product-home .preview-score-number small,
html body.product-home .preview-main-heading strong,
html body.product-home .preview-main-heading span,
html body.product-home .preview-finding strong,
html body.product-home .preview-finding small,
html body.product-home .preview-bottom-item strong,
html body.product-home .preview-bottom-item small,
html body.product-home .preview-actions .preview-truth,
html body.product-home .preview-actions>a{font-size:var(--j-type-meta);line-height:1.5}
html body.product-home .preview-tab{min-height:var(--j-control-height);gap:8px}
html body.product-home .preview-tab .icon{flex-shrink:0}
html body.product-home .preview-main-heading{align-items:flex-start;flex-wrap:wrap}
html body.product-home .preview-bottom-item{min-height:var(--j-control-height);align-items:flex-start}
html body.product-home .preview-bottom-item>.icon{flex-shrink:0;margin-top:2px}
html body.product-home .preview-bottom-item :is(strong,small){white-space:normal;overflow:visible;overflow-wrap:anywhere}
html body.product-home .preview-tags>span{white-space:normal}
html body.product-home .preview-actions>a{min-height:var(--j-control-height)}
@media(min-width:601px){
 html body.product-home .preview-dashboard{grid-template-columns:154px minmax(0,1fr)}
}
@media(max-width:600px){
 html body.product-home .preview-sidebar{flex-wrap:wrap;overflow:visible}
}
@media(max-width:480px){
 html body.product-home .preview-header{flex-direction:column}
 html body.product-home .preview-score-panel{flex:0 0 auto;flex-direction:row;flex-wrap:wrap;
  border-left:0;border-top:1px solid var(--j-line);gap:8px;padding:10px}
 html body.product-home .preview-token-copy>span{max-width:100%}
 html body.product-home .preview-bottom{grid-template-columns:minmax(0,1fr)}
 html body.product-home .preview-bottom-item{border-right:0}
 html body.product-home .preview-bottom-item+.preview-bottom-item{border-top:1px solid var(--j-soft-line)}
}


/* ===============================================================
   JEPETA / EDITORIAL PRODUCT VISUAL SYSTEM / 2026-10-12
   Refines the canonical shell in place. Existing markup, brand and
   commerce URLs remain authoritative. Data visuals only use sources.
   =============================================================== */
:root{
  --j-elevation:0 12px 36px rgba(0,0,0,.18);
  --j-elevation-hover:0 20px 45px rgba(0,0,0,.24);
  --j-highlight:#d0d6df;
  --j-visual-blue:#5b79b8;
  --j-visual-teal:#97edcf;
  --j-line-soft:color-mix(in srgb,var(--j-line) 60%,transparent);
}
html[data-theme="light"]{
  --j-elevation:0 12px 38px rgba(35,38,49,.07);
  --j-elevation-hover:0 20px 38px rgba(35,38,49,.12);
  --j-highlight:#2c3747;
  --j-visual-blue:#4766a4;
  --j-line-soft:#d8e3f2;
}
html body{
  text-rendering:optimizeLegibility;
  background:var(--j-bg);
}
html body :is(.catalog-hero,.news-hero,.intel-hero,.research-shell .hero,.legal-hero,.docs-hero,.guide-hero,.intent-hero){
  position:relative;isolation:isolate;
}
html body :is(.catalog-hero,.news-hero,.research-shell .hero,.guide-hero,.intent-hero){
  padding-top:clamp(30px,5vw,65px);padding-bottom:clamp(22px,3vw,39px);
}
html body :is(.catalog-hero,.news-hero,.research-shell .hero,.guide-hero,.intent-hero) h1{
  font-weight:780;line-height:1.1;letter-spacing:-.047em;
  font-size:clamp(2.2rem,4.8vw,3.9rem);
}
html body :is(.catalog-hero,.news-hero,.research-shell .hero,.guide-hero,.intent-hero) :is(.catalog-intro,.news-lead,.lead){
  max-width:62ch;color:var(--j-muted);font-size:clamp(1rem,1.6vw,1.12rem);
  line-height:1.68;
}
html body :is(.catalog-hero,.news-hero,.research-shell .hero,.intel-hero) .eyebrow,
html body .news-kicker{
  display:inline-flex;align-items:center;gap:10px;
  color:var(--j-highlight);letter-spacing:.09em;font-size:.75rem;font-weight:700;
}
html body .news-kicker::before,
html body :is(.catalog-hero,.research-shell .hero) .eyebrow::before{
  content:"";display:inline-block;width:7px;height:7px;border-radius:99px;background:var(--j-visual-teal);
}

/* DIFFERENTIATED DISCOVERY / ARTICLES: media-first editorial cards. */
html body[data-page="articles"] .guide-grid{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;
  align-items:stretch;padding-block:8px 42px;
}
html body[data-page="articles"] .guide-card{
  display:flex;flex-direction:column;align-items:stretch;position:relative;
  min-height:310px;gap:10px;padding:20px;
  border:1px solid var(--j-line);
  border-radius:14px;background:var(--j-surface);color:var(--j-text);
  box-shadow:var(--j-elevation);
  text-decoration:none;
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
html body[data-page="articles"] .guide-card:hover{
  background:var(--j-surface2);border-color:var(--j-highlight);box-shadow:var(--j-elevation-hover);
  transform:translateY(-3px);
}
html body[data-page="articles"] .guide-card>small{
  display:inline-flex;align-items:center;align-self:flex-start;order:0;
  font:700 11px/1.4 ui-monospace,SFMono-Regular,monospace;
  letter-spacing:.07em;text-transform:uppercase;color:var(--j-highlight);
}
html body[data-page="articles"] .guide-card h2{
  order:2;margin:4px 0 0;font-size:clamp(1.25rem,2vw,1.6rem);
  line-height:1.26;letter-spacing:-.03em;font-weight:750;
  color:var(--j-text);
}
html body[data-page="articles"] .guide-card p{
  order:3;margin:0;font-size:15px;line-height:1.65;color:var(--j-muted);
  display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;
}
html body[data-page="articles"] .catalog-card-action{
  order:4;margin-top:auto;padding-top:12px;border-top:1px solid var(--j-line-soft);
  font-size:13px;min-height:42px;color:var(--j-highlight);
}
html body[data-page="articles"] .catalog-card-media{
  order:1;display:block;min-width:0;max-width:100%;margin:5px 0 1px;
  height:137px;max-height:137px;
  border:1px solid var(--j-line-soft);border-radius:10px;overflow:hidden;
  background:var(--j-surface2);
}
html body[data-page="articles"] .catalog-card-media img{
  display:block;width:100%;max-width:100%;height:100%;object-fit:cover;
  transition:transform .3s ease;
}
html body[data-page="articles"] .guide-card:hover .catalog-card-media img{transform:scale(1.025)}
html body[data-page="articles"] .catalog-controls{
  padding:16px;background:var(--j-surface);border:1px solid var(--j-line);
  border-radius:12px;box-shadow:0 8px 24px rgba(3,28,70,.06);
}

/* DIFFERENTIATED DISCOVERY / GUIDES: numbered field guide, not blog cards. */
html body[data-page="guides"] .guide-grid{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;
  padding-block:10px 42px;
}
html body[data-page="guides"] .guide-card{
  position:relative;display:flex;flex-direction:column;min-height:258px;
  border:1px solid var(--j-line);border-radius:11px;
  padding:21px 23px 19px;background:var(--j-surface);
  box-shadow:none;
  transition:background .18s ease,border-color .18s ease,transform .18s ease;
}
html body[data-page="guides"] .guide-card:hover{
  background:var(--j-surface2);border-color:var(--j-highlight);transform:translateY(-2px);
}
html body[data-page="guides"] .guide-card::after{
  content:"";position:absolute;right:0;top:0;bottom:0;width:3px;
  background:var(--j-visual-blue);opacity:.75;border-radius:0 11px 11px 0;
}
html body[data-page="guides"] .guide-card[data-guide-category*="evidence"]::after{
  background:var(--j-visual-teal);
}
html body[data-page="guides"] .guide-sequence{
  display:block;position:absolute;right:23px;top:20px;
  font:750 1.55rem/1 ui-monospace,monospace;color:var(--j-line);
}
html body[data-page="guides"] .guide-card small{
  display:inline-flex;align-self:flex-start;color:var(--j-highlight);
  border:1px solid var(--j-line);border-radius:5px;padding:5px 10px;
  font:680 11px/1.3 ui-monospace,monospace;letter-spacing:.08em;
  background:var(--j-surface2);max-width:80%;
}
html body[data-page="guides"] .guide-card h2{
  margin:20px 0 10px;font-size:clamp(1.22rem,1.9vw,1.52rem);
  line-height:1.32;font-weight:730;letter-spacing:-.03em;
}
html body[data-page="guides"] .guide-card p{
  color:var(--j-muted);font-size:14px;line-height:1.63;margin:0;
  display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;
}
html body[data-page="guides"] .guide-card footer{
  margin-top:auto;padding-top:16px;font-size:12px;line-height:1.5;
  color:var(--j-highlight);border-top:1px solid var(--j-line-soft);
}
html body[data-page="guides"] .catalog-controls{
  padding:15px 16px;border:1px solid var(--j-line);border-radius:12px;background:var(--j-surface);
}

/* NEWSROOM: source graphics and editorial masthead get priority. */
html body[data-page="news"] .news-wrap{max-width:1200px}
html body[data-page="news"] .news-hero{
  padding:clamp(34px,5vw,66px) 0 clamp(24px,4vw,44px);
  border-bottom:1px solid var(--j-line);
}
html body[data-page="news"] .news-hero h1{
  font-weight:780;font-size:clamp(2.25rem,5vw,4.25rem);
  max-width:18ch;line-height:1.1;
}
html body[data-page="news"] .news-grid{gap:16px}
html body[data-page="news"] .news-story{
  display:flex;flex-direction:column;gap:0;padding:20px;
  border:1px solid var(--j-line);border-radius:13px;
  background:var(--j-surface);box-shadow:none;
  transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease;
}
html body[data-page="news"] .news-story:hover{
  transform:translateY(-2px);border-color:var(--j-highlight);
  box-shadow:var(--j-elevation);
}
html body[data-page="news"] .news-story .news-kicker{font-size:11px}
html body[data-page="news"] .news-story h3{font-size:clamp(1.28rem,2.2vw,1.85rem);line-height:1.3;font-weight:750;letter-spacing:-.028em;margin:14px 0 10px}
html body[data-page="news"] .news-story>p:not(.news-foot,.news-dataset){
  font-size:14px;line-height:1.65;color:var(--j-muted);
  display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;
}
html body[data-page="news"] .news-story .news-share-card{
  margin:17px 0 4px;overflow:hidden;border-radius:8px;border:1px solid var(--j-line);
}
html body[data-page="news"] .news-story .news-share-card img{
  display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;
  border-radius:0;
}
html body[data-page="news"] .news-story .news-share-card figcaption{
  font-size:12px;line-height:1.5;padding:9px 11px;margin:0;background:var(--j-surface2);
}
html body[data-page="news"] .news-story .news-foot{
  margin-top:auto;padding-top:16px;border-top:1px solid var(--j-line-soft);
  font-size:12px;gap:9px;
}
html body[data-page="news"] .news-story:has(.news-share-card):first-child{
  display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);
  grid-template-rows:auto auto 1fr auto;column-gap:24px;
  align-items:start;min-height:300px;
}
html body[data-page="news"] .news-story:has(.news-share-card):first-child .news-share-card{
  grid-column:2;grid-row:1/span 4;margin:0;align-self:stretch;
}
html body[data-page="news"] .news-story:has(.news-share-card):first-child .news-share-card img{
  min-height:215px;height:100%;
}
html body[data-page="news"] .news-story:has(.news-share-card):first-child .news-share-card figcaption{font-size:11px}

/* LIVE INTELLIGENCE: true before/after change, never decorative fake scores. */
html body[data-page="intelligence"] .intelligence-list{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;
}
html body[data-page="intelligence"] .intel-card{
  display:flex;flex-direction:column;gap:10px;min-height:276px;
  background:var(--j-surface);border:1px solid var(--j-line);
  border-radius:13px;padding:20px;transition:transform .2s ease,border-color .2s ease;
}
html body[data-page="intelligence"] .intel-card:hover{
  transform:translateY(-2px);border-color:var(--j-highlight);
}
html body[data-page="intelligence"] .intel-card-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
html body[data-page="intelligence"] .intel-card h3{
  font-weight:750;font-size:clamp(1.18rem,1.9vw,1.5rem);
  line-height:1.31;letter-spacing:-.026em;margin:3px 0 0;
}
html body[data-page="intelligence"] .intel-card>p{
  font-size:14px;line-height:1.63;margin:0;color:var(--j-muted);
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;
}
html body[data-page="intelligence"] .intel-change-graphic{
  margin-top:auto;display:grid;gap:10px;
  border:1px solid var(--j-line-soft);border-radius:9px;padding:12px;
  background:linear-gradient(125deg,rgba(29,92,178,.14),transparent),var(--j-surface2);
}
html body[data-page="intelligence"] .intel-change-title{
  font:680 10px/1.3 ui-monospace,monospace;color:var(--j-highlight);
  letter-spacing:.08em;
}
html body[data-page="intelligence"] .intel-compare-bar{display:grid;gap:6px}
html body[data-page="intelligence"] .intel-compare-bar>span{
  display:flex;justify-content:space-between;gap:8px;
  font-size:12px;line-height:1.3;color:var(--j-muted);
}
html body[data-page="intelligence"] .intel-compare-bar strong{color:var(--j-text);font-variant-numeric:tabular-nums}
html body[data-page="intelligence"] .intel-compare-bar>i{
  position:relative;display:block;width:100%;height:7px;
  background:var(--j-line-soft);border-radius:99px;overflow:hidden;
}
html body[data-page="intelligence"] .intel-compare-bar>i::before{
  content:"";position:absolute;inset:0 auto 0 0;width:var(--bar-percent,0%);
  background:#8cb1ed;border-radius:99px;
}
html body[data-page="intelligence"] .intel-compare-after>i::before{
  background:var(--j-visual-blue);
}
html body[data-page="intelligence"] .intel-change-values{
  display:grid;grid-template-columns:1fr 1fr;gap:10px;
}
html body[data-page="intelligence"] .intel-change-values>span{
  display:flex;flex-direction:column;font-size:12px;
  color:var(--j-muted);overflow-wrap:anywhere;
}
html body[data-page="intelligence"] .intel-change-values strong{
  margin-top:6px;color:var(--j-text);font-size:15px;
}
html body[data-page="intelligence"] .intel-card-footer{
  margin-top:2px;padding-top:11px;border-top:1px solid var(--j-line-soft);
  font-size:12px;color:var(--j-muted);
}

/* ORIGINAL RESEARCH: make public sample sizes and computed cohort shares visible. */
html body[data-page="research"] .research-shell{max-width:var(--j-content-width);margin-inline:auto}
html body[data-page="research"] .research-shell .hero{
  border-bottom:1px solid var(--j-soft-line);padding-bottom:28px;
}
html body[data-page="research"] .research-shell .hero h1{
  font-weight:760;letter-spacing:-.045em;
}
html body[data-page="research"] .research-shell .section:has(.research-index-card){
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;
}
html body[data-page="research"] .research-index-card{
  position:relative;display:flex;flex-direction:column;min-height:245px;
  border:1px solid var(--j-line);border-radius:12px;padding:23px;
  background:var(--j-surface);
}
html body[data-page="research"] .research-index-tag{
  font:680 11px/1.4 ui-monospace,monospace;letter-spacing:.08em;
  color:var(--j-highlight);
}
html body[data-page="research"] .research-index-card h2{
  margin:15px 0;font-size:clamp(1.4rem,2.2vw,1.8rem);line-height:1.28;
}
html body[data-page="research"] .research-index-card h2 a{color:var(--j-text);text-decoration:none}
html body[data-page="research"] .research-index-card h2 a:hover{color:var(--j-highlight)}
html body[data-page="research"] .research-index-value{
  display:flex;gap:13px;align-items:end;padding:10px 0 14px;
  border-bottom:1px solid var(--j-line-soft);
}
html body[data-page="research"] .research-index-value>strong{
  font-size:clamp(2rem,3vw,3.1rem);font-weight:770;letter-spacing:-.055em;
  font-variant-numeric:tabular-nums;line-height:1;color:var(--j-text);
}
html body[data-page="research"] .research-index-value>span{
  font-size:13px;line-height:1.4;color:var(--j-muted);max-width:13ch;
}
html body[data-page="research"] .research-index-card p{
  margin:13px 0 6px;font-size:13px;line-height:1.6;color:var(--j-muted);
}
html body[data-page="research"] .research-index-more{
  display:inline-flex;align-items:center;min-height:42px;margin-top:auto;
  color:var(--j-highlight);font-size:13px;font-weight:680;text-decoration:none;
}
html body[data-page="research"] .research-index-more:hover{text-decoration:underline;text-underline-offset:4px}
html body[data-page="research"] .research-coverage{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;
  margin:22px 0;padding:18px;
  border:1px solid var(--j-line);border-radius:12px;background:var(--j-surface);
}
html body[data-page="research"] .research-coverage-row{min-width:0}
html body[data-page="research"] .research-coverage-head{
  display:flex;align-items:start;justify-content:space-between;gap:14px;
  margin-bottom:9px;font-size:13px;line-height:1.4;color:var(--j-muted);
}
html body[data-page="research"] .research-coverage-head strong{color:var(--j-text)}
html body[data-page="research"] .research-coverage-track{
  position:relative;height:9px;width:100%;border-radius:99px;
  overflow:hidden;background:var(--j-line-soft);
}
html body[data-page="research"] .research-coverage-track>i{
  display:block;height:100%;background:var(--j-visual-blue);border-radius:99px;
}
html body[data-page="research"] .research-metrics{
  border:1px solid var(--j-line);border-radius:12px;overflow:hidden;gap:0;
}
html body[data-page="research"] .research-metrics>div{
  background:var(--j-surface);border:1px solid var(--j-line-soft);
}
html body[data-page="research"] .research-shell table{
  display:block;max-width:100%;overflow-x:auto;border-collapse:separate;
}

/* PUBLIC EVIDENCE: a scan receipt with legible signals and a prominent freshness line. */
html body.evidence-detail .grid{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;
}
html body.evidence-detail :is(.card,.fact){
  background:var(--j-surface);border:1px solid var(--j-line);
  border-radius:11px;padding:18px;box-shadow:none;
}
html body.evidence-detail .grid .card{
  border-top:3px solid var(--j-visual-blue);
}
html body.evidence-detail .grid .card strong{
  font-size:clamp(1.25rem,2vw,2rem);font-variant-numeric:tabular-nums;
  letter-spacing:-.035em;
}
html body.evidence-detail .fact b{font-variant-numeric:tabular-nums;color:var(--j-text)}
html body.evidence-detail .hero h1{font-weight:760;line-height:1.13}
html body.evidence-detail .status{background:var(--j-surface2)}
html body.evidence-detail .evidence-current-action{
  background:var(--j-surface);border-color:var(--j-line);
  border-radius:10px;gap:14px;
}
html body.evidence-catalog .evidence-card{
  border:1px solid var(--j-line);border-radius:11px;
  background:var(--j-surface);
}
html body.evidence-catalog .evidence-card:hover{border-color:var(--j-highlight)}
html body.evidence-catalog .evidence-card-main{min-height:86px}

/* DEVELOPER & ARTICLES: meaningful hierarchy instead of long unbounded code blocks. */
html body :is(.docs-body,.intent-copy,.article,.article-section) pre{
  max-width:100%;overflow:auto;border-radius:10px;
  border:1px solid var(--j-line);padding:18px;background:var(--j-surface);
  font-size:13px;line-height:1.6;tab-size:2;
}
html body :is(.docs-body,.intent-copy,.article) code:not(pre code){
  padding:.12em .35em;border-radius:4px;color:var(--j-highlight);
  background:var(--j-surface2);overflow-wrap:anywhere;
}
html body[data-page="article"] .article-hero{
  margin:0 0 23px;border-radius:11px;overflow:hidden;
  border:1px solid var(--j-line);
}
html body[data-page="article"] .article-hero img{
  width:100%;height:auto;display:block;object-fit:cover;
}
html body[data-page="article"] .article :is(h2,h3){
  scroll-margin-top:92px;
}
html body[data-page="article"] .article-offer{
  border-top:3px solid var(--j-visual-teal);
  background:linear-gradient(140deg,rgba(17,107,163,.08),transparent),var(--j-surface2);
}
html body[data-page="article"] .article-offer .button{
  font-size:15px;font-weight:700;
}
html body .intent-hero,
html body .docs-body .docs-hero{border-bottom:1px solid var(--j-line-soft)}

/* HOMEPAGE MOBILE: a product, not a sequence of text blocks. */
@media(max-width:700px){
 html body.product-home .hero{gap:17px}
 html body.product-home .hero h1{
   font-weight:790;line-height:1.085;letter-spacing:-.051em;
 }
 html body.product-home .hero-lead{
   font-size:15px;line-height:1.53;max-width:45ch;
 }
 html body.product-home .hero-quick-scan{
   border-color:var(--j-line);box-shadow:var(--j-elevation);
 }
 html body.product-home .product-preview{
   border-radius:12px;border-color:var(--j-line);box-shadow:var(--j-elevation);
 }
 html body.product-home .preview-dashboard{gap:11px}
 html body.product-home .preview-sidebar{
   display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
   gap:5px;overflow:visible;
 }
 html body.product-home .preview-tab{
   justify-content:center;text-align:center;
   gap:6px;padding:10px 5px;min-height:45px;
   border-radius:7px;font-size:12px;line-height:1.2;
 }
 html body.product-home .preview-tab .icon{height:15px;width:15px}
 html body.product-home .preview-main-heading{
   display:flex;align-items:baseline;justify-content:space-between;
 }
 html body.product-home .preview-main-heading strong{font-size:14px;font-weight:730}
 html body.product-home .preview-finding{min-height:52px}
 html body.product-home .preview-finding strong{font-size:13px}
 html body.product-home .preview-finding small{font-size:12px}
 html body.product-home .preview-bottom-item strong{font-size:12px}
 html body.product-home .preview-bottom-item small{font-size:11px}
 html body.product-home .product-hubs{display:grid;grid-template-columns:1fr;gap:12px}
 html body.product-home .product-hub{
   display:block;min-height:0;padding:17px 17px 16px 61px;
   border-radius:11px;background:var(--j-surface);box-shadow:none;
 }
 html body.product-home .product-hub h3{margin-bottom:6px}
 html body.product-home .product-hub p{font-size:13px;line-height:1.55}
 html body.product-home .product-hub:nth-child(-n+2) .hub-mini{
   display:block;height:auto;min-height:0;max-height:165px;
   overflow:hidden;margin:15px 0 0 -43px;padding:11px;
   background:var(--j-surface2);border-color:var(--j-line);
 }
 html body.product-home .product-hub:nth-child(-n+2) .hub-mini-title{font-size:10px}
 html body.product-home .product-hub .evidence-mini>div{font-size:12px}
 html body.product-home .source-item>div strong{font-size:12px}
}
@media(max-width:740px){
 html body[data-page="articles"] .guide-grid,
 html body[data-page="guides"] .guide-grid,
 html body[data-page="intelligence"] .intelligence-list,
 html body[data-page="research"] .research-shell .section:has(.research-index-card),
 html body[data-page="research"] .research-coverage{
   grid-template-columns:minmax(0,1fr);gap:12px;
 }
 html body[data-page="articles"] .guide-card{min-height:0;padding:17px;gap:9px}
 html body[data-page="articles"] .catalog-card-media{
   height:clamp(120px,37vw,162px);max-height:162px;
 }
 html body[data-page="articles"] .guide-card h2{font-size:1.35rem;line-height:1.29}
 html body[data-page="articles"] .guide-card p{font-size:14px;-webkit-line-clamp:3}
 html body[data-page="articles"] .catalog-card-action{
   padding-top:10px;margin-top:2px;min-height:37px;
 }
 html body[data-page="guides"] .guide-card{min-height:0;padding:18px;gap:0}
 html body[data-page="guides"] .guide-card h2{font-size:1.28rem;margin:18px 0 10px}
 html body[data-page="guides"] .guide-card p{font-size:14px;-webkit-line-clamp:3}
 html body[data-page="guides"] .guide-card footer{font-size:12px;padding-top:10px}
 html body[data-page="news"] .news-grid{grid-template-columns:minmax(0,1fr);gap:13px}
 html body[data-page="news"] .news-story:first-child{grid-column:auto}
 html body[data-page="news"] .news-story:has(.news-share-card):first-child{
   display:flex;min-height:0;gap:0;
 }
 html body[data-page="news"] .news-story{padding:17px}
 html body[data-page="news"] .news-story .news-share-card{margin:13px 0 5px}
 html body[data-page="news"] .news-story .news-share-card img{min-height:0;aspect-ratio:16/9}
 html body[data-page="news"] .news-story h3{font-size:1.4rem;margin:11px 0}
 html body[data-page="news"] .news-story>p:not(.news-foot,.news-dataset){-webkit-line-clamp:3;font-size:14px}
 html body[data-page="intelligence"] .intel-card{
   min-height:0;padding:16px;gap:9px;box-shadow:none;
 }
 html body[data-page="intelligence"] .intel-card h3{font-size:1.28rem}
 html body[data-page="intelligence"] .intel-card>p{font-size:14px;-webkit-line-clamp:3}
 html body[data-page="intelligence"] .intel-change-graphic{padding:12px;margin-top:7px}
 html body[data-page="research"] .research-shell .section:has(.research-index-card){display:grid}
 html body[data-page="research"] .research-index-card{min-height:0;padding:18px}
 html body[data-page="research"] .research-index-value>strong{font-size:2.6rem}
 html body[data-page="research"] .research-coverage{padding:15px}
 html body.evidence-detail .grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 html body.evidence-detail .grid .card{padding:12px}
 html body.evidence-detail .grid .card strong{font-size:1.4rem}
 html body :is(.catalog-hero,.news-hero,.research-shell .hero,.guide-hero,.intent-hero)::before{
   width:210px;height:240px;right:-12px;top:30px;opacity:.46;
 }
 html body :is(.catalog-hero,.news-hero,.research-shell .hero,.guide-hero,.intent-hero){
   padding-top:27px;padding-bottom:19px;
 }
 html body :is(.catalog-hero,.news-hero,.research-shell .hero,.guide-hero,.intent-hero) h1{
   font-size:clamp(1.9rem,8.1vw,2.45rem);line-height:1.12;
 }
 html body :is(.catalog-hero,.news-hero,.research-shell .hero,.guide-hero,.intent-hero) :is(.catalog-intro,.news-lead,.lead){
   font-size:15px;line-height:1.58;
 }
 html body .catalog-controls{padding:13px}
}
@media(prefers-reduced-motion:reduce){
 html body[data-page="articles"] .guide-card:hover,
 html body[data-page="guides"] .guide-card:hover,
 html body[data-page="news"] .news-story:hover,
 html body[data-page="intelligence"] .intel-card:hover{transform:none!important}
 html body[data-page="articles"] .catalog-card-media img{transition:none!important}
}


/* Monthly aggregates: only the published PASS/WARN/BLOCK shares define the ring. */
html body[data-page="research"] .research-risk-mix{
  display:flex;align-items:center;gap:25px;flex-wrap:wrap;
  max-width:740px;margin:20px 0 24px;padding:19px;
  border-radius:12px;border:1px solid var(--j-line);
  background:var(--j-surface);
}
html body[data-page="research"] .research-risk-donut{
  position:relative;display:grid;place-items:center;
  width:142px;height:142px;flex:0 0 142px;border-radius:50%;
  background:conic-gradient(
    var(--pass) 0 var(--pass-stop,0%),
    var(--warn) var(--pass-stop,0%) var(--warn-stop,0%),
    var(--block) var(--warn-stop,0%) 100%);
}
html body[data-page="research"] .research-risk-donut::before{
  content:"";position:absolute;inset:22px;border-radius:50%;background:var(--j-surface);
}
html body[data-page="research"] .research-risk-donut span{
  z-index:1;position:relative;max-width:65px;text-align:center;
  color:var(--j-text);font:680 12px/1.35 Inter,system-ui,sans-serif;
}
html body[data-page="research"] .research-risk-legend{
  display:grid;gap:11px;flex:1 1 165px;font-size:14px;color:var(--j-muted);
}
html body[data-page="research"] .research-risk-legend>span{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
}
html body[data-page="research"] .research-risk-legend b{
  color:var(--j-text);font-variant-numeric:tabular-nums;
}
html body[data-page="research"] .research-risk-legend i{
  width:9px;height:9px;flex:0 0 9px;display:inline-block;border-radius:50%;
  margin-right:7px;background:var(--pass);
}
html body[data-page="research"] .research-risk-legend .risk-warn i{background:var(--warn)}
html body[data-page="research"] .research-risk-legend .risk-block i{background:var(--block)}
@media(max-width:450px){
  html body[data-page="research"] .research-risk-mix{gap:17px;padding:15px}
  html body[data-page="research"] .research-risk-donut{width:112px;height:112px;flex-basis:112px}
  html body[data-page="research"] .research-risk-donut::before{inset:18px}
  html body[data-page="research"] .research-risk-legend{font-size:12px;gap:9px}
}

/* Source-labeled editorial records. Never depict fabricated financial bars. */
html body[data-page="articles"] .catalog-card-record{
  order:1;display:grid;align-content:center;gap:10px;
  min-height:82px;margin:6px 0 2px;
  border-block:1px solid var(--j-line);
}
html body[data-page="articles"] .catalog-record-label{
  display:inline-flex;align-items:center;gap:9px;
  font:720 10px/1.3 ui-monospace,monospace;letter-spacing:.09em;
  color:var(--j-muted);
}
html body[data-page="articles"] .catalog-record-label::before{
  content:"";width:7px;height:7px;border-radius:50%;
  background:#97edcf;
}
html body[data-page="articles"] .catalog-record-meta{
  font-size:13px;line-height:1.45;color:var(--j-muted);
}
html body[data-page="articles"] .guide-card:not(:has(.catalog-card-media)) h2{
  font-size:clamp(1.35rem,2.15vw,1.7rem);
}
html body[data-page="news"] .news-story{
  box-shadow:none;border-color:var(--j-line);
}
html body[data-page="intelligence"] .intel-card,
html body[data-page="guides"] .guide-card{
  box-shadow:none;
}
html body[data-page="intelligence"] .intel-change-graphic{
  background:var(--j-surface2);border-color:var(--j-line);
}
html body[data-page="research"] .research-risk-mix{
  background:var(--j-surface);border-color:var(--j-line);
}
html body[data-page="research"] .research-coverage{
  background:var(--j-surface);border-color:var(--j-line);
}
html body .site-global-actions .site-shell-button:hover{
  background:var(--j-surface2);border-color:var(--j-muted);
}
html body .site-nav-more .site-nav-extra-link[aria-current="page"]{
  color:var(--j-text);
}
@media(max-width:740px){
  html body[data-page="articles"] .catalog-card-record{
    min-height:70px;margin:0;gap:8px;
  }
  html body[data-page="articles"] .catalog-record-meta{font-size:12px}
}
/* Security status colors retain their semantic role. */
html body :is(.decision[data-decision="PASS"],.intel-severity[data-severity="low"]){color:var(--pass)}
html body .decision[data-decision="WARN"]{color:var(--warn)}
html body .decision[data-decision="BLOCK"]{color:var(--block)}
/* Global market pulse - scoped to the homepage, consolidated in the canonical design system. */
html body.product-home #market-overview{
  --market-radius:12px;
  margin-block:0 18px;
  padding-block:28px 28px;
  border-bottom:1px solid var(--j-soft-line);
  scroll-margin-top:calc(var(--j-nav-height) + 16px);
}
html body.product-home #market-overview .market-overview-head{
  display:flex;justify-content:space-between;align-items:flex-end;gap:14px 28px;flex-wrap:wrap;
  margin:0 0 20px;
}
html body.product-home #market-overview .market-overview-intro{min-width:0;max-width:76ch}
html body.product-home #market-overview .market-eyebrow{
  display:inline-flex;align-items:center;gap:9px;margin-bottom:9px;
  font:720 11px/1.4 ui-monospace,monospace;letter-spacing:.07em;color:var(--j-muted);
}
html body.product-home #market-overview .market-eyebrow-pulse{
  width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:#6bcbb1;
  box-shadow:0 0 0 3px color-mix(in srgb,#6bcbb1 16%,transparent);
}
html[data-theme="light"] body.product-home #market-overview .market-eyebrow-pulse{background:#15745d;box-shadow:0 0 0 3px #15745d21}
html body.product-home #market-overview h2{
  margin:0 0 7px;font-size:clamp(24px,2.4vw,34px);line-height:1.18;
  font-weight:770;letter-spacing:-.039em;color:var(--j-text);
}
html body.product-home #market-overview .market-overview-intro p{
  margin:0;line-height:1.5;font-size:clamp(13px,1.1vw,15px);color:var(--j-muted);
}
html body.product-home #market-overview .market-source-status{
  display:inline-flex;align-items:center;gap:9px;flex:0 0 auto;
  border:1px solid var(--j-line);background:var(--j-surface);
  border-radius:8px;color:var(--j-text);padding:9px 12px;min-height:38px;
  line-height:1.3;font-size:12px;font-weight:700;font-variant-numeric:tabular-nums;
}
html body.product-home #market-overview .market-source-status::before{
  content:"";width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:var(--j-muted);
}
html body.product-home #market-overview .market-source-status[data-state="current"]::before{background:#6bcbb1}
html body.product-home #market-overview .market-source-status[data-state="partial"]::before,
html body.product-home #market-overview .market-source-status[data-state="delayed"]::before{background:#efbe69}
html body.product-home #market-overview .market-grid{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;
}
html body.product-home #market-overview .market-metric{
  --market-accent:#62c5df;
  position:relative;overflow:hidden;isolation:isolate;
  display:flex;flex-direction:column;min-width:0;min-height:190px;
  padding:17px 17px 13px;border:1px solid var(--j-line);
  border-radius:var(--market-radius);background:var(--j-surface);color:var(--j-text);
  box-shadow:0 2px 12px rgba(0,0,0,.055);
  transition:border-color .18s ease,background .18s ease;
}
html body.product-home #market-overview .market-metric::before{
  content:"";position:absolute;left:17px;top:0;width:42px;height:2px;
  background:var(--market-accent);border-radius:0 0 2px 2px;
}
html body.product-home #market-overview .market-metric--volume{--market-accent:#91adff}
html body.product-home #market-overview .market-metric--btc{--market-accent:#f2b65d}
html body.product-home #market-overview .market-metric--eth{--market-accent:#b4a7ff}
html body.product-home #market-overview .market-metric--sentiment{--market-accent:#d8ba76}
html body.product-home #market-overview .market-metric--assets{--market-accent:#78cdb2}
html[data-theme="light"] body.product-home #market-overview .market-metric--cap{--market-accent:#087b91}
html[data-theme="light"] body.product-home #market-overview .market-metric--volume{--market-accent:#345fbb}
html[data-theme="light"] body.product-home #market-overview .market-metric--btc{--market-accent:#a76407}
html[data-theme="light"] body.product-home #market-overview .market-metric--eth{--market-accent:#6553b5}
html[data-theme="light"] body.product-home #market-overview .market-metric--sentiment{--market-accent:#956c16}
html[data-theme="light"] body.product-home #market-overview .market-metric--assets{--market-accent:#0d7862}
html body.product-home #market-overview .market-metric.is-stale{border-style:dashed}
html body.product-home #market-overview .market-metric-top{
  display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px;min-height:38px;
}
html body.product-home #market-overview .market-metric-icon{
  display:grid;place-items:center;width:37px;height:37px;flex:0 0 37px;
  border-radius:10px;color:var(--market-accent);
  background:color-mix(in srgb,var(--market-accent) 13%,var(--j-surface));
  border:1px solid color-mix(in srgb,var(--market-accent) 22%,var(--j-line));
}
html body.product-home #market-overview .market-metric-icon svg{
  width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;
  stroke-linecap:round;stroke-linejoin:round;
}
html body.product-home #market-overview .market-metric-icon .market-eth-logo{fill:currentColor;stroke:none}
html body.product-home #market-overview .market-eth-logo path:last-child{opacity:.65}
html body.product-home #market-overview .market-btc-symbol{
  font-family:Arial,"Noto Sans Symbols 2",sans-serif;font-size:24px;font-weight:700;line-height:1;
}
html body.product-home #market-overview .market-metric-type{
  font:700 10px/1.3 ui-monospace,monospace;letter-spacing:.035em;
  text-align:right;color:var(--j-muted);overflow-wrap:normal;
}
html body.product-home #market-overview .market-metric-body{flex:1 1 auto;min-width:0}
html body.product-home #market-overview .market-metric-label{
  font-size:14px;font-weight:650;line-height:1.36;margin:0 0 4px;
  letter-spacing:-.01em;color:var(--j-muted);text-wrap:initial;
}
html body.product-home #market-overview .market-metric-reading{
  display:flex;align-items:baseline;gap:5px;min-width:0;
  font-variant-numeric:tabular-nums;
}
html body.product-home #market-overview .market-metric-value{
  color:var(--j-text);font-size:clamp(29px,2.8vw,41px);font-weight:780;
  letter-spacing:-.055em;line-height:1.13;overflow-wrap:anywhere;
}
html body.product-home #market-overview .market-metric-unit{
  color:var(--j-muted);font-size:13px;font-weight:650;letter-spacing:-.02em;
}
html body.product-home #market-overview .market-metric-unit[hidden]{display:none!important}
html body.product-home #market-overview .market-metric-subline{
  color:var(--j-muted);font-size:12px;line-height:1.42;margin:6px 0 0;
}
html body.product-home #market-overview .market-metric-bottom{
  display:flex;align-items:center;gap:6px;min-height:26px;
  margin-top:12px;padding-top:9px;border-top:1px solid var(--j-soft-line);
}
html body.product-home #market-overview .market-metric-detail{
  color:var(--j-muted);font-size:12px;line-height:1.35;font-variant-numeric:tabular-nums;
}
html body.product-home #market-overview .market-metric.is-stale .market-metric-detail{color:var(--market-accent)}
html body.product-home #market-overview .market-metric--sentiment[data-sentiment="extreme-fear"]{--market-accent:#ee7c86}
html body.product-home #market-overview .market-metric--sentiment[data-sentiment="fear"]{--market-accent:#eaa26b}
html body.product-home #market-overview .market-metric--sentiment[data-sentiment="neutral"]{--market-accent:#dbbc72}
html body.product-home #market-overview .market-metric--sentiment[data-sentiment="greed"]{--market-accent:#7dd5a7}
html body.product-home #market-overview .market-metric--sentiment[data-sentiment="extreme-greed"]{--market-accent:#65cebd}
html[data-theme="light"] body.product-home #market-overview .market-metric--sentiment[data-sentiment="extreme-fear"]{--market-accent:#ae253f}
html[data-theme="light"] body.product-home #market-overview .market-metric--sentiment[data-sentiment="fear"]{--market-accent:#9c4b14}
html[data-theme="light"] body.product-home #market-overview .market-metric--sentiment[data-sentiment="neutral"]{--market-accent:#84600f}
html[data-theme="light"] body.product-home #market-overview .market-metric--sentiment[data-sentiment="greed"]{--market-accent:#147c49}
html[data-theme="light"] body.product-home #market-overview .market-metric--sentiment[data-sentiment="extreme-greed"]{--market-accent:#0b7964}
html body.product-home #market-overview .market-sentiment-meter{margin-top:11px;display:block}
html body.product-home #market-overview .market-sentiment-meter[hidden]{display:none!important}
html body.product-home #market-overview .market-sentiment-track{
  height:7px;position:relative;border-radius:999px;
  background:linear-gradient(90deg,#d96674 0%,#edaa69 25%,#e3c783 50%,#8dcda1 75%,#58c8b3 100%);
}
html body.product-home #market-overview .market-sentiment-pointer{
  position:absolute;top:50%;left:clamp(0px,var(--market-sentiment-position,50%),100%);
  width:10px;height:10px;border-radius:50%;background:var(--j-text);
  border:2px solid var(--j-surface);box-shadow:0 0 0 1px var(--j-text);
  transform:translate(-50%,-50%);transition:left .25s ease;
}
html body.product-home #market-overview .market-sentiment-ends{
  display:flex;justify-content:space-between;margin-top:5px;
  font:650 10px/1.2 ui-monospace,monospace;color:var(--j-muted);
}
html body.product-home #market-overview .market-overview-foot{
  display:flex;align-items:center;justify-content:space-between;gap:8px 20px;flex-wrap:wrap;
  margin-top:14px;padding:0 2px;
}
html body.product-home #market-overview .market-foot-timestamps{
  color:var(--j-muted);font-size:11px;line-height:1.5;font-variant-numeric:tabular-nums;
}
html body.product-home #market-overview .market-overview-foot a{
  display:inline-flex;align-items:center;gap:5px;min-height:44px;
  font-size:12px;line-height:1.4;font-weight:650;
  color:var(--j-text);text-decoration:underline;text-underline-offset:4px;
}
html body.product-home #market-overview .market-overview-foot a:hover{color:var(--j-primary)}
html body.product-home #market-overview .market-overview-foot a span{font-size:14px;color:inherit}
@media(max-width:1020px){
  html body.product-home #market-overview .market-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:600px){
  html body.product-home #market-overview{padding-block:23px 17px;margin-bottom:12px}
  html body.product-home #market-overview .market-overview-head{align-items:flex-start;gap:12px;margin-bottom:14px}
  html body.product-home #market-overview .market-overview-intro{width:100%}
  html body.product-home #market-overview .market-eyebrow{font-size:10px;margin-bottom:7px}
  html body.product-home #market-overview h2{font-size:clamp(24px,6vw,28px)}
  html body.product-home #market-overview .market-overview-intro p{font-size:12px;line-height:1.5}
  html body.product-home #market-overview .market-source-status{font-size:11px;min-height:32px;padding:6px 9px}
  html body.product-home #market-overview .market-grid{gap:9px}
  html body.product-home #market-overview .market-metric{padding:13px 11px 10px;min-height:174px}
  html body.product-home #market-overview .market-metric::before{left:11px;width:32px}
  html body.product-home #market-overview .market-metric-top{min-height:32px;margin-bottom:10px}
  html body.product-home #market-overview .market-metric-icon{width:33px;height:33px;flex-basis:33px;border-radius:9px}
  html body.product-home #market-overview .market-metric-icon svg{width:20px;height:20px}
  html body.product-home #market-overview .market-metric-type{font-size:10px;line-height:1.2;max-width:94px}
  html body.product-home #market-overview .market-metric-label{font-size:13px;line-height:1.32;min-height:0;margin-bottom:5px}
  html body.product-home #market-overview .market-metric-value{font-size:clamp(25px,6.7vw,31px);line-height:1.1}
  html body.product-home #market-overview .market-metric-subline{font-size:11px;line-height:1.35;margin-top:5px}
  html body.product-home #market-overview .market-metric-bottom{margin-top:9px;padding-top:8px;min-height:22px}
  html body.product-home #market-overview .market-metric-detail{font-size:11px}
  html body.product-home #market-overview .market-sentiment-meter{margin-top:9px}
  html body.product-home #market-overview .market-overview-foot{align-items:flex-start;gap:1px;margin-top:9px}
  html body.product-home #market-overview .market-foot-timestamps{flex-basis:100%;font-size:10px}
}
@media(max-width:330px){html body.product-home #market-overview .market-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){
  html body.product-home #market-overview .market-metric,
  html body.product-home #market-overview .market-sentiment-pointer{transition:none}
}