/* MIC Pro V1.6.6 — Clarity Convergence visual system.
   Loaded last as a presentation-only compatibility layer. Business data,
   routing, permissions and interactions remain owned by the V1.6 baseline. */
:root{
  --cc-navy:#1226aa;
  --cc-blue:#315cf6;
  --cc-cyan:#38c8ea;
  --cc-violet:#9687ec;
  --cc-rose:#d89bc9;
  --cc-ink:#111722;
  --cc-copy:#566378;
  --cc-muted:#667085;
  --cc-canvas:#f3f6fb;
  --cc-soft:#f7f9fc;
  --cc-surface:#fff;
  --cc-line:rgba(17,23,34,.07);
  --cc-line-strong:rgba(17,23,34,.13);
  --cc-shadow-card:0 16px 44px rgba(26,39,73,.055);
  --cc-shadow-float:0 28px 80px rgba(20,31,63,.13);
  --cc-focus:0 0 0 3px rgba(49,92,246,.20);
  --cc-font:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","PingFang SC","Helvetica Neue",Arial,sans-serif;
  /* Canonical typography scale. Keep the legacy --mic-* aliases below so
     historical modules resolve to the same semantic values instead of
     inventing a second hierarchy. */
  --cc-type-display:clamp(52px,4.2vw,60px);
  --cc-type-page:clamp(42px,3.5vw,52px);
  --cc-type-section:clamp(30px,2.5vw,36px);
  --cc-type-feature:clamp(24px,2vw,30px);
  --cc-type-card:19px;
  --cc-type-body-lg:17px;
  --cc-type-body:15px;
  --cc-type-body-sm:13.5px;
  --cc-type-control:13.5px;
  --cc-type-meta:11.5px;
  --cc-type-eyebrow:10.5px;
  --cc-weight-regular:400;
  --cc-weight-medium:510;
  --cc-weight-semibold:620;
  --cc-leading-heading:1.16;
  --cc-leading-body:1.7;
  --cc-ease:cubic-bezier(.2,.8,.2,1);
  --blue:var(--cc-blue);
  --mx-blue:var(--cc-blue);
  --ws-blue:var(--cc-blue);
  --oi-blue:var(--cc-blue);
  --hvi-blue:var(--cc-blue);
  --mic-home-blue:var(--cc-blue);
  --solo-blue:var(--cc-blue);
  --bg:var(--cc-canvas);
  --card:var(--cc-surface);
  --panel:var(--cc-surface);
  --ink:var(--cc-ink);
  --muted:var(--cc-muted);
  --line:var(--cc-line);
  --header-height:68px;
  --mic-font-display:var(--cc-font);
  --mic-font-text:var(--cc-font);
  --mic-type-micro:var(--cc-type-eyebrow);
  --mic-type-caption:var(--cc-type-meta);
  --mic-type-label:12.5px;
  --mic-type-body-sm:var(--cc-type-body-sm);
  --mic-type-body:var(--cc-type-body);
  --mic-type-body-lg:var(--cc-type-body-lg);
  --mic-type-title-sm:var(--cc-type-card);
  --mic-type-title:24px;
  --mic-type-title-lg:var(--cc-type-section);
  --mic-type-display:var(--cc-type-display);
  --mic-weight-regular:var(--cc-weight-regular);
  --mic-weight-medium:var(--cc-weight-medium);
  --mic-weight-semibold:var(--cc-weight-semibold);
  --mic-weight-bold:var(--cc-weight-semibold);
}

html{background:var(--cc-canvas);scroll-padding-top:calc(var(--header-height) + 20px)}
body,button,input,select,textarea{font-family:var(--cc-font)!important}
body{color:var(--cc-ink);background:var(--cc-canvas);font-size:var(--cc-type-body);font-weight:var(--cc-weight-regular);line-height:var(--cc-leading-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body:not(.mic-login):not(.mic-open):not(.mic-admin){
  background:
    radial-gradient(720px 420px at 4% 4%,rgba(56,200,234,.075),transparent 66%),
    radial-gradient(720px 440px at 96% 8%,rgba(150,135,236,.075),transparent 68%),
    var(--cc-canvas);
}
body:not(.mic-login):not(.mic-open):not(.mic-admin)>main{max-width:1360px;margin-inline:auto;padding-inline:32px}
body::before,body::after{animation:none;pointer-events:none}
button,input,select,textarea{font-size:inherit}
h1,h2,h3,h4,h5,h6,strong,b{color:var(--cc-ink)}
h1,h2,h3,h4,h5,h6{font-family:var(--cc-font)!important;font-weight:var(--cc-weight-semibold)!important;letter-spacing:-.032em;text-wrap:balance}
p,li,dd{line-height:var(--cc-leading-body)}
p,li,dd,td{color:var(--cc-copy)}
.searchCoverage span,.drawerFootHint{color:var(--cc-muted)}
a,button{transition:color .18s var(--cc-ease),background-color .18s var(--cc-ease),box-shadow .18s var(--cc-ease),transform .18s var(--cc-ease)}
:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:0;box-shadow:var(--cc-focus)}
:where(section,.block,.jpanchor,.intelSection,.caseLibraryPage,[id]){scroll-margin-top:calc(var(--header-height) + 20px)}

/* Endorsed product lockup: AOTO + Clarity Convergence O + product name. */
.micClarityBrand{display:inline-flex;align-items:center;gap:0!important;min-width:0;color:var(--cc-ink);text-decoration:none;white-space:nowrap}
.aotoBrandLogo{display:flex;align-items:center;width:52px;flex:0 0 52px}
.aotoBrandLogo img{display:block;width:100%;height:auto;object-fit:contain}
.micBrandDivider{display:block;width:1px;height:18px;margin:0 8px!important;background:rgba(17,23,34,.13);flex:0 0 1px}
.micClarityBrandMark{display:block;width:28px;min-width:28px;height:28px;margin-right:7px!important;padding:0;overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none;flex:0 0 28px}
.micClarityBrandMark img{display:block;width:100%;height:100%;object-fit:contain}
.micClarityBrandName{display:block;margin-left:0!important;font-size:15px;font-weight:620;line-height:1.08;letter-spacing:-.018em;white-space:nowrap}
.micClarityBrandEndorsement{display:block;margin-top:3px;color:var(--cc-muted);font-size:10px;font-weight:510;line-height:1.1;letter-spacing:.02em;white-space:nowrap}

/* Header and navigation */
.top{height:68px;border:0;background:rgba(255,255,255,.90);box-shadow:0 1px 0 var(--cc-line);backdrop-filter:blur(22px) saturate(1.08);-webkit-backdrop-filter:blur(22px) saturate(1.08)}
.top.scrolled{background:rgba(255,255,255,.97);box-shadow:0 10px 30px rgba(17,23,34,.045)}
body[data-region] .topin{max-width:1360px;min-height:68px!important;margin-inline:auto;padding:0 32px!important;grid-template-columns:260px minmax(0,1fr) auto;gap:20px}
body[data-region] .top.scrolled .topin{padding-block:0!important}
.top .nav{height:46px;gap:24px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
.top .nav::before{display:none}
.top .nav a{position:relative;display:inline-flex;min-height:46px;align-items:center;justify-content:center;padding:0;border:0;border-radius:0;background:transparent;color:var(--cc-muted);font-size:13.5px;font-weight:510;box-shadow:none}
.top .nav a::after{content:"";position:absolute;left:50%;bottom:2px;width:0;height:2px;border-radius:2px;background:var(--cc-blue);transform:translateX(-50%);transition:width .22s var(--cc-ease)}
.top .nav a:hover,.top .nav a.active{color:var(--cc-ink);background:transparent}
.top .nav a.active{color:var(--cc-ink)!important;font-weight:620}
.top .nav a.active::after{width:18px}
.regiontools{gap:7px}
.moreTrigger,.regionTrigger,.quickSearch.searchTrigger,.aotoIdentityButton,.aotoIdentityLogin{min-height:40px;border:0;border-radius:12px;background:transparent;color:var(--cc-copy);box-shadow:none}
.moreTrigger:hover,.regionTrigger:hover,.quickSearch.searchTrigger:hover,.aotoIdentityButton:hover,.aotoIdentityLogin:hover{background:rgba(17,23,34,.045);color:var(--cc-ink)}
.moreTrigger.active{background:rgba(49,92,246,.075);color:var(--cc-blue)}
.morePanel,.regionPanel,.resourcePanel{padding:7px;border:0;border-radius:14px;background:#fff;box-shadow:var(--cc-shadow-float)}
.morePanel a,.regionOption,.resourcePanel a{min-height:38px;border-radius:9px;color:var(--cc-copy);font-size:12.5px}
.morePanel a:hover,.regionOption:hover,.resourcePanel a:hover{background:var(--cc-soft);color:var(--cc-ink)}
.regionOption.active{background:rgba(49,92,246,.06);color:var(--cc-blue)}
.resourceMenu{display:none}

/* Calm editorial surfaces. Borders are reserved for controls and evidence. */
:where(.weeklyPriorityShell,.industryOpportunityShell,.competitiveField,.homeBriefing,.jpDashboardPilot,.mrV12Page,.caseLibraryPage,.piShell){border:0;background:transparent;box-shadow:none;filter:none}
:where(.signal,.item,.comp,.casecard,.caseInventoryCard,.competitorActionCard,.marketReportCard,.emEventCard,.report,.framework,.source,.direction,.oiIndustryCard,.oiAccountCard,.oiOpportunityCard,.piCard,.piPanel,.jpcard,.panel,.sidebox,.intelInsight,.case,.metabox,.sourceRegistryCard,.battlecard,.opportunityCard,.opportunityRadarCard,.enablementCard){border:0;background:#fff;box-shadow:var(--cc-shadow-card)}
:where(.signal,.item,.comp,.casecard,.caseInventoryCard,.competitorActionCard,.marketReportCard,.emEventCard,.report,.oiIndustryCard,.oiAccountCard,.oiOpportunityCard,.piCard,.jpcard,.battlecard,.opportunityCard):hover{box-shadow:0 20px 52px rgba(26,39,73,.085);transform:translateY(-2px)}
.detailhero,.intelDetail,.caseSummary,.caseVisualBlock{border:0;background:#fff;box-shadow:var(--cc-shadow-card)}
.detailhero::after{display:none}
.caseLibraryControls,.mrReportToolbar,.mrReportGroup,.mrReportHeroPanel{border:0}
.caseLibraryControls,.mrReportToolbar{background:#fff;box-shadow:0 12px 38px rgba(26,39,73,.045)}
.mrReportGroup,.mrReportHeroPanel{box-shadow:var(--cc-shadow-card)}
.eyebrow,.sectionLabel{color:var(--cc-blue);font-size:var(--cc-type-eyebrow)!important;font-weight:var(--cc-weight-semibold);line-height:1.45!important;letter-spacing:.16em}
.eyebrow::before,.sectionLabel::before{background:var(--cc-blue);box-shadow:none}

/* Controls */
:where(.pill,.chip,.filter,.casefilter,.commandTag,.piTab,.statusChip,.caseLibraryFilter,.caseLibraryTimeFilter){border:1px solid var(--cc-line);background:rgba(255,255,255,.78);color:var(--cc-copy);box-shadow:none}
:where(.pill,.chip,.filter,.casefilter,.commandTag,.piTab,.statusChip,.caseLibraryFilter,.caseLibraryTimeFilter).active{border-color:rgba(49,92,246,.14);background:rgba(49,92,246,.07);color:var(--cc-blue);box-shadow:none}
.btn.primary,.submit,.presentationBtn.primary,.aotoIdentityPrimary,.heroCtas .filter:first-child{border-color:var(--cc-blue);background:var(--cc-blue);color:#fff;box-shadow:0 10px 26px rgba(49,92,246,.18)}
.btn.primary:hover,.submit:hover,.aotoIdentityPrimary:hover,.heroCtas .filter:first-child:hover{background:#284ed9;transform:translateY(-1px)}
.btn:not(.primary){border-color:var(--cc-line);background:#fff;color:var(--cc-copy);box-shadow:none}
:where(.filter,.casefilter,.rangeBtn,.btn,.submit,.presentationBtn,.moreTrigger,.regionTrigger,.quickSearch.searchTrigger,.globalSearchAction,.globalSearchTab,.searchTimeTab,.drawerFilter,.drawerQuickLink,.heroCta,.heroQuickLink,.homeCta,.japanHeroCta,.caseBackBtn,.caseLibraryFilter,.caseLibraryTimeFilter,.caseLibraryExpandAll,.compHeatTab,.compOsTab,.competitorProductTab,.productInsightTab,.piTab,.piCompareTab,.candidateTab,.emTab,.emTeamTab,.emMaterialFilter,.mrBtn,.mrV4Btn,.mrV5Btn,.mrV6Btn,.mrV12Btn,.mrV12NavBtn,.mrSourceFilter,.mrViewTab,.searchBtn,.navBtn,.aotoIdentityLogin,.aotoShareTrigger,.copyIntelBtn,.intelRelatedLink){box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;text-align:center;vertical-align:middle}
body[data-region] :where(.filter,.casefilter,.rangeBtn,.btn,.submit,.presentationBtn,.moreTrigger,.regionTrigger,.quickSearch.searchTrigger,.globalSearchAction,.globalSearchTab,.searchTimeTab,.drawerFilter,.drawerQuickLink,.heroCta,.heroQuickLink,.homeCta,.japanHeroCta,.caseBackBtn,.caseLibraryFilter,.caseLibraryTimeFilter,.caseLibraryExpandAll,.compHeatTab,.compOsTab,.competitorProductTab,.productInsightTab,.piTab,.piCompareTab,.candidateTab,.emTab,.emTeamTab,.emMaterialFilter,.mrBtn,.mrV4Btn,.mrV5Btn,.mrV6Btn,.mrV12Btn,.mrV12NavBtn,.mrSourceFilter,.mrViewTab,.searchBtn,.navBtn,.aotoIdentityLogin,.aotoShareTrigger,.copyIntelBtn,.intelRelatedLink,.piHomeEntry){font-size:var(--cc-type-control)!important;font-weight:var(--cc-weight-semibold)!important;line-height:1.35!important;letter-spacing:-.01em}
:where(.close,.drawerClose,.searchDrawerClose,.micQuickClose,.aotoIdentityClose,.mediaPreviewClose){display:inline-flex;width:42px;min-width:42px;height:42px;min-height:42px;align-items:center;justify-content:center;padding:0;border:1px solid var(--cc-line);border-radius:50%;background:#fff;color:var(--cc-copy);box-shadow:none;aspect-ratio:1}
.morePanel a,.regionOption,.resourcePanel a{box-sizing:border-box;display:flex;align-items:center;justify-content:flex-start}

/* Search, drawers and identity */
#drawer,.drawer,.searchDrawer,.micQuickMask{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.drawerpanel,.searchDrawer,.micQuickPanel,.aotoIdentityPanel{border:0;background:var(--cc-soft);box-shadow:var(--cc-shadow-float)}
.searchDrawerModes{border:0;background:#edf1f7}
.searchDrawerMode.active{background:#fff;color:var(--cc-ink);box-shadow:none}
.searchDrawerInputLine{border:1px solid var(--cc-line-strong);background:#fff;box-shadow:none}
.aotoIdentityPanel{z-index:310;width:min(316px,calc(100vw - 24px));border-radius:25px}
.micIdentityLinks{display:none}
body.aoto-identity-open .moreMenu .morePanel,body.aoto-identity-open .regionMenu .regionPanel,body.aoto-identity-open .resourceMenu .resourcePanel{display:none;visibility:hidden;opacity:0;pointer-events:none}
.aotoIdentityMeta,.aotoAvatarSection,.aotoIdentityDeveloper{border-color:var(--cc-line);background:#fff}
.aotoAvatarChoice.active{border-color:var(--cc-blue);box-shadow:var(--cc-focus)}

/* Dark-surface readability contract. Legacy modules previously relied on
   inherited white text. The global type normalization above assigns ink
   directly to headings and emphasis, so every registered dark surface must
   explicitly restore a high-contrast title and copy palette here. Keep this
   block after the global heading/strong rules. */
:where(
  .compOsFocus,.competitorTrustGrid>div:first-child,.competitorActionReadout,
  .piResponse,.piEntryMain,.piEvidencePack,.piAotoMove,.piResearchLauncher,
  .piDetailFooter,.piHomeThesis,.askActionCard,
  .emHero,.emHoursCard,.emMaterialTips,.emSharePreview,.emMaterialsToggleCue,
  .oiNetworkLayer,.jprProof figcaption,.jprConclusionGrid article,
  .mrLogicCard.dark,.mrV10Slide.dark
){color:#f7f9ff}
:where(
  .compOsFocus,.competitorTrustGrid>div:first-child,.competitorActionReadout,
  .piResponse,.piEntryMain,.piEvidencePack,.piAotoMove,.piResearchLauncher,
  .piDetailFooter,.piHomeThesis,.askActionCard,
  .emHero,.emHoursCard,.emMaterialTips,.emSharePreview,.emMaterialsToggleCue,
  .oiNetworkLayer,.jprProof figcaption,.jprConclusionGrid article,
  .mrLogicCard.dark,.mrV10Slide.dark
) :where(h1,h2,h3,h4,h5,h6,strong,b){color:#f7f9ff!important}
:where(
  .compOsFocus,.competitorTrustGrid>div:first-child,.competitorActionReadout,
  .piResponse,.piEntryMain,.piEvidencePack,.piAotoMove,.piResearchLauncher,
  .piDetailFooter,.piHomeThesis,.askActionCard,
  .emHero,.emHoursCard,.emMaterialTips,.emSharePreview,.emMaterialsToggleCue,
  .oiNetworkLayer,.jprProof figcaption,.jprConclusionGrid article,
  .mrLogicCard.dark,.mrV10Slide.dark
) :where(p,li,dd){color:#d5ddeb}
.compOsFocus .compOsFact span{color:#c5cfde}
.emHoursCard>span,.emHoursCard small{color:#c2cee0}
.emHoursCard p b{color:#eef4ff!important}

/* Product insight and analytical graphics */
.piShell{--pi-blue:var(--cc-blue)}
.piHero,.piLanding,.piWorkspace,.piOverview,.productInsightPage{border:0;background:transparent;box-shadow:none}
.piHero::before,.piLanding::before{background:radial-gradient(circle,rgba(56,200,234,.15),rgba(150,135,236,.07) 48%,transparent 72%);filter:blur(8px)}
.piTab.active,.productInsightTab.active{background:rgba(49,92,246,.08);color:var(--cc-blue)}
.chartBar,.barFill,.sparkFill{background:linear-gradient(180deg,var(--cc-blue),var(--cc-violet))}
.chartLine,.sparkLine{stroke:var(--cc-blue)}

/* Operations and open entry. Login intentionally stays on the V1.6 layout. */
body.mic-open{background:var(--cc-canvas)}
body.mic-open .accessCard{border:0;background:#fff;box-shadow:var(--cc-shadow-float);backdrop-filter:none}
body.mic-open .scope{border:0;background:var(--cc-soft)}
body.mic-admin{background:var(--cc-canvas)}
body.mic-admin .sidebar{border:0;background:#fff;box-shadow:8px 0 34px rgba(17,23,34,.035)}
body.mic-admin .topbar{border:0;background:rgba(255,255,255,.94);box-shadow:0 8px 28px rgba(17,23,34,.035)}
body.mic-admin .sidebar .micClarityBrand{width:100%;margin-inline:2px;overflow:visible}
body.mic-admin .sidebar .aotoBrandLogo{width:42px;flex-basis:42px}
body.mic-admin .sidebar .micBrandDivider{height:18px;margin-inline:7px}
body.mic-admin .sidebar .micClarityBrandMark{width:22px;min-width:22px;height:22px;flex-basis:22px;margin-right:6px}
body.mic-admin .sidebar .micClarityBrandName{font-size:12.5px}
body.mic-admin .sidebar .micClarityBrandEndorsement{font-size:9px;font-weight:510;letter-spacing:0}
body.mic-admin :where(.navBtn,.navBadge,.btn,.role,.chip,.eyebrow,.navGroupLabel,th,.field span){font-weight:510}
body.mic-admin .navBtn.active,body.mic-admin .btn.primary{font-weight:620}
body.mic-admin .navBtn.active{background:rgba(49,92,246,.07);color:var(--cc-blue)}
body.mic-admin .opsHead,body.mic-admin .publishPanel,body.mic-admin .workflowPanel,body.mic-admin .panel{border:0;background:#fff;box-shadow:var(--cc-shadow-card)}
body.mic-admin .chip.green{color:#25875a}
body.mic-admin .chip.gold,body.mic-admin .chip.orange{color:#a86a12}
body.mic-admin .chip.red{color:#c44848}
body.mic-admin .chip.blue{color:var(--cc-blue)}

.micConvergenceBackTop{position:fixed;right:22px;bottom:24px;z-index:170;display:grid;width:44px;height:44px;place-items:center;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.96);color:var(--cc-copy);box-shadow:var(--cc-shadow-card);opacity:0;pointer-events:none;transform:translateY(8px)}
.micConvergenceBackTop.is-visible{opacity:1;pointer-events:auto;transform:none}
.micConvergenceBackTop:hover{color:var(--cc-blue);transform:translateY(-2px)}

/* Semantic typography contract. This layer is intentionally last: all V1.6
   modules now share one scale even when their historical CSS used different
   clamp values or hard-coded weights. */
.hero h1,#brief .hero h1{font-size:var(--cc-type-display)!important;line-height:1.035!important;font-weight:var(--cc-weight-semibold)!important;letter-spacing:-.048em!important}
body[data-region] :where(.caseLibraryTitle,.marketReportTitle h1,.eventMarketingTitle h1,.piHero h1,.piLanding h1,.intelDetail h1,.detailhero h1){font-size:var(--cc-type-page)!important;line-height:1.08!important;font-weight:var(--cc-weight-semibold)!important;letter-spacing:-.04em!important}
body[data-region] .mrReportLibraryTop h2,
body[data-region] .emIndexHead h2{font-size:var(--cc-type-page)!important;line-height:1.08!important;font-weight:var(--cc-weight-semibold)!important;letter-spacing:-.04em!important}
body[data-region] :where(.head h2,.sectionHead h2,.blockhead h2,.caseLibraryTop h2,.piHomePreviewHead h2,.mrReportGroup>header h2,.emSectionHead h2,.intelSectionHead h2){font-size:var(--cc-type-section)!important;line-height:var(--cc-leading-heading)!important;font-weight:var(--cc-weight-semibold)!important;letter-spacing:-.035em!important}
/* Homepage editorial heads used stronger historical selectors. Register them
   explicitly so the same semantic H2 cannot drift back to 40–52px. */
body.hviAppleEditorial #signals>.head h2,
body.hviAppleEditorial #competitors>.head h2,
body.hviAppleEditorial #cases>.head h2,
body.hviAppleEditorial .hviEditorialHead h2{font-size:var(--cc-type-section)!important;line-height:var(--cc-leading-heading)!important;font-weight:var(--cc-weight-semibold)!important;letter-spacing:-.035em!important}
body[data-region] .piExecutivePanel h2,
body[data-region] .piLandingHead h2,
body[data-region] .jpVisualHead h2,
body[data-region] .jpPulseHead h2,
body[data-region] .jpBattleHead h2,
body[data-region] .jpOpsTop h2,
body[data-region] .jpSegmentHead h2,
body[data-region] .jpFieldHead h2{font-size:var(--cc-type-section)!important;line-height:var(--cc-leading-heading)!important;font-weight:var(--cc-weight-semibold)!important;letter-spacing:-.035em!important}
body[data-region] :where(.weeklyVisualCard h3,.hviFeatureCard h3,.featured h3,.lead h3){font-size:var(--cc-type-feature)!important;line-height:1.12!important;font-weight:var(--cc-weight-semibold)!important;letter-spacing:-.03em!important}
body[data-region] :where(.piHomeThesis h3,.piHomePriority h3,.compgrid h3,.library h3,.item h3,.jpcard h3,.casecard h3,.oiIndustryCard h3,.marketReportCard h3,.emEventCard h3){font-size:var(--cc-type-card)!important;line-height:1.35!important;font-weight:var(--cc-weight-semibold)!important;letter-spacing:-.025em!important}
body[data-region] :where(.piHomePreviewHead p,.head p,.sectionHead p,.blockhead p){font-size:var(--cc-type-body-sm)!important;line-height:1.7!important;font-weight:var(--cc-weight-regular)!important}
body[data-region] :where(.updated,.meta,.sourceMeta,.cardMeta,.eyebrow,.sectionLabel,.piKicker,.piHomeKicker){font-family:var(--cc-font)!important}
body[data-region] .heroCtas .filter,
body[data-region] .piHomeEntry{font-size:var(--cc-type-control)!important;font-weight:var(--cc-weight-semibold)!important;line-height:1.35!important}

@media(max-width:1180px){
  body[data-region] .topin{padding:0 24px!important;grid-template-columns:230px minmax(0,1fr) auto;gap:14px}
  .top .nav{gap:17px}
  body:not(.mic-login):not(.mic-open):not(.mic-admin)>main{padding-inline:24px}
}

@media(max-width:820px){
  :root{
    --header-height:56px;
    --mx-bottom-nav:70px;
    --cc-type-display:clamp(34px,9.3vw,40px);
    --cc-type-page:clamp(30px,8vw,36px);
    --cc-type-section:clamp(24px,6.8vw,28px);
    --cc-type-feature:clamp(22px,6vw,26px);
    --cc-type-card:18px;
    --cc-type-body-lg:16px;
    --cc-type-body:15px;
    --cc-type-body-sm:13.5px;
    --cc-type-control:13px;
    --mic-type-display:var(--cc-type-display);
    --mic-type-title-lg:var(--cc-type-section);
  }
  body:not(.mic-login):not(.mic-open):not(.mic-admin){padding-top:var(--header-height)}
  body:not(.mic-login):not(.mic-open):not(.mic-admin)>main{padding:14px 18px calc(var(--mx-bottom-nav) + 34px)}
  .top{height:56px!important}
  body[data-region] .topin{min-height:56px!important;padding:0 14px!important;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:56px!important;gap:8px}
  .top .micClarityBrand{max-width:190px;overflow:visible}
  .top .aotoBrandLogo{width:42px;flex-basis:42px}
  .top .micBrandDivider{height:18px;margin:0 7px}
  .top .micClarityBrandMark{width:22px;min-width:22px;height:22px;flex-basis:22px;margin-right:6px}
  .top .micClarityBrandName{font-size:12.5px;letter-spacing:-.025em}
  .top .brand.micClarityBrand .micClarityBrandName{display:block!important;overflow:visible!important;text-overflow:clip!important}
  .micClarityBrandEndorsement{display:none}
  .regiontools{gap:4px}
  .regionTrigger,.quickSearch.searchTrigger,#aotoUserMount .aotoIdentityButton,#aotoUserMount .aotoIdentityLogin{width:36px;min-width:36px;height:36px;min-height:36px;padding:0;border-radius:12px}
  .regionTrigger{width:auto;min-width:48px;padding:0 7px}
  #aotoUserMount .aotoIdentityButton{border-radius:50%}
  .hero h1,#brief .hero h1{font-size:var(--cc-type-display)!important;line-height:1.06!important;letter-spacing:-.046em!important}
  h1{font-size:var(--cc-type-page)!important;line-height:1.12!important}h2{font-size:var(--cc-type-section)!important;line-height:1.2!important}h3{font-size:var(--cc-type-card)!important;line-height:1.35!important}
  p,li{font-size:max(14px,1em);line-height:1.65}
  :where(.signal,.item,.comp,.casecard,.caseInventoryCard,.competitorActionCard,.marketReportCard,.emEventCard,.report,.oiIndustryCard,.oiAccountCard,.piCard,.jpcard):hover{transform:none;box-shadow:var(--cc-shadow-card)}
  .drawerpanel{width:100vw;max-width:none;border-radius:0;padding:16px}
  :where(.filter,.caseLibraryFilter,.caseLibraryTimeFilter,.caseLibraryExpandAll){min-height:44px}
  .micMobileBottomNav{left:10px;right:10px;bottom:max(7px,env(safe-area-inset-bottom));min-height:64px;padding:5px 8px;border:0;border-radius:22px;background:rgba(255,255,255,.96);box-shadow:0 14px 42px rgba(17,23,34,.11);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
  .micMobileBottomNav a{min-height:54px;gap:3px;align-items:center;justify-content:center;border-radius:15px;background:transparent;color:var(--cc-muted);box-shadow:none;text-align:center}
  .micMobileNavIcon,.micMobileNavIcon svg{width:22px;height:22px;color:currentColor;filter:none;transform:none}
  .micMobileBottomNav a span{font-size:10.5px;font-weight:510}
  .micMobileBottomNav a.active{background:rgba(49,92,246,.065);color:var(--cc-blue)}
  .micMobileBottomNav a.active .micMobileNavIcon{filter:none;transform:none}
  .micMobileBottomNav a.active span{font-weight:620}
  .micMobileBottomNav a.active::after{display:none}
  .micMobileAction{right:14px;width:48px;min-width:48px;height:48px;min-height:48px;background:var(--cc-blue);box-shadow:0 12px 28px rgba(49,92,246,.24)}
  .micConvergenceBackTop{display:none}
  .aotoIdentityPanel{top:62px;right:8px;width:min(316px,calc(100vw - 24px));max-height:calc(100dvh - 78px - var(--mx-bottom-nav) - env(safe-area-inset-bottom))}
  .jpOpportunityRank{min-width:60px}
  :where(.signal,.item,.comp,.casecard,.caseInventoryCard,.competitorActionCard,.marketReportCard,.emEventCard,.report,.oiIndustryCard,.oiAccountCard,.piCard,.jpcard){border-radius:20px}
}

@media(max-width:380px){
  .top .aotoBrandLogo{width:40px;flex-basis:40px}
  .top .micBrandDivider{margin-inline:6px}
  .top .micClarityBrandMark{width:20px;min-width:20px;height:20px;flex-basis:20px;margin-right:5px}
  .top .micClarityBrandName{font-size:11.5px}
}

@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto;animation-duration:.01ms;animation-iteration-count:1;transition-duration:.01ms}}