/* ============================================================
   JP1013 — DELIVERY2 + START in the Content 2 language
   Namespace: .d2-*   Depends on: Gilded Signal 1001 tokens, content2.css
   Loaded after content2.css. Nothing here targets Summary or Delivery.
   ============================================================ */

/* ---------- chart wells (every tab): page ground + gold hairline ---------- */
#paceCanvas, #volCanvas, #sentimentCanvas, #fillerMapCanvas{
  outline: 1px solid rgba(228,186,97,.18); outline-offset: -1px; border-radius: 8px;
}

/* ---------- the written coaching line inside an adopted panel ----------
   Hidden everywhere; shown only while the panel sits on Delivery 2. */
.d2-coach{ display: none }
#jpPanel-clientDelivery2 .d2-coach{
  display: grid; grid-template-columns: 3px 1fr; gap: 14px;
  margin: 8px 0 18px; padding: 2px 0;
}
#jpPanel-clientDelivery2 .d2-coach i{ display: block; background: var(--gilded-teal, #5bd7c4); border-radius: 2px }
#jpPanel-clientDelivery2 .d2-coach p{ margin: 0; font: 600 15.5px/1.6 'Nunito Sans', system-ui, sans-serif; color: var(--text) }
#jpPanel-clientDelivery2 .d2-coach .ac-t{
  font: inherit; font-weight: 700; color: var(--gilded-gold, #e4ba61); background: none; border: 0; padding: 0; cursor: pointer;
  text-decoration: underline; text-decoration-color: rgba(228,186,97,.45); text-underline-offset: 3px;
}
/* the static helper line steps aside when a written line is present */
#jpPanel-clientDelivery2 .d2-has-coach > .auto-sub-help{ display: none }

/* ---------- Delivery 2 page ---------- */
#jpPanel-clientDelivery2 .d2-tab{ --ac-section-gap: 56px }
#jpPanel-clientDelivery2 .ac-section--coach{ --ac-accent: var(--gilded-teal, #5bd7c4); --ac-accent-dim: rgba(91,215,196,.14) }
#jpPanel-clientDelivery2 .d2-section--emotion{ --ac-accent: #f472b6; --ac-accent-dim: rgba(244,114,182,.14) }
#jpPanel-clientDelivery2 .d2-section--clarity{ --ac-accent: var(--gilded-blue, #91baff); --ac-accent-dim: rgba(145,186,255,.14) }
#jpPanel-clientDelivery2 .d2-section--language{ --ac-accent: var(--violet); --ac-accent-dim: rgba(209,180,255,.14) }
#jpPanel-clientDelivery2 .d2-section--steps{ --ac-accent: var(--gilded-gold, #e4ba61); --ac-accent-dim: rgba(228,186,97,.14) }

/* one collapse look everywhere: the Content 2 fold */
#jpPanel-clientDelivery2 .d2-fold{ --ac-accent: var(--gilded-teal, #5bd7c4); border-top: 1px solid rgba(228,186,97,.18); border-bottom: 1px solid rgba(228,186,97,.18); margin: 14px 0 }
#jpPanel-clientDelivery2 .d2-fold + .d2-fold{ border-top: 0; margin-top: -14px }
#jpPanel-clientDelivery2 .d2-fold .ac-fold__inner{ padding: 4px 0 22px }
#jpPanel-clientDelivery2 [data-d2-transcript-fold]{ margin: 6px 0 22px }

/* talk / score / level strip */
#jpPanel-clientDelivery2 #clientDelivery2TalkOverview{ margin: 0 0 8px }

/* the adopted panels take the Content 2 card: brown surface, gold hairline, 12px */
#jpPanel-clientDelivery2 .rhet-panel,
#jpPanel-clientDelivery2 .zone-chart-panel,
#jpPanel-clientDelivery2 .transcript-panel,
#jpPanel-clientDelivery2 .mc,
#jpPanel-clientDelivery2 .jp-subject-meta-card,
#jpPanel-clientDelivery2 #metricsSubHeader{
  background: var(--surface) !important; border: 1px solid rgba(228,186,97,.22) !important; border-radius: 12px !important; box-shadow: none !important;
}
#jpPanel-clientDelivery2 #metricsSubHeader{ padding: 18px 20px 6px; margin-bottom: 10px }
#jpPanel-clientDelivery2 .zone-chart-panel::before,
#jpPanel-clientDelivery2 .panel::before{ display: none }
#jpPanel-clientDelivery2 .rhet-panel h3,
#jpPanel-clientDelivery2 .zone-chart-panel h3,
#jpPanel-clientDelivery2 #metricsSubHeader h3{ font-family: 'Nunito Sans', system-ui, sans-serif !important; font-weight: 700 !important; font-size: 17px !important; margin: 0 }
#jpPanel-clientDelivery2 .rhet-panel > div:first-child,
#jpPanel-clientDelivery2 .zone-chart-header{ margin-bottom: 8px }
#jpPanel-clientDelivery2 .auto-sub-icon{ display: none }
#jpPanel-clientDelivery2 .d2-slot{ margin-bottom: 14px }
#jpPanel-clientDelivery2 .d2-slot:last-child{ margin-bottom: 0 }
#jpPanel-clientDelivery2 .d2-slot > *{ margin-bottom: 0 !important }
/* inner wells on the page ground */
#jpPanel-clientDelivery2 .rh,
#jpPanel-clientDelivery2 .rh-item,
#jpPanel-clientDelivery2 .pause-stat-card,
#jpPanel-clientDelivery2 .auto-sub-showall div{ background: var(--bg) !important; border: 1px solid rgba(228,186,97,.12) }

/* pieces that belong to the old page, not this one */
#jpPanel-clientDelivery2 .auto-sub-coach-icon-wrap{ display: none !important }   /* the purple light bulb — the line above replaces it */
#jpPanel-clientDelivery2 #sentimentTranscriptWrap{ display: none !important }    /* "Show Sentiment Transcript" */
#jpPanel-clientDelivery2 #aiObservationsRegen{ display: none !important }
#jpPanel-clientDelivery2 .transcript-hdr h3{ display: none }
#jpPanel-clientDelivery2 .transcript-hdr{ padding: 10px 20px }
#jpPanel-clientDelivery2 #aiObservationsPanel{ margin: 0 }
#jpPanel-clientDelivery2 #aiObservationsPanel .rhet-header h3{ display: none }
#jpPanel-clientDelivery2 #aiObservationsPanel .rhet-header{ margin-bottom: 0 }

/* the media dock frame sized like the Content tab's */
#jpPanel-clientDelivery2 .ac-dock__frame .video-preview video,
#jpPanel-clientDelivery2 .ac-dock__frame video{ width: 100%; max-height: 340px; border-radius: 12px; display: block; background: #000 }
#jpPanel-clientDelivery2 .ac-dock__frame .panel{ margin-top: 10px }

/* Top 5 / next skills under the coach message — unranked: no index, no 01/02 boxes */
#jpPanel-clientDelivery2 #clientDelivery2Feedback{ margin-top: 22px }
#jpPanel-clientDelivery2 .sf-list-number{ display: none !important }
#jpPanel-clientDelivery2 .sf-card-index{ display: none !important }
#jpPanel-clientDelivery2 .sf-skill-card{ grid-template-columns: 1fr !important }

/* 110STEPS section: strip visible, the list folded */
#jpPanel-clientDelivery2 #clientDelivery2Steps .jp-subject-meta-strip{ margin-bottom: 22px }
#jpPanel-clientDelivery2 #clientDelivery2Steps .sf-delivery{ margin-bottom: 8px }
#jpPanel-clientDelivery2 .client-skill-card,
#jpPanel-clientDelivery2 .client-focus-card{ background: var(--surface); border: 1px solid rgba(228,186,97,.18); border-radius: 12px }

/* ---------- Start page in the Content 2 language ---------- */
.gilded-start.d2-start .ac-section{ padding: 46px 0 8px }
.gilded-start.d2-start .ac-section:first-of-type{ padding-top: 8px }
.gilded-start.d2-start .ac-section--coach{ --ac-accent: var(--gilded-teal, #5bd7c4); --ac-accent-dim: rgba(91,215,196,.14) }
.gilded-start.d2-start .d2-section--signals{ --ac-accent: var(--gilded-gold, #e4ba61); --ac-accent-dim: rgba(228,186,97,.14) }
.gilded-start.d2-start .d2-section--growth{ --ac-accent: var(--gilded-teal, #5bd7c4); --ac-accent-dim: rgba(91,215,196,.14) }
.gilded-start.d2-start .d2-section--cert{ --ac-accent: var(--gilded-gold, #e4ba61); --ac-accent-dim: rgba(228,186,97,.14) }
.gilded-start.d2-start .client-start-panel,
.gilded-start.d2-start .client-start-cert-guide,
.gilded-start.d2-start .cert-wrap,
.gilded-start.d2-start .client110-growth-section,
.gilded-start.d2-start .client-start-stat-card{
  background: var(--surface) !important; border: 1px solid rgba(228,186,97,.22) !important; border-radius: 12px !important; box-shadow: none !important;
}
.gilded-start.d2-start .client110-growth-section h3{ display: none }
.gilded-start.d2-start .client110-growth-section{ margin: 0 0 18px !important }
.gilded-start.d2-start .client-start-section-label{ font-family: 'JetBrains Mono', ui-monospace, monospace; font-size: 11px; letter-spacing: .14em; text-transform: uppercase; color: var(--gilded-gold, #e4ba61) }
.gilded-start.d2-start .d2-h4{ font-family: 'Instrument Serif', Georgia, serif; font-weight: 400; font-size: 22px; margin: 0 0 6px; color: var(--text) }
.gilded-start.d2-start .jp-signal-dial-grid{ margin-top: 4px }
.gilded-start.d2-start .d2-signals .jp-signal-scorecard-header{ display: none }

/* Start: the sessions fold under the growth chart (JP1014) */
.gilded-start.d2-start .d2-fold{ --ac-accent: var(--gilded-teal, #5bd7c4); border-top: 1px solid rgba(228,186,97,.18); border-bottom: 1px solid rgba(228,186,97,.18); margin: 0 0 22px }
.gilded-start.d2-start .d2-fold .ac-fold__inner{ padding: 4px 0 18px }
.gilded-start.d2-start .d2-sessions-table{ width: 100%; border-collapse: collapse; font-size: 15px }
.gilded-start.d2-start .d2-sessions-table th{ text-align: left; padding: 8px; font: 800 11px/1 'Nunito Sans', system-ui, sans-serif; letter-spacing: .12em; text-transform: uppercase; color: var(--text-dim); border-bottom: 1px solid rgba(228,186,97,.18) }
.gilded-start.d2-start .d2-sessions-table th:first-child{ width: 34px }
.gilded-start.d2-start .d2-sessions-table th:last-child, .gilded-start.d2-start .d2-session-score{ text-align: right }
.gilded-start.d2-start .d2-sessions-table td{ padding: 10px 8px; border-bottom: 1px solid rgba(228,186,97,.09); vertical-align: middle }
.gilded-start.d2-start .d2-session-date{ font-family: 'JetBrains Mono', ui-monospace, monospace; font-size: 13px; color: var(--text-dim); white-space: nowrap }
.gilded-start.d2-start .d2-session-title{ color: var(--text); font-weight: 700 }
.gilded-start.d2-start .d2-session-score{ font-family: 'JetBrains Mono', ui-monospace, monospace; font-weight: 700; white-space: nowrap }
.gilded-start.d2-start .d2-session-row.is-off td{ opacity: .5 }
.gilded-start.d2-start .d2-session-row.is-off td:first-child{ opacity: 1 }
.gilded-start.d2-start .d2-sessions-note{ margin: 12px 0 0; color: var(--text-dim); font-size: 13px }

/* coach video tile beside the score */
.gilded-start .gilded-start-hero-grid.d2-hero-grid.has-video{ display: grid !important; grid-template-columns: 1.3fr .65fr .95fr !important; gap: 22px; align-items: start }
.gilded-start .gilded-start-hero-grid.d2-hero-grid.has-video .gilded-start-trajectory{ margin: 0 }
.gilded-start .gilded-start-hero-grid.d2-hero-grid.is-large{ grid-template-columns: 1.4fr .7fr !important }
.d2-coachvid{ display: flex; flex-direction: column; border: 1px solid rgba(228,186,97,.3); border-radius: 12px; overflow: hidden; background: #000 }
.d2-coachvid__frame{ position: relative; aspect-ratio: 16/9; background: #000 }
.d2-coachvid__frame video, .d2-coachvid__frame img{ display: block; width: 100%; height: 100%; object-fit: cover }
.d2-coachvid__play{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 54px; height: 54px; border-radius: 50%; background: rgba(18,14,11,.7); border: 1px solid var(--gilded-teal, #5bd7c4); cursor: pointer }
.d2-coachvid__play i{ position: absolute; left: 52%; top: 50%; transform: translate(-50%,-50%); width: 0; height: 0; border-left: 16px solid var(--gilded-teal, #5bd7c4); border-top: 10px solid transparent; border-bottom: 10px solid transparent }
.d2-coachvid.is-playing .d2-coachvid__play{ display: none }
.d2-coachvid__bar{ display: flex; justify-content: space-between; align-items: center; gap: 8px; padding: 8px 10px; background: var(--surface); font: 500 12px/1 'JetBrains Mono', ui-monospace, monospace; color: var(--text-dim) }
.d2-coachvid__btns{ display: flex; gap: 6px }
.d2-coachvid__btns button{ font: 600 11px/1 'JetBrains Mono', ui-monospace, monospace; color: var(--text-dim); background: transparent; border: 1px solid rgba(228,186,97,.35); border-radius: 999px; padding: 5px 9px; cursor: pointer }
.d2-coachvid__btns button:hover{ color: var(--text); border-color: var(--gilded-gold, #e4ba61) }
.d2-coachvid.is-large{ grid-column: 1 / -1; order: 5 }
@media (max-width: 900px){ .gilded-start .gilded-start-hero-grid.d2-hero-grid.has-video{ grid-template-columns: 1fr !important } }

/* ---------- Start: "Your Certification Level" result card (JP1015) ---------- */
.gilded-start.d2-start .d2-result-toggle{ display: flex; justify-content: center; gap: 8px; margin: 0 0 22px }
.gilded-start.d2-start .d2-result-toggle button{ font: 700 11px/1 'JetBrains Mono', ui-monospace, monospace; letter-spacing: .12em; text-transform: uppercase; color: var(--text-dim); background: transparent; border: 1px solid rgba(228,186,97,.35); border-radius: 999px; padding: 9px 14px; cursor: pointer }
.gilded-start.d2-start .d2-result-toggle button:hover{ color: var(--text); border-color: var(--gilded-gold, #e4ba61) }
.gilded-start.d2-start .d2-result-toggle button.is-on{ color: #120e0b; background: var(--gilded-gold, #e4ba61); border-color: var(--gilded-gold, #e4ba61) }
.gilded-start.d2-start .d2-result-sub{ font: 500 12px/1.4 'JetBrains Mono', ui-monospace, monospace; color: var(--text-dim); text-align: center; margin: -6px 0 10px }
.gilded-start.d2-start .d2-diploma-row{ display: flex; gap: 10px; flex-wrap: wrap; justify-content: center; margin: 18px auto 4px }
.gilded-start.d2-start #startResultCard{ margin-top: 18px }

/* ---------- JP1016: coach summary toggle, approved diplomas, the approval note ---------- */
.gilded-start.d2-start .d2-summary-toggle{ justify-content: flex-start; margin: 4px 0 16px }
.gilded-start.d2-start .jp-start-summary-text p{ margin: 0 0 12px; font-size: 16px; line-height: 1.7; color: var(--text) }
.gilded-start.d2-start .jp-start-summary-text p:last-child{ margin-bottom: 0 }
.gilded-start.d2-start .d2-result-stack{ display: grid; gap: 18px }
.gilded-start.d2-start .d2-result-approved{ color: var(--green); font-weight: 700 }
.gilded-start.d2-start .d2-result-card.is-approved{ border-color: rgba(74,222,128,.45) !important }
.gilded-start.d2-start .d2-diploma-note{ max-width: 560px; margin: 14px auto 0; text-align: center; font-size: 13px; line-height: 1.6; color: var(--text-dim) }
.gilded-start.d2-start .d2-result-empty{ text-align: center; padding-bottom: 30px }
.gilded-start.d2-start .d2-result-empty .cert-level-name{ margin-top: 12px }
.gilded-start.d2-start .d2-result-empty-text{ max-width: 600px; margin: 14px auto 0; font-size: 15px; line-height: 1.7; color: var(--text-dim) } /* JP1017: approved view with nothing approved yet */
.gilded-start.d2-start .d2-link{ font: inherit; color: var(--gilded-gold, #e4ba61); background: none; border: 0; padding: 0; cursor: pointer; text-decoration: underline; text-underline-offset: 3px }