/* Use the live Personality landing's width, type, buttons and breakpoints. */
@import url("personality-welcome.css?v=20261107");
@import url("coached-creativity-illustrations.css");

.ci-welcome .pt-intro { background: #f2f1e6; }
.ci-welcome .pt-summary strong { font-weight: 500; }
.ci-hero-art { grid-area: art; width: 115%; max-width: 300px; align-self: center; justify-self: center; }
.ci-welcome :is(.ci-research, .ci-report, .ci-method, .ci-finish) { padding-block: clamp(36px, 4.1vw, 58px); }
.ci-welcome h2 { max-width: 650px; margin-bottom: 18px; }
.ci-welcome h3 { font: 600 1.15rem/1.35 'Tiempos Text', Georgia, serif; margin: 0 0 9px; }
.ci-welcome p { margin-top: 0; }
.ci-kicker { font: 500 .75rem/1.45 'Graphik', Arial, sans-serif; letter-spacing: .055em; text-transform: uppercase; color: #68735e; margin-bottom: 12px; }
.ci-section-intro { max-width: 640px; color: #4b5849; margin-bottom: 26px; }
.ci-method { border-top: 1px solid var(--pt-line); }
.ci-method-copy { max-width: 660px; margin-bottom: 26px; }
.ci-welcome .ci-source { display: inline-block; font: 400 .8rem/1.5 'Graphik', Arial, sans-serif; color: #53634c; text-underline-offset: 4px; text-decoration-color: #b5bba9; }
.ci-welcome .pt-panel { min-height: 250px; }
.ci-panel-art { grid-area: drawing; width: min(100%, 225px); justify-self: center; }
.ci-report { background: #f5f2e9; border-block: 1px solid var(--pt-line); }
.ci-report-columns { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(0, 1fr); gap: clamp(32px, 6vw, 78px); }
.ci-report-list > div { padding-block: 18px; border-bottom: 1px solid var(--pt-line); }
.ci-report-list > div:last-child { border-bottom: 0; padding-bottom: 0; }
.ci-report-list p { margin-bottom: 0; color: #4b5849; }
.ci-report-note { align-self: center; border-left: 1px solid var(--pt-line); padding-left: 28px; }
.ci-report-note > div { width: min(100%, 230px); margin: 0 auto 16px; }
.ci-report-note p { font-size: 1.15rem; line-height: 1.55; }
.ci-report-note span { font: 400 .85rem/1.5 'Graphik', Arial, sans-serif; color: #68735e; display: block; }
.ci-method-steps { list-style: none; padding: 0; margin: 28px 0; counter-reset: method; }
.ci-method-steps li { counter-increment: method; position: relative; padding: 18px 0 18px 55px; border-top: 1px solid var(--pt-line); }
.ci-method-steps li::before { content: counter(method, upper-roman); position: absolute; left: 0; top: 18px; color: #8e7651; font-size: 1.3rem; }
.ci-method-steps p { max-width: 620px; margin-bottom: 0; }
.ci-method-detail { border-block: 1px solid var(--pt-line); padding: 18px 0; color: #4b5849; font-size: .95rem; }
.ci-method-detail summary { cursor: pointer; color: #304830; font-family: 'Graphik', Arial, sans-serif; font-size: .9rem; }
.ci-method-detail[open] summary { margin-bottom: 20px; }
.ci-method-detail ul { padding-left: 20px; }
.ci-method-detail li { padding-bottom: 8px; }
.ci-method-detail a { color: #304830; text-underline-offset: 3px; }
.ci-finish { border-top: 1px solid var(--pt-line); }
.ci-finish p { max-width: 560px; }
.ci-welcome .dr-page-container { width: var(--pt-width); margin: 0 auto; }

@media (max-width: 730px) {
  .ci-hero-art { width: 100%; }
  .ci-welcome .pt-panel { min-height: 280px; }
}
@media (max-width: 560px) {
  .ci-hero-art { display: none; }
  .ci-welcome .pt-tab-list { gap: 14px; }
  .ci-welcome .pt-tab-list button { white-space: normal; }
  .ci-welcome .pt-panel { min-height: 0; }
  .ci-panel-art { display: none; }
  .ci-report-columns { grid-template-columns: 1fr; gap: 24px; }
  .ci-report-note { border-left: 0; border-top: 1px solid var(--pt-line); padding: 24px 0 0; }
  .ci-report-note > div { width: 170px; float: right; margin: -10px -10px 0 8px; }
  .ci-method-steps li { padding-left: 42px; }
  .ci-welcome .pt-start { gap: 12px; }
  .ci-welcome .pt-start span { font-size: .82rem; }
}