#analysisOverview { margin: 0 0 28px; color: #252437; }
#analysisOverview[hidden] { display: none; }
#analysisOverview .analysis-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; margin: 0 0 20px; }
#analysisOverview .analysis-eyebrow { margin: 0 0 7px; color: #797181; font-size: 11px; font-weight: 650; letter-spacing: .075em; text-transform: uppercase; }
#analysisOverview h2 { margin: 0; font-size: clamp(21px, 2vw, 27px); font-weight: 650; letter-spacing: -.035em; line-height: 1.25; }
#analysisOverview .analysis-explanation { max-width: 64ch; margin: 9px 0 0; color: #61586c; font-size: 13px; line-height: 1.6; }
#analysisOverview .analysis-range { margin: 8px 0 0; color: #797181; font-size: 12px; line-height: 1.5; }
#analysisOverview .analysis-filter { flex: 0 0 auto; }
#analysisOverview .analysis-summary { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: 26px; margin-bottom: 18px; padding: 24px; border: 1px solid #e7def2; border-radius: 15px; background: #fbf9fe; }
#analysisOverview .analysis-summary h3 { font-size: 22px; line-height: 1.35; color: #393044; }
#analysisOverview .analysis-summary h4, #analysisOverview .analysis-priorities h4 { margin: 0; color: #4e465d; font-size: 14px; line-height: 1.5; }
#analysisOverview .analysis-summary p, #analysisOverview .analysis-next p { margin: 7px 0 0; font-size: 13px; line-height: 1.6; color: #61586c; overflow-wrap: anywhere; }
#analysisOverview .analysis-summary .analysis-eyebrow { margin-top: 0; font-size: 11px; }
#analysisOverview .analysis-summary .analysis-evidence, #analysisOverview .analysis-summary .analysis-comparison-limit { font-size: 12px; color: #726681; }
#analysisOverview .analysis-progress { padding-left: 24px; border-left: 1px solid #e7def2; }
#analysisOverview .analysis-next { padding: 22px 24px; margin: 0 0 24px; border: 1px solid #eeebf2; border-radius: 15px; background: #fff; }
#analysisOverview .analysis-section-heading { margin: 0 0 16px; }
#analysisOverview .analysis-section-heading h3 { font-size: 17px; color: #393044; }
#analysisOverview .analysis-section-heading p { max-width: 85ch; margin: 6px 0 0; color: #61586c; font-size: 12px; line-height: 1.6; }
#analysisOverview .analysis-priorities { list-style: none; margin: 16px 0; padding: 0; }
#analysisOverview .analysis-priorities li { display: flex; gap: 12px; padding: 14px 0; }
#analysisOverview .analysis-priorities li + li { border-top: 1px solid #f1eef4; }
#analysisOverview .analysis-priorities li > div { min-width: 0; }
#analysisOverview .analysis-action-number { flex: 0 0 27px; height: 27px; display: grid; place-items: center; border-radius: 50%; background: #f2ebfb; color: #7953a2; font-size: 12px; font-weight: 650; }
#analysisOverview .analysis-priorities .analysis-affected-page { color: #797181; font-size: 11px; }
#analysisOverview .analysis-priorities button { margin-top: 10px; }
#analysisOverview .analysis-next button { min-height: 40px; border: 0; border-radius: 8px; padding: 8px 12px; color: #7953a2; background: #f6f1fc; font: inherit; font-size: 12px; font-weight: 600; cursor: pointer; }
#analysisOverview .analysis-next .analysis-primary-action { background: #7650a2; color: #fff; }
#analysisOverview :is(.analysis-measurements, .analysis-disclosure) { margin: 0 0 24px; border: 1px solid #eeebf2; border-radius: 12px; background: #fff; }
#analysisOverview :is(.analysis-measurements, .analysis-disclosure) summary { padding: 15px 19px; color: #4e465d; font-size: 14px; font-weight: 600; cursor: pointer; }
#analysisOverview :is(.analysis-measurements, .analysis-disclosure) summary span { display: block; margin: 5px 0 0 16px; color: #797181; font-size: 12px; font-weight: 400; }
#analysisOverview :is(.analysis-measurements, .analysis-disclosure) summary:focus-visible { outline: 3px solid #c4b5fd; outline-offset: 3px; }
#analysisOverview .analysis-measurements-body { padding: 0 19px 17px; }
#analysisOverview .analysis-measurements-body section { padding: 15px 0; border-top: 1px solid #f1eef4; }
#analysisOverview :is(.analysis-measurements, .analysis-disclosure) h4 { margin: 0 0 6px; font-size: 14px; color: #4e465d; }
#analysisOverview :is(.analysis-measurements, .analysis-disclosure) p { margin: 7px 0 0; color: #61586c; font-size: 12px; line-height: 1.6; overflow-wrap: anywhere; }
#analysisOverview :is(.analysis-measurements, .analysis-disclosure) button { border: 0; padding: 0; background: none; color: #7953a2; font: inherit; font-size: 12px; font-weight: 600; text-decoration: underline; cursor: pointer; }
#analysisOverview select { appearance: auto; min-height: 40px; max-width: 100%; padding: 8px 12px; border: 1px solid #e7e4eb; border-radius: 9px; background: #fff; color: #615b6d; font: inherit; font-size: 12px; cursor: pointer; }
#analysisOverview select:focus-visible, #analysisOverview button:focus-visible { outline: 3px solid #c4b5fd; outline-offset: 3px; }
#analysisOverview .analysis-cards { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
#analysisOverview .analysis-card { min-width: 0; padding: 22px 24px 16px; border: 1px solid #eeebf2; border-radius: 15px; background: #fff; box-shadow: 0 3px 12px rgb(49 37 74 / 2%); }
#analysisOverview .analysis-purple { --analysis-accent: #9a62d7; }
#analysisOverview .analysis-green { --analysis-accent: #3f9477; }
#analysisOverview .analysis-rose { --analysis-accent: #d97493; }
#analysisOverview .analysis-blue { --analysis-accent: #718bb9; }
#analysisOverview .analysis-card-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; }
#analysisOverview h3 { margin: 0; color: #4e465d; font-size: 14px; font-weight: 600; line-height: 1.4; }
#analysisOverview .analysis-card-head p { margin: 5px 0 0; color: #797181; font-size: 12px; line-height: 1.5; }
#analysisOverview .analysis-change { flex: 0 0 auto; margin-top: 1px; padding: 4px 7px; border-radius: 5px; font-size: 10px; font-weight: 600; line-height: 1.4; background: #f5f3f7; color: #746b7f; }
#analysisOverview .analysis-change.positive { background: #edf8f3; color: #387c61; }
#analysisOverview .analysis-change.negative { background: #fff0f3; color: #b35874; }
#analysisOverview .analysis-value { margin: 15px 0 2px; color: var(--analysis-accent); font-size: clamp(34px, 3.5vw, 43px); font-weight: 550; letter-spacing: -.045em; line-height: 1.2; }
#analysisOverview .analysis-value span { margin-left: 5px; color: #797181; font-size: 14px; font-weight: 400; letter-spacing: 0; }
#analysisOverview .analysis-sparkline { margin: 2px 0 10px; }
#analysisOverview .analysis-sparkline svg { display: block; width: 100%; height: 76px; overflow: visible; }
#analysisOverview .analysis-sparkline polyline { fill: none; stroke: var(--analysis-accent); stroke-width: 2; stroke-linejoin: round; stroke-linecap: round; vector-effect: non-scaling-stroke; }
#analysisOverview .analysis-sparkline circle { fill: var(--analysis-accent); }
#analysisOverview .analysis-chart-guide { fill: none; stroke: #f1eef4; stroke-width: 1; }
#analysisOverview .analysis-chart-empty { display: flex; align-items: center; height: 86px; color: #797181; font-size: 11px; }
#analysisOverview .analysis-cards[data-empty="true"] .analysis-chart-empty,
#analysisOverview .analysis-cards[data-empty="true"] .analysis-card-foot { display: none; }
#analysisOverview .analysis-card-foot { display: flex; justify-content: space-between; gap: 12px; padding-top: 12px; border-top: 1px solid #f1eef4; color: #797181; font-size: 10px; line-height: 1.5; }
#analysisOverview .analysis-footnote { margin: 13px 2px 0; color: #797181; font-size: 11px; line-height: 1.6; }
#analysisOverview .analysis-notice { margin: 0 0 16px; padding: 13px 16px; border: 1px solid #e9e4f1; border-radius: 10px; background: #fbf9fe; color: #726681; font-size: 12px; line-height: 1.6; }
#analysisOverview .analysis-notice button { padding: 0; border: 0; background: none; color: #7953a2; font: inherit; font-weight: 650; text-decoration: underline; cursor: pointer; }
#analysisOverview .analysis-actions { display: flex; flex-wrap: wrap; gap: 4px 20px; margin-top: 5px; }
#analysisOverview .analysis-actions button { min-height: 36px; text-align: left; text-underline-offset: 3px; }
#analysisOverview .analysis-error { color: #875f71; background: #fff8fa; border-color: #f0e2e8; }
#analysisOverview .analysis-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
@media (max-width: 600px) {
  #analysisOverview .analysis-summary { grid-template-columns: minmax(0, 1fr); padding: 19px; gap: 17px; }
  #analysisOverview .analysis-progress { padding: 16px 0 0; border-left: 0; border-top: 1px solid #e7def2; }
  #analysisOverview .analysis-next { padding: 19px; }
  #analysisOverview .analysis-summary h3 { font-size: 20px; }
  #analysisOverview .analysis-heading { flex-wrap: wrap; gap: 12px; }
  #analysisOverview .analysis-eyebrow { font-size: 9px; }
  #analysisOverview h2 { font-size: 21px; }
  #analysisOverview .analysis-range { max-width: 240px; font-size: 11px; }
  #analysisOverview select { padding: 8px; font-size: 11px; }
  #analysisOverview .analysis-cards { grid-template-columns: minmax(0, 1fr); gap: 13px; }
  #analysisOverview .analysis-card { padding: 19px 19px 14px; }
  #analysisOverview .analysis-card-foot { flex-wrap: wrap; }
}
@media (prefers-reduced-motion: reduce) { #analysisOverview *, #analysisOverview *::before, #analysisOverview *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; } }

#analysisOverview .analysis-shared-pages { padding: 22px 24px; margin: 0 0 24px; border: 1px solid #eeebf2; border-radius: 15px; background: #fff; }
#analysisOverview .analysis-shared-pages p { margin: 7px 0 0; font-size: 13px; line-height: 1.6; color: #61586c; overflow-wrap: anywhere; }
#analysisOverview .analysis-shared-pages button { min-height: 40px; border: 0; border-radius: 8px; padding: 8px 12px; color: #7953a2; background: #f6f1fc; font: inherit; font-size: 12px; font-weight: 600; cursor: pointer; }

#analysisOverview :is(.analysis-measurements, .analysis-disclosure) { margin-top:16px; margin-bottom:16px; }
#analysisOverview .analysis-measurements-body > .analysis-shared-pages { margin:0; border:0; border-top:1px solid #eeeaf3; border-radius:0; padding:18px 0; }
#analysisOverview :is(.analysis-measurements, .analysis-disclosure) > summary { min-height:44px; overflow-wrap:anywhere; }
#analysisOverview :is(.analysis-measurements, .analysis-disclosure) > summary:focus-visible { outline:2px solid #6941ed !important; outline-offset:2px; }
