/* 심리검사 소개 화면의 영상 안내 UI. 검사 본문/인증 화면과 분리한다. */
#v-psychtest .ptv-banner{display:flex;align-items:center;gap:16px;margin:0 0 22px;padding:20px 24px;border:1px solid #d9e0ff;border-radius:18px;background:#edf2ff;text-align:left}
.ptv-play{display:grid;place-items:center;flex:none;width:48px;height:48px;border-radius:50%;color:#fff;background:#536bf3;font-size:20px;padding-left:3px}
#v-psychtest .ptv-banner-copy{flex:1;min-width:0}
#v-psychtest .ptv-banner h3{margin:0 0 4px;font-size:19px;font-weight:700;line-height:1.4;color:#283e96}
#v-psychtest .ptv-banner p{margin:0;font-size:14px;line-height:1.6;color:#53628a;word-break:keep-all}
.ptv-all,.tk-video-btn,.ptv-back{display:flex;align-items:center;justify-content:center;gap:7px;min-height:46px;border:1px solid #536bf3;border-radius:11px;background:#fff;color:#4058de;font-family:inherit;font-size:14px;font-weight:600;line-height:1.4;cursor:pointer}
.ptv-all{flex:none;padding:10px 18px;font-family:inherit;font-weight:700;font-size:14px}
#v-psychtest .tk-actions{display:grid;grid-template-columns:1.15fr 1fr;gap:7px;margin-top:18px}
#v-psychtest .tk-actions>button{min-width:0;min-height:46px;margin-top:0;padding:10px 5px;font-family:inherit;font-weight:600;font-size:12px;line-height:1.4;white-space:nowrap}
#v-psychtest .tk-actions .ico{width:14px;height:14px;flex:none}
.ptv-small-play{font-size:11px;line-height:1;flex:none}
.ptv-all:hover,.tk-video-btn:hover,.ptv-back:hover{background:#f0f3ff;border-color:#3349c1;color:#3349c1}
.ptv-all:focus-visible,.tk-video-btn:focus-visible,.ptv-dialog button:focus-visible{outline:3px solid #536bf3;outline-offset:3px}
#v-psychtest .tk-msg{word-break:keep-all}
body.ptv-modal-open{overflow:hidden}
.ptv-dialog{position:fixed;inset:0;width:min(760px,calc(100% - 32px));max-width:none;max-height:calc(100% - 40px);max-height:calc(100dvh - 40px);margin:auto;padding:0;border:1px solid #d9deeb;border-radius:22px;background:#fff;color:#232630;box-shadow:0 24px 80px rgba(20,28,55,.25);font-family:inherit;text-align:left;overflow:auto;overscroll-behavior:contain}
.ptv-dialog::backdrop{background:rgba(20,26,45,.55)}
.ptv-dialog-head{position:sticky;top:0;z-index:1;display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:24px;border-bottom:1px solid #e6e9f2;background:#fff}
.ptv-dialog-head h2{margin:0;font-size:23px;font-weight:700;line-height:1.4;letter-spacing:-.5px;word-break:keep-all}
.ptv-dialog-head p{margin:8px 0 0;font-size:14px;line-height:1.6;color:#626978;word-break:keep-all}
.ptv-close{display:grid;place-items:center;flex:none;width:44px;height:44px;border:1px solid #e1e5ee;border-radius:12px;background:#f7f8fb;color:#454c5c;font:28px/1 sans-serif;cursor:pointer}
.ptv-close:hover{background:#eceffa}
.ptv-dialog-body{padding:24px}
.ptv-player{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:12px;background:#161616}
.ptv-player iframe{display:block;width:100%;height:100%;border:0}
.ptv-video-help{margin:16px 0 0;font-size:13px;line-height:1.8;color:#626978;text-align:center;word-break:keep-all}
.ptv-video-help a{display:inline-block;padding:8px 4px;color:#4058de;text-decoration:underline;text-underline-offset:3px}
.ptv-video-help a:focus-visible{outline:3px solid #536bf3;outline-offset:3px}
.ptv-grade-list{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}
.ptv-grade{min-height:44px;padding:8px 16px;border:1px solid #d9dffc;border-radius:24px;background:#f1f3ff;color:#4058de;font-family:inherit;font-size:14px;font-weight:700;cursor:pointer}
.ptv-grade[aria-pressed="true"]{background:#536bf3;border-color:#536bf3;color:#fff}
.ptv-library-note{margin:0 0 18px;font-size:14px;color:#626978;line-height:1.7}
.ptv-library-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.ptv-library-item{display:flex;align-items:center;gap:12px;min-width:0;min-height:100px;padding:16px;border:1px solid #dfe4f3;border-radius:14px;background:#fafbff;color:#252f4d;text-align:left;font-family:inherit;cursor:pointer}
.ptv-library-item:hover{border-color:#536bf3;background:#f0f3ff}
.ptv-library-item .ptv-play{width:36px;height:36px;font-size:14px;background:#e4e9ff;color:#4058de}
.ptv-library-item strong{display:block;font-size:15px;line-height:1.5;word-break:keep-all}
.ptv-library-item small{display:block;margin-top:6px;font-size:12px;color:#697180}
.ptv-pending{padding:28px 16px 36px;text-align:center}
.ptv-pending .ptv-play{margin:0 auto 18px;width:64px;height:64px;background:#edf1ff;color:#536bf3;font-size:24px}
.ptv-pending strong{display:block;font-size:21px;line-height:1.5;color:#334783}
.ptv-pending p{max-width:390px;margin:12px auto 0;font-size:15px;line-height:1.8;color:#626978;word-break:keep-all}
.ptv-back{margin:22px auto 0;padding:10px 18px;font-family:inherit;font-size:14px;font-weight:600}
@media(max-width:1180px){
  #v-psychtest .tk-actions{grid-template-columns:1fr;gap:8px}
  #v-psychtest .tk-actions>button{font-size:14px}
}
@media(max-width:960px){
  #v-psychtest .ptv-banner{gap:12px;padding:18px}
}
@media(max-width:600px){
  #v-psychtest .ptv-banner{display:grid;grid-template-columns:40px minmax(0,1fr);gap:10px 12px;padding:16px;border-radius:15px}
  #v-psychtest .ptv-banner>.ptv-play{width:40px;height:40px;font-size:16px}
  #v-psychtest .ptv-banner h3{font-size:16px}
  #v-psychtest .ptv-banner p{font-size:12px}
  #v-psychtest .ptv-all{grid-column:1/-1;width:100%}
  #v-psychtest .tk-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  #v-psychtest .tk-head{padding:42px 12px 16px;min-height:128px}
  #v-psychtest .tk-head h4{font-size:15px;line-height:1.5;word-break:keep-all}
  #v-psychtest .tk-head .tk-en{font-size:11px;line-height:1.5;margin-top:5px}
  #v-psychtest .tk-head .tk-badge{top:10px;right:10px;font-size:10px;padding:3px 8px}
  #v-psychtest .tk-body{padding:14px 12px 16px}
  #v-psychtest .tk-meta{gap:16px;margin-bottom:12px;padding-bottom:12px}
  #v-psychtest .tk-meta .m .mv{font-size:11px}
  #v-psychtest .tk-desc{font-size:12px;line-height:1.7}
  #v-psychtest .tk-actions>button{font-size:12px;gap:5px}
  #v-psychtest .tk-auth{flex-direction:column}
  #v-psychtest .tk-input{width:100%}
  #v-psychtest .tk-msg{font-size:11px;padding:9px}
  .ptv-dialog{width:calc(100% - 24px);max-height:calc(100dvh - 24px);border-radius:18px}
  .ptv-dialog-head,.ptv-dialog-body{padding:18px}
  .ptv-dialog-head h2{font-size:19px}
  .ptv-dialog-head p{font-size:13px}
  .ptv-grade-list{gap:6px}
  .ptv-grade{padding:8px 12px;font-size:13px}
  .ptv-library-grid{grid-template-columns:1fr}
}
@media(max-width:359px){
  #v-psychtest .tk-grid{grid-template-columns:1fr}
  #v-psychtest .tk-head{min-height:0;padding:20px 52px 20px 16px}
  #v-psychtest .tk-body{padding:16px}
  #v-psychtest .tk-desc,#v-psychtest .tk-actions>button{font-size:13px}
}