/* 2026-10-21 psyhdr (그록 봇): /test 전 화면 = 캠퍼스다운 기본 헤더(_chrome_top) + 아래 얇은 '심리테스트' 서브바.
   메인 헤더만 fixed, 서브바는 스크롤과 함께 올라감(겹쳐 쌓이지 않음). 롤백: /home/cd/_backups/psyhdr-20261021 */
body.cd-psy-space{background:#faf7f4}
.cd-psub{position:relative;z-index:20;background:#fff;border-bottom:1px solid #ece6df;font-family:inherit}
.cd-psub__in{display:flex;align-items:center;gap:6px;width:min(1080px,100%);margin:0 auto;padding:0 12px;min-height:46px;box-sizing:border-box}
.cd-psub__title{flex:none;display:inline-flex;align-items:center;gap:6px;margin-right:6px;font-size:15px;font-weight:800;letter-spacing:-.02em;color:#2a2724!important;text-decoration:none!important;white-space:nowrap}
.cd-psub__title::before{content:"";width:6px;height:6px;border-radius:50%;background:#6f49e7}
.cd-psub__tabs{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:2px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.cd-psub__tabs::-webkit-scrollbar{display:none}
.cd-psub__tabs a{flex:none;display:inline-flex;align-items:center;min-height:34px;padding:0 12px;border-radius:999px;font-size:14px;font-weight:700;color:#5d564f!important;text-decoration:none!important;white-space:nowrap}
.cd-psub__tabs a:hover{background:#f6f1ff;color:#6f49e7!important}
.cd-psub__tabs a[aria-current="page"]{background:#f1ebff;color:#6f49e7!important}
/* 검색: 아이콘 → 펼침 */
.cd-psub__find{position:static;flex:none;margin:0 0 0 auto}
.cd-psub__find>summary{list-style:none;display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;color:#2a2724;cursor:pointer}
.cd-psub__find>summary::-webkit-details-marker{display:none}
.cd-psub__find>summary:hover,.cd-psub__find[open]>summary{background:#f6f1ff;color:#6f49e7}
.cd-psub__panel{position:absolute;left:0;right:0;top:100%;background:#fff;border-bottom:1px solid #ece6df;box-shadow:0 8px 18px rgba(42,39,36,.08);padding:10px 12px}
.cd-psub__form{display:flex;gap:8px;width:min(640px,100%);margin:0 auto}
.cd-psub__form input{flex:1;min-width:0;height:42px;border:1px solid #e4ddd4;border-radius:999px;padding:0 16px;font:inherit;font-size:16px;color:#2a2724;background:#fff}
.cd-psub__form input:focus{outline:2px solid #6f49e7;outline-offset:1px;border-color:transparent}
.cd-psub__form button{flex:none;height:42px;padding:0 18px;border:0;border-radius:999px;background:#6f49e7;color:#fff;font-weight:800;font-size:14px}
.cd-psub .ps-sr,.cd-psub .pm-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
@media(max-width:640px){
  .cd-psub__in{padding:0 4px 0 10px;gap:2px;min-height:44px}
  .cd-psub__title{font-size:14px;margin-right:2px}
  .cd-psub__tabs a{padding:0 10px;font-size:13.5px;min-height:32px}
}
@media(max-width:360px){.cd-psub__title::before{display:none}.cd-psub__tabs a{padding:0 8px}}
/* 홈(psy_mobile): 기존 pm-find(실시간 검색) 를 서브바 아이콘으로. 메인 헤더(z 1030) 위로 패널을 올린다 */
body.pm .cd-psub .pm-find{margin-left:auto;width:38px;height:38px}
body.pm .cd-psub .pm-find>summary{width:38px;height:38px;border-radius:10px}
body.pm .cd-psub .pm-find:not([open])>summary:hover{background:#f6f1ff;color:#6f49e7}
body.pm .cd-psub .pm-find[open]>summary{z-index:1062}
body.pm .cd-psub .pm-find[open] .pm-find__panel{z-index:1061}
body.pm:has(.cd-psub .pm-find[open])::before{z-index:1050}
/* 기존 심리 전용 하단 링크 */
body.cd-psy-space .ps-foot{display:flex;flex-wrap:wrap;gap:8px 16px;width:min(1080px,100%);margin:8px auto 0;padding:8px 16px 36px;color:#8a8178;font-size:13px}
body.cd-psy-space .ps-foot a{color:#6e675f;text-decoration:none;font-weight:700;min-height:32px;display:inline-flex;align-items:center}
/* 메인 .wrap 여백 보정: 홈(psy_mobile)은 .wrap 이 헤더·서브바만 감싸므로 min-height 해제. 데스크톱에선 서브바를 헤더 밑에 붙이고 좌우 끝까지 */
body.pm .wrap{min-height:0!important;height:auto!important}
@media(min-width:992px){.wrap>.cd-psub{margin-left:calc(-1 * var(--cd-wrap-pl,20px));width:calc(100% + var(--cd-wrap-pl,20px));margin-top:-18px}}

/* 2026-10-21 psyticker (그록 봇): 서브바 아래 홍보 띠 — 3문장 세로 롤링 (각 ~3s) */
.cd-ptk{background:#faf7f4;padding:8px 12px 0;box-sizing:border-box}
.cd-ptk__in{display:flex;align-items:center;gap:10px;width:min(1056px,100%);margin:0 auto;height:40px;padding:0 14px 0 8px;box-sizing:border-box;border-radius:12px;background:linear-gradient(90deg,#f1ebff 0%,#fff3e8 100%);border:1px solid #e7dcff;box-shadow:0 2px 8px rgba(111,73,231,.10);overflow:hidden}
.cd-ptk__chip{flex:none;padding:3px 8px;border-radius:999px;background:linear-gradient(90deg,#6f49e7,#ff7a3d);color:#fff;font-size:10px;font-weight:800;letter-spacing:.04em;line-height:1.2}
.cd-ptk__view{flex:1 1 auto;min-width:0;height:40px;overflow:hidden}
.cd-ptk__track{list-style:none;margin:0;padding:0;animation:cdPtk 9s cubic-bezier(.6,0,.3,1) infinite}
.cd-ptk__track li{height:40px;margin:0;display:flex;align-items:center;min-width:0}
.cd-ptk__track a{display:block;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;letter-spacing:-.02em;color:#3b2a7a!important;text-decoration:none!important}
.cd-ptk__track a b{color:#e8641f;font-weight:800}
.cd-ptk__track a:hover{text-decoration:underline!important}
.cd-ptk__arr{flex:none;font-weight:800;color:#6f49e7;font-size:14px}
.cd-ptk:hover .cd-ptk__track,.cd-ptk:focus-within .cd-ptk__track{animation-play-state:paused}
@keyframes cdPtk{0%,28%{transform:translateY(0)}33.33%,61%{transform:translateY(-25%)}66.66%,94%{transform:translateY(-50%)}100%{transform:translateY(-75%)}}
@keyframes cdPtkRm{0%,33%{transform:translateY(0)}33.34%,66.6%{transform:translateY(-25%)}66.7%,100%{transform:translateY(-50%)}}
@media (prefers-reduced-motion:reduce){.cd-ptk__track{animation:cdPtkRm 9s steps(1,end) infinite}}
@media (max-width:640px){.cd-ptk{padding:6px 10px 0}.cd-ptk__in{height:38px;gap:8px;padding:0 10px 0 6px}.cd-ptk__view,.cd-ptk__track li{height:38px}.cd-ptk__track a{font-size:12px}.cd-ptk__chip{font-size:9px;padding:2px 5px}.cd-ptk__arr{font-size:13px}}
/* psyticker v2: full-bleed thin strip (no pill, no arrow) */
.cd-ptk{padding:0!important;width:100%;max-width:100%;overflow:hidden;background:linear-gradient(90deg,#f1ebff 0%,#fff3e8 100%);border-bottom:1px solid #eee5fb}
.cd-ptk__in{width:min(1080px,100%);height:34px;padding:0 12px;border:0;border-radius:0;box-shadow:none;background:none}
.cd-ptk__view,.cd-ptk__track li{height:34px}
@media (max-width:640px){.cd-ptk__in{height:32px;padding:0 10px}.cd-ptk__view,.cd-ptk__track li{height:32px}}
.wrap>.cd-ptk{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}
body.cd-psy-space{overflow-x:clip}
/* psyticker v4: 5 items (+dup) 15s, reduced-motion = first only */
.cd-ptk__track{animation:cdPtk5 15s cubic-bezier(.6,0,.3,1) infinite}
@keyframes cdPtk5{0%,17%{transform:translateY(0)}20%,37%{transform:translateY(-16.6667%)}40%,57%{transform:translateY(-33.3333%)}60%,77%{transform:translateY(-50%)}80%,97%{transform:translateY(-66.6667%)}100%{transform:translateY(-83.3333%)}}
@media (prefers-reduced-motion:reduce){.cd-ptk__track{animation:none!important;transform:none}}