/* #335 + #338: shared DOM; flowing brand and compact sticky context row. */
#compact-exam-summary, .home-brand-context:empty { display: none; }
.plan-official h3, .plan-study h3 { margin: 0 0 12px; font-size: 1.125rem; color: var(--text-primary); }
.plan-full-name { margin: 0 0 12px; font-size: 1.125rem; color: var(--text-primary); }
.plan-card-heading, .plan-study-title-mobile { display: none; }
@media (min-width: 768px) {
  .plan-section-title { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
}
.plan-detail-facts { display: grid; gap: 16px; margin: 20px 0; }
.plan-detail-facts dd { overflow-wrap: anywhere; }
.plan-sources { display: grid; gap: 8px; font-size: .8125rem; }
.plan-sources a { color: var(--accent-light); overflow-wrap: anywhere; }
.plan-notice, .learn-plan-summary { color: var(--text-secondary); font-size: .8125rem; line-height: 1.65; }
.plan-overview { border-block: 1px solid var(--border-glass); padding: 16px 0; margin: 20px 0; }
.plan-overview summary { min-height: 44px; display: list-item; cursor: pointer; font-weight: 700; }
.plan-study { margin-top: 24px; }
.plan-return { margin-top: 24px; min-height: 44px; }
#stats-qr-plan { overflow: visible; height: auto; max-height: none; }
#stats-qr-plan > * { position: static; }
.learn-plan-summary { display: none; margin: 0 0 12px; }
@media (max-width: 767px) {
  /* overflow-x:hidden on body creates a non-scrolling sticky ancestor. */
  body.site-workspace-a { overflow-x: clip !important; overflow-y: visible !important; }
  .learn-plan-summary { display: block; }
  /* The plan owns its card padding; do not nest it inside another padded card. */
  body.site-workspace-a #stats-dashboard.qr-app--plan { padding: 0 !important; }
  body.site-workspace-a #stats-dashboard .qr-plan { margin-inline: 0 !important; padding-inline: 18px; }
  body.site-workspace-a #stats-dashboard .plan-return { order: 2; margin: 0 16px; align-self: flex-start; }
  body.site-workspace-a #stats-drilldown-head .qr-drilldown-back { min-height: 44px; }
  body.site-workspace-a #site-header { position: sticky; top: calc(-1 * var(--compact-brand-height, 48px)); padding-top: env(safe-area-inset-top, 0px); }
  body.site-workspace-a #site-header .site-header-shell,
  body.site-workspace-a #site-header #site-header-hero-band { padding: 0 !important; margin: 0 !important; }
  body.site-workspace-a #site-header .wire-a-header-top {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-areas: "brand brand" "cert date" !important;
    column-gap: 8px !important; row-gap: 4px !important; align-items: center !important;
    padding: 8px 12px 4px !important; min-height: 0; box-sizing: border-box;
  }
  body.site-workspace-a #site-header .wire-a-brand { grid-area: brand; margin: 0; min-width: 0; gap: 10px; }
  body.site-workspace-a #site-header .wire-a-brand-copy { display: block !important; flex: 1; min-width: 0; max-width: none; }
  body.site-workspace-a #site-header .site-header-app-title { display: block; font-size: 1.0625rem !important; line-height: 1.3 !important; }
  body.site-workspace-a #site-header .wire-a-brand-tagline { display: block !important; max-width: none !important; margin: 0 !important; font-size: .6875rem !important; line-height: 1.4 !important; }
  body.site-workspace-a #site-header .wire-a-brand-logo-frame { width: 36px; height: 36px; padding: 0; }
  body.site-workspace-a #site-header .wire-a-brand-logo { width: 36px; height: 36px; max-width: 100%; }
  body.site-workspace-a #site-header .wire-a-cert-top { grid-area: cert; width: 100%; max-width: none; min-width: 0; margin: 0; }
  body.site-workspace-a #site-header .header-pill-card {
    padding: 0 !important; min-height: 44px !important; border: 0 !important; border-radius: 0 !important;
    background: transparent !important; box-shadow: none !important; gap: 4px !important; width: 100%; min-width: 0;
  }
  body.site-workspace-a #site-header .header-pill-card-icon { display: none; }
  body.site-workspace-a #site-header .header-pill-card-body { min-width: 0; }
  body.site-workspace-a #site-header .header-pill-card-label { display: block !important; font-size: .6875rem !important; line-height: 1.4; letter-spacing: 0; }
  body.site-workspace-a #site-header .header-pill-card-value { display: flex; flex-wrap: wrap; gap: 3px; font-size: .9375rem !important; line-height: 1.4; white-space: normal; overflow: visible; }
  body.site-workspace-a #site-header .header-pill-card-value > * { font-size: inherit !important; white-space: normal; overflow: visible; text-overflow: clip; }
  body.site-workspace-a #site-header .wire-a-exam-center { display: none !important; }
  body.site-workspace-a #compact-exam-summary:not([hidden]) {
    grid-area: date; display: flex; flex-direction: column; align-items: flex-end; justify-content: center;
    gap: 2px; min-height: 44px; padding: 4px 0 4px 8px; margin: 0; border: 0;
    border-left: 1px solid var(--border-glass); border-radius: 0; background: transparent; color: var(--text-primary); cursor: pointer;
  }
  #compact-exam-summary span { font-size: .6875rem; line-height: 1.4; }
  #compact-exam-summary strong { font-size: .875rem; line-height: 1.4; color: var(--accent-light); }
  body.site-workspace-a #workspace-main-nav { padding-bottom: calc(5px + env(safe-area-inset-bottom, 0px)) !important; }
  body.site-workspace-a #workspace-main-nav .workspace-nav-btn { min-height: 52px !important; }
  body.site-workspace-a #workspace-main-nav .workspace-nav-label { overflow: visible; white-space: normal; }
  body.site-workspace-a .content-wrapper { padding-bottom: calc(var(--compact-nav-height, 64px) + 24px) !important; }
  body.site-workspace-a.compact-chrome-flow #site-header { position: static !important; }
  body.site-workspace-a.compact-chrome-flow #site-header .wire-a-header-top { grid-template-columns: minmax(0, 1fr) !important; grid-template-areas: "brand" "cert" "date" !important; }
  body.site-workspace-a.compact-chrome-flow #compact-exam-summary { justify-self: stretch; align-items: flex-start; }
  .content-wrapper :is(button, input, select, textarea, summary, a) { scroll-margin-top: calc(var(--compact-header-height, 80px) + 8px); scroll-margin-bottom: calc(var(--compact-nav-height, 64px) + 8px); }
  .plan-card-heading { display: block; padding-bottom: 16px; margin: 0; border-bottom: 1px solid var(--border-glass); }
  .plan-card-heading .qr-drilldown-title { font-size: 1.1875rem; margin: 0; }
  .plan-official .plan-section-title { font-size: 1rem; }
  .plan-full-name { font-size: 1rem; }
  .plan-study { border-top: 1px solid var(--border-glass); padding-top: 18px; }
  .plan-study-title-mobile { display: inline; }
  .plan-study-title-desktop { display: none; }
}