/* Phone assistance test journey. Every rule is contained in the existing layer. */
#layer .modal:has(.jdpa){width:min(920px,calc(100vw - 24px));max-height:calc(100dvh - 24px);padding:0;gap:0;overflow:auto}
#layer .jdpa{
  --pa-ink:var(--text);--pa-soft:var(--text-2);--pa-muted:var(--muted);
  --pa-line:var(--border);--pa-paper:var(--surface);--pa-wash:var(--surface-2);
  --pa-accent:var(--violet);--pa-tint:var(--t-violet);
  color:var(--pa-ink);background:var(--pa-paper);font-family:var(--sans);
  font-size:15px;line-height:1.55;min-width:0
}
#layer .jdpa *{box-sizing:border-box}
#layer .jdpa button,#layer .jdpa input,#layer .jdpa select,#layer .jdpa textarea{font:inherit}
#layer .jdpa button:focus-visible,#layer .jdpa input:focus-visible,#layer .jdpa select:focus-visible,#layer .jdpa textarea:focus-visible{outline:2px solid var(--ring);outline-offset:3px}
#layer .jdpa button:disabled{cursor:not-allowed;opacity:.55}
#layer .jdpa p,#layer .jdpa h2,#layer .jdpa h3{margin:0}
#layer .jdpa .pa-top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px clamp(20px,4vw,34px);border-bottom:1px solid var(--pa-line)}
#layer .jdpa .pa-brand{display:flex;align-items:center;gap:10px;font-size:.73rem;letter-spacing:.15em;text-transform:uppercase;font-weight:800;color:var(--pa-soft)}
#layer .jdpa .pa-brand-mark{display:grid;place-items:center;width:31px;height:31px;border:1px solid var(--pa-accent);border-radius:10px;color:var(--pa-accent);font-family:var(--serif);font-size:1.15rem;letter-spacing:0;font-weight:400}
#layer .jdpa .pa-close{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;border:1px solid var(--pa-line);background:transparent;color:var(--pa-ink);font-size:23px;line-height:1}
#layer .jdpa .pa-close:hover{background:var(--pa-wash)}
#layer .jdpa .pa-body{padding:clamp(23px,5vw,46px) clamp(20px,6vw,58px) 34px}
#layer .jdpa .pa-kicker{display:flex;align-items:center;gap:10px;color:var(--pa-accent);text-transform:uppercase;letter-spacing:.14em;font-weight:800;font-size:.7rem;margin-bottom:15px}
#layer .jdpa .pa-kicker::before{content:"";width:20px;height:1px;background:currentColor}
#layer .jdpa h2{font-family:var(--serif);font-size:clamp(2.25rem,5vw,3.8rem);font-weight:400;line-height:1.03;letter-spacing:-.035em;max-width:670px}
#layer .jdpa .pa-lead{color:var(--pa-soft);max-width:620px;margin-top:18px;font-size:1.03rem;line-height:1.65}
#layer .jdpa .pa-disclosure{display:flex;gap:13px;background:var(--pa-wash);border:1px solid var(--pa-line);border-radius:var(--r-md);padding:16px 18px;margin-top:27px;color:var(--pa-soft);font-size:.87rem}
#layer .jdpa .pa-disclosure strong{color:var(--pa-ink)}
#layer .jdpa .pa-disc-mark{display:grid;place-items:center;flex:none;width:25px;height:25px;border:1px solid var(--pa-accent);border-radius:50%;color:var(--pa-accent);font-size:.8rem;font-weight:800}
#layer .jdpa .pa-modes{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:25px}
#layer .jdpa .pa-mode{min-height:180px;text-align:left;padding:21px;border:1px solid var(--pa-line);border-radius:var(--r-lg);background:var(--pa-paper);color:var(--pa-ink);transition:transform .25s var(--ease),border-color .25s var(--ease),background .25s var(--ease)}
#layer .jdpa .pa-mode:hover{transform:translateY(-3px);border-color:var(--pa-accent);background:var(--pa-tint)}
#layer .jdpa .pa-mode-number{display:block;color:var(--pa-accent);font-size:.74rem;letter-spacing:.1em;font-weight:800;margin-bottom:20px}
#layer .jdpa .pa-mode strong{display:block;font-size:1.12rem;line-height:1.25;margin-bottom:8px}
#layer .jdpa .pa-mode span:last-child{display:block;color:var(--pa-soft);font-size:.87rem}
#layer .jdpa .pa-sample{display:flex;justify-content:space-between;align-items:center;gap:16px;border-top:1px solid var(--pa-line);margin-top:26px;padding-top:19px}
#layer .jdpa .pa-sample small{display:block;color:var(--pa-muted);font-size:.75rem}
#layer .jdpa .pa-sample strong{font-size:1.1rem;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:.02em}
#layer .jdpa .pa-sample em{font-style:normal;font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;font-weight:800;color:var(--pa-accent);border:1px solid var(--pa-line);border-radius:100px;padding:6px 10px;white-space:nowrap}
#layer .jdpa .pa-sample-note{font-size:.78rem;color:var(--pa-muted);margin-top:5px}
#layer .jdpa .pa-section-head{display:flex;align-items:center;gap:12px;margin-bottom:23px}
#layer .jdpa .pa-back{border:0;background:transparent;color:var(--pa-soft);padding:6px 0;font-size:.85rem;font-weight:700}
#layer .jdpa .pa-back:hover{text-decoration:underline;color:var(--pa-accent)}
#layer .jdpa .pa-divider{color:var(--pa-line)}
#layer .jdpa .pa-section-head span:last-child{font-size:.75rem;color:var(--pa-accent);font-weight:800;letter-spacing:.1em;text-transform:uppercase}
#layer .jdpa .pa-progress{display:flex;gap:5px;margin:20px 0 28px}
#layer .jdpa .pa-progress span{height:3px;border-radius:3px;background:var(--pa-line);flex:1}
#layer .jdpa .pa-progress span.is-current{background:var(--pa-accent)}
#layer .jdpa .pa-question{font-family:var(--serif);font-size:clamp(1.6rem,3vw,2.2rem);font-weight:400;margin:0 0 8px}
#layer .jdpa .pa-hint{color:var(--pa-muted);font-size:.85rem;margin:8px 0 18px}
#layer .jdpa .pa-field{display:flex;flex-direction:column;gap:7px;min-width:0}
#layer .jdpa .pa-field label{font-weight:700;font-size:.83rem;color:var(--pa-ink)}
#layer .jdpa .pa-field label span{font-weight:400;color:var(--pa-muted)}
#layer .jdpa .pa-field input,#layer .jdpa .pa-field select,#layer .jdpa .pa-field textarea{width:100%;border:1px solid var(--border-strong);border-radius:10px;background:var(--pa-paper);color:var(--pa-ink);min-height:46px;padding:10px 13px}
#layer .jdpa .pa-field textarea{min-height:104px;resize:vertical}
#layer .jdpa .pa-field input::placeholder,#layer .jdpa .pa-field textarea::placeholder{color:var(--pa-muted);opacity:.8}
#layer .jdpa .pa-field-help{color:var(--pa-muted);font-size:.76rem}
#layer .jdpa .pa-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:24px 0}
#layer .jdpa .pa-grid .pa-span{grid-column:1/-1}
#layer .jdpa .pa-actions{display:flex;align-items:center;flex-wrap:wrap;gap:13px;margin-top:25px}
#layer .jdpa .pa-primary,#layer .jdpa .pa-secondary{min-height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;padding:10px 18px;font-weight:700;font-size:.88rem;text-align:center}
#layer .jdpa .pa-primary{background:var(--pa-accent);color:var(--pa-paper);border:1px solid var(--pa-accent)}
#layer .jdpa .pa-primary:hover{filter:brightness(.9)}
#layer .jdpa .pa-secondary{background:transparent;color:var(--pa-ink);border:1px solid var(--pa-line)}
#layer .jdpa .pa-secondary:hover{background:var(--pa-wash)}
#layer .jdpa .pa-consent{display:flex;gap:11px;align-items:flex-start;margin-top:23px;color:var(--pa-soft);font-size:.83rem}
#layer .jdpa .pa-consent input{width:18px;height:18px;flex:none;margin-top:3px;accent-color:var(--pa-accent)}
#layer .jdpa .pa-alert{padding:12px 14px;border:1px solid var(--danger);border-radius:10px;background:var(--t-danger);color:var(--pa-ink);font-size:.85rem;margin:19px 0}
#layer .jdpa .pa-confirm{padding:14px;border:1px solid var(--pa-line);border-radius:12px;background:var(--pa-wash);margin-top:13px}
#layer .jdpa .pa-confirm p{font-size:.86rem;margin-bottom:10px}
#layer .jdpa .pa-confirm .pa-actions{margin:0}
#layer .jdpa .pa-history{border-top:1px solid var(--pa-line);margin-top:35px;padding-top:26px}
#layer .jdpa .pa-history-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:15px}
#layer .jdpa .pa-history h3{font-family:var(--serif);font-size:1.65rem;font-weight:400}
#layer .jdpa .pa-history-note{color:var(--pa-muted);font-size:.8rem;margin-bottom:17px}
#layer .jdpa .pa-record{display:flex;justify-content:space-between;gap:15px;border:1px solid var(--pa-line);border-radius:12px;padding:16px;margin-top:9px}
#layer .jdpa .pa-record-title{font-weight:700;font-size:.92rem;overflow-wrap:anywhere}
#layer .jdpa .pa-record-meta{color:var(--pa-muted);font-size:.78rem;margin-top:5px;overflow-wrap:anywhere}
#layer .jdpa .pa-record-state{display:inline-block;margin-top:10px;border-radius:100px;background:var(--pa-tint);color:var(--pa-accent);font-size:.7rem;font-weight:800;padding:4px 9px}
#layer .jdpa .pa-record-state.is-cancelled{background:var(--pa-wash);color:var(--pa-muted)}
#layer .jdpa .pa-link{border:0;background:transparent;color:var(--pa-accent);font-size:.81rem;font-weight:700;padding:0;align-self:flex-start;white-space:nowrap}
#layer .jdpa .pa-link:hover{text-decoration:underline}
#layer .jdpa .pa-empty{padding:22px;border:1px dashed var(--pa-line);border-radius:12px;background:var(--pa-wash);color:var(--pa-soft);font-size:.86rem}
#layer .jdpa .pa-skeleton{height:67px;border-radius:12px;background:var(--pa-wash);margin:9px 0;opacity:.7}
#layer .jdpa .pa-skeleton:last-child{width:78%}
#layer .jdpa .pa-foot{padding:17px clamp(20px,6vw,58px);border-top:1px solid var(--pa-line);color:var(--pa-muted);font-size:.73rem;line-height:1.45}
@media(max-width:620px){
  #layer .modal:has(.jdpa){width:100%;max-height:100dvh;border-radius:16px 16px 0 0}
  #layer .jdpa .pa-modes,#layer .jdpa .pa-grid{grid-template-columns:1fr}
  #layer .jdpa .pa-grid .pa-span{grid-column:auto}
  #layer .jdpa .pa-mode{min-height:0}
  #layer .jdpa .pa-mode-number{margin-bottom:11px}
  #layer .jdpa .pa-record{flex-direction:column}
  #layer .jdpa .pa-sample{align-items:flex-start}
}
@media(prefers-reduced-motion:reduce){#layer .jdpa .pa-mode{transition:none}#layer .jdpa .pa-mode:hover{transform:none}}