/* TarGet mobile report design, <= 767 CSS px only.
 * result-responsive.css remains the structural/tablet base. This file owns
 * phone navigation, surfaces, density and composite heroes. No assessment rules.
 * Legacy report declarations with !important are overridden only in this scope.
 */
@media (max-width:767px) {
  body.ptrm-active {
    --ptrm-gold: #c4862f; --ptrm-bg: #090c0e; --ptrm-paper: #fbf6ed;
    --ptrm-ink: #222629; --ptrm-muted: #625e56; --ptrm-radius: 12px;
    --ptrm-border: rgba(196,134,47,.28);
    background: var(--ptrm-bg) !important; color: #f8f5ef;
  }
  /* The report is portalled only while this mobile view is active. This keeps
     sticky UI independent of transformed/clipped theme wrappers. */
  body.ptrm-active > :not(.ptrm-surface):not(.ptrm-chapters):not(.ptrm-dock):not(.ptg-tools):not(.ptg-tour):not(#wpadminbar):not(script):not(style):not(link) { display: none !important; }
  body.ptrm-active > .ptrm-surface {
    width: 100%; min-height: 100svh; margin: 0; box-sizing: border-box;
    padding: calc(var(--ptrm-top-space,90px) + 8px) max(10px,env(safe-area-inset-right)) calc(var(--ptrm-bottom-space,86px) + 16px) max(10px,env(safe-area-inset-left));
    background: var(--ptrm-bg); color: #f8f5ef;
  }
  .ptrm-surface .ptest.ptest--result.ptest--mobile-report {
    position: relative; inset: auto; transform: none; width: 100% !important; max-width: 100% !important;
    margin: 0 !important; min-height: 0 !important; padding: 0 !important; background: transparent !important;
  }
  .ptest.ptest--result.ptest--mobile-report :is(.ptest__shell,.ptest__layout,.ptest__card,.ptest__panel-inner,.ptest__body) {
    width: 100% !important; max-width: 100% !important; min-height: 0 !important; height: auto !important;
    margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important;
    position: relative; inset: auto; transform: none; overflow: visible !important;
  }
  .ptest.ptest--result.ptest--mobile-report :is(.ptest__aside,.ptest__progress,.ptest__debug) { display: none !important; }
  .ptest.ptest--result.ptest--mobile-report .ptresult {
    --ptr-pad: 18px; --ptr-gap: 10px; --ptr-head: clamp(26px,6.7vw,34px); --ptr-subhead: 23px; --ptr-body: 15px;
    --pt-result-container-pad: 0px; --pt-result-section-gap: 12px; --pt-result-hero-pad-x: 18px; --pt-result-hero-pad-y: 22px;
    width: 100%; max-width: 100%; padding: 0 !important; margin: 0 !important; background: transparent;
  }
  .ptest.ptest--result.ptest--mobile-report .ptresult :is(.ptresult__chapters,.ptresult__compact-nav,.ptresult__tabs,.ptresult__topic-nav,.ptresult__side,.ptresult__footer) { display: none !important; }
  .ptest.ptest--result.ptest--mobile-report .ptresult :is(.ptresult__panel,.ptresult__workspace) { display: block !important; padding: 0 !important; margin: 0 !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; background: transparent !important; overflow: visible !important; }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptresult__content {
    padding: 0 !important; margin: 0 !important; width: 100% !important; max-width: none !important; min-width: 0;
    background: transparent !important; color: var(--ptrm-ink); overflow: visible !important; hyphens: auto;
  }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptresult__content>div,
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptresult__content>section {
    width: 100% !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important;
    box-shadow: none !important; overflow: visible !important;
  }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptresult__content :is(p,li) { font-size: var(--ptr-body) !important; line-height: 1.55 !important; }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptresult__content :is(h1,h2) { font-size: var(--ptr-head) !important; line-height: 1.17 !important; letter-spacing: -.025em !important; }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptresult__content h3 { font-size: 21px !important; line-height: 1.3 !important; }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptresult__content :is(h1,h2,h3)>:is(span,em,strong) { font-size: inherit !important; line-height: inherit !important; }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptresult__content blockquote { font-size: 18px !important; line-height: 1.5 !important; }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptresult__content :is(button,a,summary,select) { touch-action: manipulation; }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptresult__content :is(button,summary) { min-height: 44px; }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptresult__content :is(h1,h2,h3,[tabindex]) { scroll-margin-top: 108px; scroll-margin-bottom: 100px; }

  /* One compact, always reachable five-step chapter navigator. */
  .ptrm-chapters,.ptrm-dock { box-sizing: border-box; position: fixed; left: 0; right: 0; width: 100%; z-index: 99990; background: rgba(9,12,14,.97); color: #f8f5ef; font-family: inherit; backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); }
  .ptrm-chapters { top: var(--ptrm-admin-offset,0px); padding: max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) 6px max(8px,env(safe-area-inset-left)); border-bottom: 1px solid rgba(196,134,47,.18); }
  .ptrm-chapters__inner { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); width: 100%; position: relative; }
  .ptrm-chapters__inner::before { content: ''; position: absolute; top: 21px; left: 10%; right: 10%; height: 1px; background: rgba(231,205,167,.38); }
  .ptrm-chapters button { box-sizing: border-box; position: relative; appearance: none; min-width: 0; width: 100%; min-height: 66px; padding: 4px 1px; margin: 0; display: flex; flex-direction: column; align-items: center; gap: 5px; border: 0; border-radius: 8px; background: transparent; color: #ddd9d2; font: inherit; font-size: 11px; line-height: 1.2; text-align: center; box-shadow: none; cursor: pointer; text-transform: none; letter-spacing: 0; }
  .ptrm-chapters__number { display: grid; place-items: center; width: 33px; height: 33px; border: 1px solid rgba(219,195,157,.55); border-radius: 50%; background: #0b0d0e; color: #eeeae3; font-size: 16px; }
  .ptrm-chapters .is-current { color: #fff; }
  .ptrm-chapters .is-current .ptrm-chapters__number { background: var(--ptrm-gold); border-color: #f3d59f; color: #16100a; font-weight: 700; box-shadow: 0 0 14px rgba(196,134,47,.2); }
  .ptrm-chapters .is-before .ptrm-chapters__number { border-color: var(--ptrm-gold); color: var(--ptrm-gold); }
  .ptrm-chapters__label { display: block; max-width: 100%; overflow-wrap: normal; }
  .ptrm-chapters button:focus-visible,.ptrm-dock button:focus-visible { outline: 2px solid var(--ptrm-gold); outline-offset: -2px; }

  /* Context picker retains every tab and topic from the desktop router. */
  .ptest.ptest--result.ptest--mobile-report .ptrm-browse { color: #eee9de; margin: 0 0 10px; border: 1px solid rgba(196,134,47,.2); border-radius: 10px; background: #101416; }
  .ptest.ptest--result.ptest--mobile-report .ptrm-browse>summary { list-style: none; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 12px; min-height: 48px; cursor: pointer; }
  .ptrm-browse>summary::-webkit-details-marker { display: none; }
  .ptrm-browse summary>span:first-child { min-width: 0; flex: 1; }
  .ptrm-browse summary small { display: block; color: #bcaa8b; font-size: 10px; line-height: 1.4; letter-spacing: .07em; margin-bottom: 2px; text-transform: uppercase; }
  .ptrm-browse summary strong { display: block; font-size: 13px; font-weight: 500; line-height: 1.4; overflow-wrap: anywhere; }
  .ptrm-browse__action { flex-shrink: 0; color: var(--ptrm-gold); font-size: 12px; }
  .ptrm-browse__action b { display: inline-block; font-size: 17px; font-weight: 400; margin-left: 3px; }
  .ptrm-browse[open] .ptrm-browse__action b { transform: rotate(180deg); }
  .ptrm-browse__controls { padding: 2px 12px 14px; display: grid; gap: 12px; }
  .ptrm-browse__controls label { display: block; margin: 0; }
  .ptrm-browse__controls label>span { display: block; color: #ccc3b7; font-size: 12px; margin: 0 0 5px; }
  .ptrm-browse__controls select { display: block; appearance: auto; width: 100%; min-width: 0; box-sizing: border-box; min-height: 46px; background: #1a1e20; color: #f8f5ef; border: 1px solid rgba(196,134,47,.45); border-radius: 8px; padding: 10px; margin: 0; font: inherit; font-size: 16px; line-height: 1.5; }
  .ptrm-browse__debug { display: flex; flex-wrap: wrap; gap: 8px; border-top: 1px solid #49402f; padding-top: 12px; }
  .ptrm-browse__debug>span { flex: 0 0 100%; font-size: 12px; }
  .ptrm-browse__debug button { margin: 0; padding: 8px; min-height: 44px; color: #eee9de; border: 1px solid #8d6832; border-radius: 6px; background: #161b1e; font: inherit; font-size: 13px; }

  /* Bottom dock: no second routing state. Safe areas and content reservation
     prevent the last paragraph/CTA from disappearing behind navigation. */
  .ptrm-dock { bottom: 0; padding: 10px max(10px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left)); border-top: 1px solid rgba(196,134,47,.28); box-shadow: 0 -8px 30px rgba(0,0,0,.2); }
  .ptrm-dock__inner { display: grid; grid-template-columns: minmax(80px,1fr) minmax(108px,1.3fr) minmax(80px,1fr); gap: 10px; align-items: center; }
  .ptrm-dock button { display: flex; align-items: center; justify-content: center; gap: 6px; min-width: 0; min-height: 48px; height: auto; padding: 9px 8px; margin: 0; border: 1px solid var(--ptrm-gold); border-radius: 9px; background: transparent; color: #e3ba76; font: inherit; font-size: 15px; font-weight: 500; line-height: 1.2; text-align: center; white-space: normal; cursor: pointer; text-transform: none; box-shadow: none; }
  .ptrm-dock [data-mobile-next] { background: linear-gradient(135deg,rgba(255,255,255,.14),rgba(0,0,0,.06)),var(--ptrm-gold); color: #15110b; font-weight: 650; }
  .ptrm-dock button:disabled { border-color: #685639; color: #9e927b; opacity: .65; cursor: default; }
  .ptrm-dock__status { text-align: center; min-width: 0; }
  .ptrm-dock__status>span { display: block; font-size: 12px; line-height: 1.4; color: #f4ede2; }
  .ptrm-dock__status>small { display: block; margin-top: 4px; font-size: 10px; color: #c5bba9; line-height: 1.25; }
  .ptrm-dock__segments { display: flex; gap: 3px; margin-top: 6px; }
  .ptrm-dock__segments i { display: block; flex: 1; height: 4px; border-radius: 4px; background: #393733; overflow: hidden; }
  .ptrm-dock__segments b { display: block; height: 100%; background: var(--ptrm-gold); border-radius: 4px; }

  /* Chapter 1 dashboard: picture and text form ONE mobile hero. */
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptdash__grid { display: grid !important; grid-template-columns: minmax(0,1fr) !important; gap: 10px !important; }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptdash__grid>.ptdash__card { grid-column: auto !important; grid-row: auto !important; margin: 0 !important; padding: 18px !important; border: 1px solid rgba(196,134,47,.22) !important; border-radius: var(--ptrm-radius) !important; background: var(--ptrm-paper) !important; box-shadow: none !important; color: var(--ptrm-ink); }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptdash__label { font-size: 12px !important; font-weight: 650; line-height: 1.45 !important; letter-spacing: .07em !important; color: #83591f !important; margin: 0 0 14px !important; text-align: left !important; }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptdash__grid>.ptdash__hero { display: block !important; position: relative !important; min-height: 0 !important; padding: 0 !important; isolation: isolate; overflow: hidden !important; background: #080d0f !important; border: 0 !important; color: #f8f5ef; }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptdash__hero-bg { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; aspect-ratio: auto !important; object-fit: cover !important; object-position: 65% center !important; z-index: 0 !important; }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptdash__hero::after { display: block !important; content: ''; position: absolute; inset: 0; z-index: 1 !important; background: linear-gradient(90deg,rgba(5,9,11,.96) 0%,rgba(5,9,11,.84) 40%,rgba(5,9,11,.17) 73%,rgba(5,9,11,.06)),linear-gradient(0deg,rgba(5,9,11,.94),transparent 54%) !important; pointer-events: none; }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptdash__hero-copy { position: relative !important; background: transparent !important; width: 100% !important; max-width: none !important; padding: 22px 18px 20px !important; }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptdash__hero-copy .ptdash__label { color: var(--ptrm-gold) !important; font-size: 12px !important; }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptdash__hero h2 { font-size: clamp(38px,11vw,58px) !important; color: #fff !important; margin: 0 0 8px !important; max-width: 80%; }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptdash__hero--chimp h2 { font-size: clamp(31px,9vw,49px) !important; }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptdash__hero-copy .ptrm-hero-weight { color: var(--ptrm-gold) !important; font-weight: 650; font-size: 18px !important; line-height: 1.35 !important; margin: 0 0 16px !important; }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptdash__hero-copy>.ptdash__lead { color: #f5f2ec !important; max-width: 60% !important; margin: 0 !important; font-size: 15px !important; line-height: 1.5 !important; }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptdash__tags { display: flex !important; flex-wrap: wrap; width: 100%; max-width: 100%; gap: 6px !important; margin: 18px 0 0 !important; }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptdash__tags span { color: #f2ddb9 !important; border: 1px solid rgba(196,134,47,.75) !important; border-radius: 24px !important; background: rgba(6,10,12,.6) !important; padding: 7px 12px !important; font-size: 12px !important; line-height: 1.2; }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptdash__grid>.ptdash__beta { display: none !important; }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptdash__profiles { display: grid !important; grid-template-columns: minmax(0,1fr) !important; gap: 12px !important; }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptdash__profile { display: grid !important; grid-template-columns: 22px minmax(80px,.85fr) minmax(30px,1.3fr) 40px !important; grid-template-rows: auto !important; align-items: center; gap: 6px !important; padding: 0 !important; border: 0 !important; }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptdash__profile>span { grid-area: 1/1 !important; font-size: 18px !important; }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptdash__profile>strong { grid-area: 1/2 !important; font-size: 13px !important; font-weight: 500 !important; color: #252a2c; }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptdash__profile>i { grid-area: 1/3 !important; display: block !important; height: 8px !important; min-height: 8px !important; width: 100% !important; background: #e5dbcb !important; border-radius: 6px; overflow: hidden; margin: 0 !important; }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptdash__profile>i:after { display: none !important; }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptdash__profile>i>b { display: block; height: 100%; background: var(--ptrm-gold) !important; border-radius: inherit; }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptdash__profile>em { grid-area: 1/4 !important; width: auto !important; max-width: none !important; font-size: 12px !important; line-height: 1.4 !important; font-style: normal; color: #625849 !important; white-space: nowrap !important; }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptdash__profile.is-primary>strong { font-weight: 650 !important; }
  .ptrm-weight-note { margin: 14px 0 0; border-top: 1px solid #e4d7c3; color: #5f5342; }
  .ptrm-weight-note>summary { font-size: 12px; line-height: 1.4; padding: 12px 0; cursor: pointer; }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptrm-weight-copy { padding: 0 0 4px !important; }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptrm-weight-copy .ptdash__label { display: none; }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptrm-weight-copy h3 { font-size: 16px !important; }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptrm-weight-copy .ptdash__weight>strong { font-size: 24px !important; }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptdash__feature-list { display: grid !important; grid-template-columns: minmax(0,1fr) !important; gap: 8px !important; }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptdash__feature { display: flex !important; flex-direction: column; align-items: flex-start; padding: 12px !important; gap: 8px !important; border-radius: 10px; background: linear-gradient(140deg,rgba(255,255,255,.1),rgba(0,0,0,.05)),var(--ptrm-gold) !important; border: 1px solid rgba(130,85,20,.18); color: #1b180f !important; box-shadow: none !important; }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptdash__feature>b { flex: 0 0 auto !important; font-size: 23px !important; line-height: 1; color: #342409 !important; }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptdash__feature>div>strong { font-size: 14px !important; line-height: 1.35 !important; margin-bottom: 5px; color: #19150d !important; }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptdash__feature>div>span { font-size: 14px !important; line-height: 1.5 !important; color: #292217 !important; }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptdash__split { gap: 18px !important; }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptdash__split>div { padding: 0 !important; }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptdash__split>div+div { padding-top: 18px !important; border-top: 1px solid #e4d7c3 !important; }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptdash__list { padding: 0 !important; margin: 0 !important; }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptdash__list li { margin: 0 0 10px !important; }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptdash__combo-pair { display: grid !important; grid-template-columns: minmax(0,1fr) 22px minmax(0,1fr) !important; gap: 8px !important; margin: 18px 0 !important; }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptdash__combo-pair>div { display: flex !important; flex-direction: column; align-items: center; gap: 6px; padding: 0 !important; }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptdash__combo-pair small { font-size: 10px !important; line-height: 1.4; letter-spacing: .03em; text-align: center; }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptdash__combo-pair strong { font-size: 17px !important; }

  /* Reusable cream surfaces across all chapters. More dense, not smaller text. */
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptresult__content :is(.ptquick__top,.ptquick__steps,.ptquick__contrast,.ptquick__three,.ptquick__motto,.ptstrength__row,.ptstrength__summary,.ptpeople__top,.ptpeople__model,.ptpeople__mix,.ptpeople__practice,.ptrevenue__areas,.ptrevenue__leaks,.ptsales__flow,.ptsales__profiles,.ptsales__expect,.ptsquick__pattern,.ptsquick__check,.ptsneed__tri,.ptsneed__dos,.ptsneed__know,.ptsconv__plan,.ptsconv__compare,.ptsconv__lesson,.ptsq04__help,.ptso05__translate,.ptso05__lower,.ptsr06__triggers,.ptsr07__signals,.ptsr07__reaction,.ptsr08__grid,.ptsr09__grid,.ptsr09__key,.ptsr10__duo,.ptsr10__reaction,.ptch5__knowing,.ptch5m__perspectives) {
    padding: 18px !important; margin: 12px 0 0 !important; border-radius: var(--ptrm-radius) !important; border: 1px solid rgba(196,134,47,.19) !important; background: var(--ptrm-paper) !important; box-shadow: none !important;
  }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptresult__content [data-report-layout='cards'] { display: grid !important; grid-template-columns: minmax(0,1fr) !important; gap: 10px !important; }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptresult__content [data-report-layout='cards']>article { height: auto !important; min-height: 0 !important; border-radius: 10px !important; }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptresult__content :is([data-report-layout='split'],[data-report-layout='triple']) { grid-template-columns: minmax(0,1fr) !important; gap: 16px !important; }

  /* Chapter 4: headline + image share the top of the hero. Longer introductory
     paragraphs use full width underneath, rather than a cramped narrow column. */
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptresult__content [data-report-layout='hero'] {
    display: grid !important; grid-template-columns: minmax(0,60fr) minmax(0,40fr) !important; align-items: stretch !important; column-gap: 12px; row-gap: 0;
    min-height: 0 !important; height: auto !important; padding: 18px !important; margin: 0 !important; position: relative; border-radius: var(--ptrm-radius) !important; background: #0c1114 !important; color: #f6f3eb !important; border: 1px solid var(--ptrm-border) !important;
  }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptresult__content [data-report-layout='hero']>:is(header,.ptsquick__hero-copy) { display: contents !important; padding: 0 !important; }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptresult__content [data-report-layout='hero'] header>span { grid-column: 1; grid-row: 1; font-size: 11px !important; letter-spacing: .055em !important; color: var(--ptrm-gold) !important; line-height: 1.55 !important; margin: 0 0 10px !important; align-self: end; }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptresult__content [data-report-layout='hero'] header>:is(h1,h2) { grid-column: 1; grid-row: 2; align-self: start; font-size: clamp(25px,6.3vw,34px) !important; color: #fff !important; line-height: 1.16 !important; margin: 0 0 20px !important; hyphens: auto; }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptresult__content [data-report-layout='hero'] header>:is(p,small,b,i) { grid-column: 1/-1; color: #eee9e0 !important; }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptresult__content [data-report-layout='hero'] header>p { margin: 14px 0 0 !important; }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptresult__content [data-report-layout='hero'] header>i { display: none !important; }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptresult__content [data-report-layout='hero'] header>small { font-size: 11px !important; letter-spacing: .05em !important; margin: 16px 0 0 !important; color: #dab985 !important; }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptresult__content [data-report-layout='hero'] header>b { font-size: 12px !important; line-height: 1.5 !important; letter-spacing: .03em !important; color: #dab985 !important; margin: 8px 0 0 !important; }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptresult__content [data-report-layout='hero']>[class$='__hero-image'] {
    display: block !important; position: relative !important; grid-column: 2; grid-row: 1/3; order: 0; inset: auto !important; width: 100% !important; min-height: 175px !important; height: auto !important; aspect-ratio: auto !important; align-self: stretch; margin: -18px -18px 0 0 !important; width: calc(100% + 18px) !important; border-radius: 0 12px 0 0 !important;
    background-size: cover !important; background-position: 55% 30% !important; border: 0 !important; mask-image: linear-gradient(90deg,transparent,#000 16%),linear-gradient(#000 80%,transparent); mask-composite: intersect; -webkit-mask-image: linear-gradient(90deg,transparent,#000 16%);
  }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptresult__content [data-report-layout='hero']>[class$='__hero-image']::after { background: linear-gradient(0deg,#0c1114,transparent 32%) !important; }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptresult__content [data-report-layout='hero']~[class$='__body'] { padding: 0 !important; }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptresult__content :is(.ptsquick__next,.ptsneed__next,.ptsconv__final,.ptsq04__final,.ptso05__final,.ptsr06__final,.ptsr07__final,.ptsr08__final,.ptsr09__final,.ptsr10__final,.ptstrength__next,.ptrevenue__final) { margin: 12px 0 0 !important; padding: 24px 18px !important; border-radius: var(--ptrm-radius) !important; min-height: 0 !important; }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptresult__content :is(.ptsr07__signal,.ptsr08__strategy,.ptsr08__question,.ptsr08__avoid,.ptsr09__principle,.ptsr09__forms,.ptsr10__impulse,.ptsr10__friction,.ptso05__language,.ptso05__consequence) { padding: 16px !important; margin: 0 !important; border-radius: 10px !important; }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptresult__content .ptsr10__reactions>div { grid-template-columns: 26px 28px minmax(0,1fr) !important; gap: 8px 10px !important; padding: 16px 0 !important; }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptresult__content .ptsr10__reactions>div>:is(p,strong) { grid-column: 3/-1 !important; }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptresult__content .ptsr10__reactions strong { font-size: 16px !important; }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptresult__content .ptsr10__reactions p { margin: 0 !important; }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptsconv__compact-plan { gap: 10px !important; margin-top: 16px !important; }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptsconv__compact-plan>section { padding: 16px !important; }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptsconv__compact-plan li { gap: 8px; padding: 12px 0; }

  /* Chapter 3 retains image-only banners; all editorial blocks stay present. */
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptleak__hero { border-radius: 12px 12px 0 0 !important; min-height: 0 !important; height: auto !important; aspect-ratio: 16/7 !important; background-size: cover !important; }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptleak__body { padding: 20px 16px !important; background: var(--ptrm-paper) !important; border-radius: 0 0 12px 12px; }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptleak__body :is(section,header) { max-width: 100%; }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptleak__body>section { margin-top: 16px !important; }

  /* Chapter 2 overview: short profile cards can remain in two columns. */
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptpeople__top { padding: 18px !important; }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptpeople__profiles { margin-top: 20px; }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptpeople__profile { display: flex !important; flex-direction: column; height: auto !important; max-height: none !important; }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptpeople__profile-copy { position: static !important; height: auto !important; min-height: 0 !important; margin: 0 !important; }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptpeople__profile-spacer { height: 135px !important; min-height: 135px !important; flex: 0 0 135px !important; }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptpeople__profile-copy { padding: 14px !important; flex: 1; }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptpeople__profile-copy h3 { font-size: 22px !important; }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptpeople__profile-copy>strong { font-size: 14px !important; line-height: 1.45 !important; }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptpeople__profile-copy p { font-size: 14px !important; }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptpeople__profile-copy button { width: 100%; white-space: normal; font-size: 13px !important; padding: 10px 6px !important; }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptpeople__model-image { margin-top: 16px !important; }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptpeople__model-zoom { min-height: 44px; color: #62420e; font-size: 13px !important; }

  /* Chapter 5 keeps gradients and original pictures. Portrait/text is a compact
     paired card again on phones; body copy never overlays the face. */
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptresult__content :is(.ptch5__hero,.ptch5__vision,.ptch5m__hero,.ptch5m__system,.ptch5m__cta) { padding: 28px 18px !important; border-radius: 12px !important; margin: 12px 0 0 !important; }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptresult__content :is(.ptch5__hero,.ptch5m__hero) { margin-top: 0 !important; }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptch5m__skills { gap: 10px !important; }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptch5m__skills>article { padding: 14px !important; gap: 10px !important; }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptch5m__skills p { font-size: 14px !important; }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptch5m__people--portrait { gap: 12px !important; }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptch5m__person-card { display: grid !important; grid-template-columns: minmax(0,36fr) minmax(0,64fr) !important; border: 1px solid var(--ptrm-border); border-radius: 10px; overflow: hidden; }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptch5m__person-card img { width: 100% !important; height: 100% !important; min-height: 0 !important; aspect-ratio: auto !important; object-fit: cover !important; object-position: 50% 20%; }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptch5m__person-card>div { padding: 18px 14px !important; }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptch5m__person-card h3 { font-size: 20px !important; }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptch5m__person-card h4 { font-size: 17px !important; }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptch5m__person-card p { font-size: 14px !important; line-height: 1.5 !important; }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptch5m__person-card small { font-size: 12px !important; }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptresult__content :is(.ptch5m__cta-button,.ptch5__cta-button) { min-height: 52px; border-radius: 9px !important; letter-spacing: .015em !important; padding: 14px !important; }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptcompass__compact { padding: 0 !important; gap: 10px !important; }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptcompass__profile { background: var(--ptrm-paper) !important; border-color: var(--ptrm-border) !important; }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptcompass__profile>summary { color: #6a4919 !important; }
}
@media (min-width:360px) and (max-width:767px) {
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptdash__feature-list { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptresult__content :is(.ptpeople__profiles,.ptsales__profile-grid) { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
}
@media (min-width:390px) and (max-width:767px) {
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptresult__content .ptch5m__skills { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
}
@media (min-width:540px) and (max-width:767px) {
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptresult__content [data-report-layout='cards'] { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
}
@media (max-width:359px) {
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptdash__hero-copy>.ptdash__lead { max-width: 67% !important; }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptdash__profile { grid-template-columns: 20px minmax(78px,.9fr) minmax(25px,1fr) 36px !important; gap: 5px !important; }
  .ptrm-dock__inner { gap: 6px; grid-template-columns: minmax(75px,1fr) minmax(96px,1.2fr) minmax(75px,1fr); }
  .ptrm-dock button { font-size: 14px; padding: 9px 6px; }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptch5m__person-card { grid-template-columns: minmax(0,1fr) !important; }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptch5m__person-card img { height: 280px !important; object-fit: contain !important; background: #11171a; }
}
@media (prefers-reduced-motion:reduce) {
  .ptrm-chapters *,.ptrm-dock * { transition: none !important; animation: none !important; }
}

/* v0.12.5-beta -------------------------------------------------------------
   Chapter 01 phone compositions follow the approved mobile references.
   Content stays identical; these rules only change presentation <= 767px. */
@media (max-width:767px) {
  .ptest.ptest--result.ptest--mobile-report .ptresult__version {
    display: block !important;
    margin: 14px 0 0 !important;
    padding: 4px 0 2px !important;
    color: rgba(238,233,224,.42) !important;
    font-size: 9px !important;
    line-height: 1.4 !important;
    letter-spacing: .06em !important;
    text-align: center !important;
  }

  /* Kapitel 1 · Du in 30 Sekunden --------------------------------------- */
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptresult__content:has(.ptquick) {
    padding: 0 !important;
  }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptquick {
    display: grid !important;
    gap: 10px !important;
    color: var(--ptrm-ink) !important;
  }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptquick section,
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptquick__lower {
    margin: 0 !important;
  }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptquick__top {
    display: block !important;
    min-height: 360px !important;
    height: auto !important;
    padding: 20px 16px 18px !important;
    position: relative !important;
    overflow: hidden !important;
    border: 1px solid rgba(196,134,47,.58) !important;
    border-radius: 12px !important;
    background: #0a0c0d !important;
    box-shadow: inset 0 1px rgba(255,255,255,.025) !important;
  }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptquick__top::after {
    content: '' !important;
    display: block !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;
    pointer-events: none !important;
    background: linear-gradient(90deg,#0a0c0d 0%,rgba(10,12,13,.995) 42%,rgba(10,12,13,.90) 55%,rgba(10,12,13,.42) 72%,rgba(10,12,13,.08) 100%),linear-gradient(0deg,rgba(8,10,11,.68),transparent 42%) !important;
  }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptquick__intro {
    position: relative !important;
    z-index: 3 !important;
    width: 74% !important;
    max-width: 286px !important;
    min-width: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptquick__eyebrow {
    color: #d9a14b !important;
    font-size: 10px !important;
    line-height: 1.35 !important;
    letter-spacing: .12em !important;
    font-weight: 750 !important;
  }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptquick__intro h2 {
    margin: 9px 0 8px !important;
    color: #fff7e9 !important;
    font-family: Georgia,'Times New Roman',serif !important;
    font-size: clamp(25px,7vw,32px) !important;
    line-height: 1.05 !important;
    letter-spacing: -.025em !important;
    font-weight: 500 !important;
    text-wrap: balance;
  }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptquick__intro>i {
    display: block !important;
    width: 30px !important;
    height: 1px !important;
    margin: 10px 0 11px !important;
    background: #c4862f !important;
  }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptquick__profile-statement {
    margin: 0 0 11px !important;
    color: #fff !important;
    font-size: 15px !important;
    line-height: 1.32 !important;
    font-weight: 500 !important;
  }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptquick__intro p {
    margin: 0 !important;
    max-width: 100% !important;
    color: #e6e0d7 !important;
    font-size: 12.5px !important;
    line-height: 1.45 !important;
  }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptquick__hero-art {
    display: block !important;
    position: absolute !important;
    z-index: 0 !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: auto !important;
    width: 58% !important;
    max-width: none !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    object-fit: cover !important;
    object-position: 54% 42% !important;
    opacity: .98 !important;
    pointer-events: none !important;
  }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptquick__portrait,
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptquick__core {
    display: none !important;
  }

  .ptest.ptest--result.ptest--mobile-report .ptresult .ptquick__steps,
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptquick__contrast,
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptquick__three {
    padding: 14px !important;
    border: 1px solid rgba(196,134,47,.26) !important;
    border-radius: 10px !important;
    background: #fff9ef !important;
    color: #241f18 !important;
    box-shadow: 0 5px 14px rgba(0,0,0,.08) !important;
  }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptquick__steps>.ptquick__eyebrow,
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptquick__contrast>.ptquick__eyebrow,
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptquick__three>.ptquick__eyebrow {
    color: #a96516 !important;
    font-size: 10px !important;
  }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptquick__step-grid {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) !important;
    gap: 6px !important;
    margin: 10px 0 0 !important;
  }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptquick__step-grid article {
    display: grid !important;
    grid-template-columns: 34px minmax(92px,.72fr) minmax(0,1.28fr) 18px !important;
    align-items: center !important;
    gap: 8px !important;
    min-height: 48px !important;
    margin: 0 !important;
    padding: 7px 8px !important;
    border: 0 !important;
    border-radius: 7px !important;
    background: linear-gradient(90deg,#fff5e6,#fbf0df) !important;
    box-shadow: 0 2px 8px rgba(95,57,12,.08) !important;
    color: #211c16 !important;
  }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptquick__step-grid article::after {
    content: '→';
    grid-column: 4;
    grid-row: 1;
    color: #b8741c;
    font-size: 19px;
    font-weight: 400;
    text-align: center;
  }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptquick__step-grid article b {
    grid-column: 1;
    grid-row: 1;
    display: grid !important;
    place-items: center !important;
    width: 34px !important;
    height: 34px !important;
    border-radius: 50% !important;
    background: linear-gradient(135deg,#b87318,#d6a044) !important;
    color: #fff !important;
    font-size: 12px !important;
    font-weight: 500 !important;
  }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptquick__step-grid article h4 {
    grid-column: 2;
    grid-row: 1;
    margin: 0 !important;
    color: #231e18 !important;
    font-size: 13px !important;
    line-height: 1.25 !important;
    font-weight: 700 !important;
  }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptquick__step-grid article p {
    grid-column: 3;
    grid-row: 1;
    margin: 0 !important;
    color: #6b6257 !important;
    font-size: 10px !important;
    line-height: 1.28 !important;
  }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptquick__arrow {
    display: none !important;
  }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptquick__lower {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) !important;
    gap: 10px !important;
  }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptquick__contrast-row {
    display: grid !important;
    grid-template-columns: minmax(84px,.68fr) 24px minmax(0,1.32fr) !important;
    gap: 7px !important;
    align-items: stretch !important;
    margin: 7px 0 0 !important;
  }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptquick__contrast-row span,
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptquick__contrast-row strong {
    display: flex !important;
    align-items: center !important;
    min-width: 0 !important;
    padding: 8px 9px !important;
    border: 0 !important;
    border-radius: 5px !important;
    font-size: 10px !important;
    line-height: 1.3 !important;
    box-shadow: none !important;
  }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptquick__contrast-row span {
    background: linear-gradient(135deg,#ad6b17,#ce9337) !important;
    color: #fff !important;
  }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptquick__contrast-row strong {
    background: #f7ecdc !important;
    color: #4d463e !important;
    font-weight: 500 !important;
  }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptquick__contrast-row i {
    display: grid !important;
    place-items: center !important;
    transform: none !important;
    color: #b8741c !important;
    font-size: 18px !important;
  }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptquick__three {
    background: #fff9ef !important;
    overflow: hidden !important;
  }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptquick__three::after {
    display: none !important;
  }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptquick__three-row {
    display: grid !important;
    grid-template-columns: 34px minmax(0,1fr) !important;
    gap: 10px !important;
    align-items: start !important;
    margin: 9px 0 0 !important;
  }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptquick__three-row b {
    width: 30px !important;
    height: 30px !important;
    border: 1px solid #bb7922 !important;
    color: #a96516 !important;
    font-size: 10px !important;
  }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptquick__three-row p {
    color: #4d463e !important;
    font-size: 11px !important;
    line-height: 1.35 !important;
  }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptquick__motto {
    padding: 14px !important;
    border: 1px solid rgba(216,158,68,.78) !important;
    border-radius: 10px !important;
    background: radial-gradient(circle at 72% 36%,rgba(196,134,47,.22),transparent 35%),linear-gradient(120deg,#17120d,#3b2915 56%,#17120d) !important;
    box-shadow: inset 0 1px rgba(255,255,255,.04) !important;
    color: #ead2a8 !important;
  }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptquick__motto>.ptquick__eyebrow {
    color: #dca54e !important;
  }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptquick__motto>div {
    gap: 10px !important;
    margin-top: 9px !important;
  }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptquick__motto>div>b {
    width: 36px !important;
    height: 36px !important;
    flex: 0 0 36px !important;
    border-color: #c4862f !important;
    color: #e8b55c !important;
    font-size: 23px !important;
  }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptquick__motto p strong {
    color: #f0d4a4 !important;
    font-family: Georgia,'Times New Roman',serif !important;
    font-size: 14px !important;
    line-height: 1.3 !important;
    font-weight: 500 !important;
  }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptquick__motto p small {
    color: #d1b98f !important;
    font-size: 9px !important;
    line-height: 1.3 !important;
    margin-top: 4px !important;
  }

  /* Kapitel 1 · Deine zentralen Stärken ---------------------------------- */
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptresult__content:has(.ptstrength) {
    padding: 0 !important;
  }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptstrength {
    display: grid !important;
    gap: 10px !important;
  }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptstrength__hero {
    display: grid !important;
    grid-template-columns: minmax(0,59fr) minmax(0,41fr) !important;
    align-items: center !important;
    min-height: 270px !important;
    padding: 18px 15px !important;
    overflow: hidden !important;
    position: relative !important;
    border: 1px solid rgba(196,134,47,.62) !important;
    border-radius: 11px !important;
    background-image: linear-gradient(90deg,#0a0c0d 0%,rgba(10,12,13,.98) 45%,rgba(10,12,13,.52) 65%,rgba(10,12,13,.04) 100%),var(--strength-img) !important;
    background-size: cover !important;
    background-position: 68% center !important;
    color: #fff !important;
  }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptstrength__hero>div {
    grid-column: 1;
    position: relative !important;
    z-index: 2 !important;
    width: 100% !important;
    max-width: none !important;
  }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptstrength__hero small {
    color: #dca54e !important;
    font-size: 10px !important;
    line-height: 1.35 !important;
    letter-spacing: .11em !important;
  }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptstrength__hero h2 {
    margin: 9px 0 11px !important;
    color: #fff8ec !important;
    font-family: Georgia,'Times New Roman',serif !important;
    font-size: clamp(25px,7vw,33px) !important;
    line-height: 1.08 !important;
    font-weight: 500 !important;
    letter-spacing: -.02em !important;
  }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptstrength__hero p {
    margin: 0 0 10px !important;
    color: #eee7dd !important;
    font-size: 12px !important;
    line-height: 1.42 !important;
  }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptstrength__hero b {
    display: block !important;
    color: #e0b46f !important;
    font-size: 10px !important;
    line-height: 1.45 !important;
    font-weight: 500 !important;
  }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptstrength__rows {
    display: grid !important;
    gap: 7px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    overflow: visible !important;
  }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptstrength__rows .ptstrength__row {
    display: grid !important;
    grid-template-columns: 42px minmax(0,1fr) 104px !important;
    grid-template-rows: auto auto !important;
    gap: 0 8px !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 13px 11px !important;
    border: 1px solid rgba(196,134,47,.20) !important;
    border-radius: 9px !important;
    background: #fffaf2 !important;
    box-shadow: 0 5px 13px rgba(0,0,0,.08) !important;
    overflow: hidden !important;
  }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptstrength__num {
    grid-column: 1;
    grid-row: 1 / 3;
    display: flex !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    padding-top: 1px !important;
    border: 0 !important;
    color: #ad6d1a !important;
  }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptstrength__num b {
    font-family: Georgia,'Times New Roman',serif !important;
    font-size: 25px !important;
    line-height: 1 !important;
    font-weight: 400 !important;
  }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptstrength__copy {
    grid-column: 2;
    grid-row: 1 / 3;
    min-width: 0 !important;
    padding: 0 !important;
  }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptstrength__copy small {
    margin: 0 0 3px !important;
    color: #a96516 !important;
    font-size: 8px !important;
    line-height: 1.3 !important;
    letter-spacing: .055em !important;
  }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptstrength__copy h3 {
    margin: 0 0 7px !important;
    color: #211d18 !important;
    font-size: 14px !important;
    line-height: 1.22 !important;
    font-weight: 700 !important;
  }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptstrength__copy>b {
    margin: 0 0 2px !important;
    color: #a96516 !important;
    font-size: 8px !important;
    line-height: 1.25 !important;
    letter-spacing: .04em !important;
  }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptstrength__copy em {
    margin: 0 0 6px !important;
    color: #7d4b17 !important;
    font-size: 10px !important;
    line-height: 1.35 !important;
    font-weight: 500 !important;
  }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptstrength__copy p {
    margin: 0 !important;
    color: #5e574e !important;
    font-size: 9px !important;
    line-height: 1.4 !important;
  }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptstrength__visual {
    grid-column: 3;
    grid-row: 1;
    display: flex !important;
    align-items: flex-start !important;
    justify-content: center !important;
    padding: 0 0 7px !important;
    border-left: 1px solid #eadfce !important;
  }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptstrength__visual span {
    width: 39px !important;
    height: 39px !important;
    border: 1px solid #d59a42 !important;
    color: #b9761f !important;
    font-size: 18px !important;
    background: #fffaf2 !important;
  }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptstrength__list {
    grid-column: 3;
    grid-row: 2;
    min-width: 0 !important;
    padding: 7px 0 0 10px !important;
    border-left: 1px solid #eadfce !important;
    font-size: 8px !important;
  }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptstrength__list small {
    margin-bottom: 5px !important;
    color: #a96516 !important;
    font-size: 7.5px !important;
    line-height: 1.28 !important;
    letter-spacing: .04em !important;
  }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptstrength__list div {
    margin: 3px 0 !important;
    color: #645c52 !important;
    font-size: 7.5px !important;
    line-height: 1.25 !important;
  }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptstrength__list>b {
    margin-top: 7px !important;
    color: #a96516 !important;
    font-size: 7px !important;
    line-height: 1.25 !important;
  }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptstrength__list p {
    margin: 3px 0 0 !important;
    color: #645c52 !important;
    font-size: 7px !important;
    line-height: 1.25 !important;
  }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptstrength__summary {
    margin: 0 !important;
    padding: 16px !important;
    border: 1px solid rgba(196,134,47,.58) !important;
    border-radius: 10px !important;
    background-color: #2f2114 !important;
    background-image: linear-gradient(100deg,rgba(18,12,7,.86),rgba(66,42,18,.72)),url('/wp-content/uploads/2026/08/target_kap02_eu-e1787923589832.png') !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    color: #fff !important;
  }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptstrength__next {
    margin: 0 !important;
  }

  /* Kapitel 2 · Überblick: restore the missing mobile card surface. */
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptpeople__mix {
    display: grid !important;
    grid-template-columns: 34px minmax(0,1fr) !important;
    gap: 10px !important;
    align-items: start !important;
    margin: 12px 0 0 !important;
    padding: 16px !important;
    border: 1px solid rgba(196,134,47,.40) !important;
    border-radius: 10px !important;
    background: linear-gradient(180deg,#fffaf2,#f8eddd) !important;
    box-shadow: 0 6px 16px rgba(0,0,0,.08) !important;
    color: #2d261e !important;
  }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptpeople__mix>span {
    display: grid !important;
    place-items: center !important;
    width: 32px !important;
    height: 32px !important;
    border: 1px solid #c4862f !important;
    border-radius: 50% !important;
    color: #b5741f !important;
    background: rgba(196,134,47,.06) !important;
  }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptpeople__mix strong {
    color: #2b241c !important;
  }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptpeople__mix p {
    margin: 5px 0 0 !important;
    color: #62584c !important;
  }
}

@media (max-width:359px) {
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptquick__top {
    min-height: 380px !important;
  }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptquick__intro {
    width: 78% !important;
    max-width: 238px !important;
  }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptquick__hero-art {
    width: 55% !important;
  }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptquick__intro h2 {
    font-size: 25px !important;
  }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptquick__profile-statement {
    font-size: 14px !important;
  }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptquick__intro p {
    font-size: 12px !important;
  }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptquick__step-grid article {
    grid-template-columns: 32px minmax(78px,.68fr) minmax(0,1.32fr) 16px !important;
    gap: 6px !important;
    padding: 6px !important;
  }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptquick__step-grid article h4 { font-size: 12px !important; }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptquick__step-grid article p { font-size: 9px !important; }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptstrength__rows .ptstrength__row {
    grid-template-columns: 36px minmax(0,1fr) 88px !important;
    gap: 0 6px !important;
    padding: 11px 8px !important;
  }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptstrength__copy h3 { font-size: 13px !important; }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptstrength__copy p { font-size: 8.5px !important; }
}

/* v0.12.6-beta -------------------------------------------------------------
   Final mobile override for the "Was deine Stärken verbindet" summary.
   The reusable paper-surface rule above has higher specificity than the old
   v0.12.5 selector. Keep this exact DOM selector at the end so the intended
   dark report surface wins reliably on phones. */
@media (max-width:767px) {
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptresult__content section.ptstrength__summary {
    position: relative !important;
    isolation: isolate !important;
    overflow: hidden !important;
    border: 1px solid rgba(196,134,47,.58) !important;
    color: #fff !important;
    background-color: #2f2114 !important;
    background-image: linear-gradient(100deg,rgba(18,12,7,.88),rgba(66,42,18,.74)), url('/wp-content/uploads/2026/08/target_kap02_eu-e1787923589832.png') !important;
    background-size: cover, cover !important;
    background-position: center center, center center !important;
    background-repeat: no-repeat, no-repeat !important;
  }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptresult__content section.ptstrength__summary :is(h2,p,b,small) {
    color: #fff !important;
  }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptresult__content section.ptstrength__summary > div:first-child > small,
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptresult__content section.ptstrength__summary .ptstrength__steps :is(span,i) {
    color: #c4862f !important;
  }
}


/* v0.12.9-beta -------------------------------------------------------------
   Mobile Profiling-Kompass: premium dark/gold framing, centered intro and
   tighter profile disclosures. */
@media (max-width:767px) {
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptresult__content--sales-compass {
    padding:0 !important;
    background:#090d0f !important;
  }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptcompass {
    border-radius:12px !important;
    background:#090d0f !important;
    color:#f5efe5 !important;
    box-shadow:none !important;
    overflow:hidden !important;
  }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptcompass__hero {
    display:block !important;
    width:100% !important;
    min-height:0 !important;
    height:auto !important;
    aspect-ratio:16/6.2 !important;
    margin:0 !important;
    border:1px solid rgba(196,134,47,.34) !important;
    border-radius:11px 11px 0 0 !important;
    background-image:linear-gradient(180deg,rgba(4,7,9,.04),rgba(4,7,9,.26)),url('/wp-content/uploads/2026/09/Target_ProKom.png') !important;
    background-size:cover !important;
    background-position:center !important;
    background-repeat:no-repeat !important;
  }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptcompass__matrix {
    padding:0 !important;
    background:#090d0f !important;
  }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptcompass__compact {
    display:grid !important;
    gap:10px !important;
    padding:18px 12px 14px !important;
    background:#090d0f !important;
    color:#f5efe5 !important;
  }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptcompass__mobile-head {
    display:block !important;
    margin:0 0 6px !important;
    padding:0 10px !important;
    text-align:center !important;
  }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptcompass__mobile-head h2 {
    margin:0 0 8px !important;
    color:#f5efe5 !important;
    font-family:Georgia,'Times New Roman',serif !important;
    font-size:28px !important;
    line-height:1.08 !important;
    font-weight:500 !important;
  }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptcompass__mobile-head h2::after {
    content:"";
    display:block;
    width:46px;
    height:2px;
    margin:11px auto 0;
    background:#c4862f;
  }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptcompass__mobile-head p {
    margin:10px auto 0 !important;
    max-width:310px !important;
    color:rgba(245,239,229,.76) !important;
    font-size:14px !important;
    line-height:1.55 !important;
    text-align:center !important;
  }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptcompass__profile {
    margin:0 !important;
    border:1px solid rgba(196,134,47,.44) !important;
    border-radius:10px !important;
    background:linear-gradient(180deg,#141819,#0b0f10) !important;
    box-shadow:0 8px 20px rgba(0,0,0,.20) !important;
    overflow:hidden !important;
  }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptcompass__profile>summary {
    min-height:58px !important;
    padding:13px 15px !important;
    align-items:center !important;
    color:#f5efe5 !important;
    font-size:18px !important;
    line-height:1.2 !important;
    font-weight:700 !important;
  }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptcompass__profile>summary>span:last-child {
    color:#d9a044 !important;
    font-size:18px !important;
  }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptcompass__profile[open]>summary {
    border-bottom:1px solid rgba(196,134,47,.25) !important;
    background:rgba(196,134,47,.07) !important;
  }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptcompass__profile dl {
    margin:0 !important;
    padding:0 15px 8px !important;
    background:#f8f1e4 !important;
    color:#211b14 !important;
  }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptcompass__profile dl>div {
    padding:13px 0 !important;
    border-top:1px solid rgba(173,112,34,.18) !important;
  }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptcompass__profile dt {
    color:#9b651d !important;
    font-size:11px !important;
    line-height:1.35 !important;
    letter-spacing:.07em !important;
    text-transform:uppercase !important;
  }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptcompass__profile dd {
    color:#2a241d !important;
    font-size:14px !important;
    line-height:1.5 !important;
  }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptcompass__mottos,
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptcompass__application {
    background:#f8f1e4 !important;
  }
}


/* v0.12.10-beta ------------------------------------------------------------
   Mobile readability and model enlargement fixes. */
@media (max-width:767px) {
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptcompass__motto,
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptcompass__motto strong,
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptcompass__motto p {
    color:#2a241d !important;
  }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptcompass__motto>span {
    color:#2a241d !important;
    border:1px solid rgba(196,134,47,.45) !important;
    background:#f6ead5 !important;
  }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptcompass__application>h2 {
    color:#2a241d !important;
    background:#f1e4cf !important;
  }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptcompass__step,
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptcompass__step span,
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptcompass__step i {
    color:#2a241d !important;
  }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptcompass__step b {
    color:#2a241d !important;
    background:#f2dfbf !important;
    border:1px solid rgba(196,134,47,.45) !important;
  }
  .ptest.ptest--result.ptest--mobile-report .ptresult .ptpeople__model-zoom {
    display:inline-flex !important; align-items:center; justify-content:center;
    width:100%; padding:11px 14px; border:1px solid rgba(196,134,47,.42);
    border-radius:9px; background:#fbf3e7; color:#62420e !important;
    text-decoration:none !important; font-weight:650; cursor:pointer;
  }
}
html.ptpeople-model-open { overflow:hidden !important; }
.ptpeople__model-modal[hidden] { display:none !important; }
.ptpeople__model-modal {
  position:fixed; inset:0; z-index:100050; display:block; overflow:auto;
  padding:20px; background:rgba(4,6,7,.92); backdrop-filter:blur(5px);
  overscroll-behavior:contain; -webkit-overflow-scrolling:touch; touch-action:pan-x pan-y;
}
.ptpeople__model-modal-inner {
  width:max-content; min-width:calc(100vw - 40px); margin:0 auto; overflow:visible;
  border:1px solid rgba(196,134,47,.5); border-radius:12px; background:#090c0d;
}
.ptpeople__model-modal-inner img {
  display:block; width:auto; height:auto; max-width:none; min-width:min(1100px,calc(100vw - 40px));
}
@media (max-width:767px){
  .ptpeople__model-modal { padding:16px; }
  .ptpeople__model-modal-inner { min-width:calc(100vw - 32px); }
  .ptpeople__model-modal-inner img { min-width:900px; }
}
.ptpeople__model-modal-close {
  position:fixed; top:16px; right:16px; z-index:2; width:44px; height:44px;
  display:grid; place-items:center; border:1px solid rgba(196,134,47,.7); border-radius:50%;
  background:#0b0f10; color:#fff; font-size:28px; line-height:1; cursor:pointer;
}

/* v0.12.12-beta: mobile model viewer stays inline so the document never locks. */
@media (max-width:767px){
  html.ptpeople-model-open { overflow:auto !important; }
  .ptpeople__model-inline-viewer[hidden] { display:none !important; }
  .ptpeople__model-inline-viewer {
    display:block;
    width:100%;
    margin-top:10px;
    border:1px solid rgba(196,134,47,.48);
    border-radius:12px;
    overflow:hidden;
    background:#0b0f10;
    box-shadow:0 14px 36px rgba(0,0,0,.22);
  }
  .ptpeople__model-inline-toolbar {
    position:sticky;
    top:0;
    z-index:2;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:10px 12px;
    background:#111617;
    border-bottom:1px solid rgba(196,134,47,.32);
    color:#f6ead5;
  }
  .ptpeople__model-inline-toolbar strong {
    font-size:13px;
    letter-spacing:.08em;
    text-transform:uppercase;
  }
  .ptpeople__model-inline-close {
    flex:0 0 auto;
    min-height:36px;
    padding:7px 10px;
    border:1px solid rgba(196,134,47,.52);
    border-radius:8px;
    background:#171d1e;
    color:#fff;
    font:inherit;
    font-size:13px;
    cursor:pointer;
  }
  .ptpeople__model-inline-scroll {
    width:100%;
    max-height:68vh;
    overflow:auto;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
    touch-action:pan-x pan-y;
    background:#fff;
  }
  .ptpeople__model-inline-scroll img {
    display:block;
    width:900px;
    max-width:none !important;
    height:auto;
    margin:0;
  }
  /* The legacy modal is desktop-only from this release onward. */
  .ptpeople__model-modal { display:none !important; }
}