@import url("./typography-system-905.css");

/*
  JP906 — calmer type, clearer section rhythm, and menu-focus polish.
  The approved editorial headlines remain unchanged. Supporting type steps
  back by one pixel, while unrelated content groups gain one shared gap.
*/

:root{
  --ac-type-label:13px;
  --ac-type-meta:14px;
  --ac-type-compact:15px;
  --ac-type-body-sm:16px;
  --ac-type-body:17px;
  --ac-type-card-title:19px;
  --ac-type-section-title:23px;
  --ac-type-panel-title:31px;
  --ac-type-page-title:48px;
  --ac-space-related:14px;
  --ac-space-section:32px;
}

/* One page-level rhythm for every destination in the left navigation. */
body.jp-gilded-signal #analysisView>[id^="jpPanel-"]>.container>.gilded-page-lead{
  margin-bottom:var(--ac-space-section)!important;
}
body.jp-gilded-signal #analysisView>[id^="jpPanel-"]>.container>.panel{
  margin-bottom:0!important;
}
body.jp-gilded-signal #analysisView>[id^="jpPanel-"]>.container>.panel+.panel{
  margin-top:var(--ac-space-section)!important;
}
body.jp-gilded-signal #analysisView :where(#angleSwitcherBar,#summaryUpload,#summarySessions,#summarySpice):empty{
  display:none!important;
}

/* Start: its seven children are distinct sections; their inner grids stay close. */
body.jp-gilded-signal #startContent>.client-start{
  gap:0!important;
}
body.jp-gilded-signal #startContent>.client-start>*{
  margin-block:0!important;
}
body.jp-gilded-signal #startContent>.client-start>*+*{
  margin-top:var(--ac-space-section)!important;
}

/* Summary: media, talk metadata, transcript and analytical panels are separate. */
body.jp-gilded-signal #summaryLatestAnalysis>.summary-section-body>:not(:empty){
  margin-bottom:0!important;
}
body.jp-gilded-signal #summaryLatestAnalysis>.summary-section-body>:not(:empty)~:not(:empty){
  margin-top:var(--ac-space-section)!important;
}
body.jp-gilded-signal #summaryPanelsHost{
  gap:var(--ac-space-section)!important;
}
body.jp-gilded-signal #summaryPanelsHost>.panel{
  margin-bottom:0!important;
}

/* Delivery: video, coaching, result, growth, sessions and skill summaries. */
body.jp-gilded-signal #client110VideoHost:not(:empty)+#client110Content,
body.jp-gilded-signal #clientContentVideoHost:not(:empty)+#clientContentBody{
  margin-top:var(--ac-space-section)!important;
}
body.jp-gilded-signal #client110Content>.jp-subject-meta-strip,
body.jp-gilded-signal #client110Content>.jp-domain-coaching,
body.jp-gilded-signal #client110Content>.cert-wrap,
body.jp-gilded-signal #client110Content>.client110-growth-section,
body.jp-gilded-signal #client110Content>.client110-sessions-section,
body.jp-gilded-signal #client110Content>.delivery-summary-section,
body.jp-gilded-signal #client110Content>.jp-top5-grid{
  margin:0 0 var(--ac-space-section)!important;
}
body.jp-gilded-signal #client110Content>.jp-domain-coaching+div:empty{
  display:none!important;
}
body.jp-gilded-signal #client110Content>.client110-section-divider{
  display:none!important;
}
body.jp-gilded-signal #client110Content>.skill-category-header{
  margin-top:var(--ac-space-section)!important;
}
body.jp-gilded-signal #client110Content>.skill-category-header+.client-skill-card{
  margin-top:0!important;
}

/* Content and Mindset: cards remain internally compact, sections separate. */
body.jp-gilded-signal #clientContentBody>:not(:empty),
body.jp-gilded-signal #mlab-results>*{
  margin-bottom:0!important;
}
body.jp-gilded-signal #clientContentBody>:not(:empty)~:not(:empty),
body.jp-gilded-signal #mlab-results>*+*{
  margin-top:var(--ac-space-section)!important;
}

/* Shared hosts used by coach, profile, settings and specialist destinations. */
body.jp-gilded-signal #analysisView :where(
  #clientAudienceHost,
  .client-coaching-body,
  #jpPanel-profile>.container,
  #jpPanel-admin>.container,
  #jpPanel-users>.container,
  #jpPanel-teamStats>.container,
  #jpPanel-scoreTimeline>.container
)>.panel+.panel{
  margin-top:var(--ac-space-section)!important;
}

/* Remove the browser's blue focus rectangle from every left-menu control.
   Keyboard users retain a compact gold edge instead of a box around the row. */
body.jp-gilded-signal #analysisView .jp-analysis-topbar button:focus{
  outline:none!important;
}
body.jp-gilded-signal #analysisView .jp-analysis-topbar .jp-tab:not(.active):focus{
  box-shadow:none!important;
}
body.jp-gilded-signal #analysisView .jp-analysis-topbar .jp-tab:not(.active):focus-visible{
  box-shadow:inset 3px 0 var(--gilded-gold-bright)!important;
  color:var(--text)!important;
}
body.jp-gilded-signal #analysisView .jp-analysis-topbar .jp-tab.active:focus-visible{
  box-shadow:inset 3px 0 var(--teal),0 7px 18px rgba(0,0,0,.24)!important;
}

@media(max-width:820px){
  :root{--ac-space-section:24px}
}