/* ═══════════════════════════════════════════════════════════
   TCRI 테마 — style.css 위에 덮어쓰는 층
   레퍼런스: anthropic.com/research
   ─ 아이보리 바탕 · 먹색 글씨 · 알약형 메뉴/버튼 · 굵은 산세리프 문장형 제목
   ─ 구조: 큰 한 문장 → 연구 축 줄 → 먹색 대표 연구 → 개수·필터·정렬 + 카드 그리드
   ─ 강조색(클레이)은 작은 라벨·호버에만 아껴 쓴다
   ═══════════════════════════════════════════════════════════ */

:root{
  --paper:#FAF9F5;   --paper-2:#F5F4ED;   --paper-3:#E8E6DC;
  --night:#141413;   --night-2:#0E0E0D;
  --moss:#30302E;    --moss-d:#141413;    --moss-l:#B0AEA5;
  --forest:#FAF9F5;  --forest-d:#FAF9F5;
  --amber:#D97757;   --brick:#141413;
  --clay:#D97757;    --clay-d:#C15F3C;
  --ink:#141413;     --text:#3D3D3A;      --text-2:#73726C;
  --hair:rgba(20,20,19,.14);   --hair-2:rgba(20,20,19,.08);
  --hair-l:rgba(250,249,245,.14);
  --line:#E8E6DC;
  --r:8px;
}

body{font-size:16.5px;line-height:1.7;letter-spacing:-.006em}
::selection{background:rgba(217,119,87,.22)}
:focus-visible{outline-color:var(--clay)}
.bar{background:var(--clay)}
.wrap{max-width:1240px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.rail{display:none !important}

/* ── 타이포 — 대문자 디스플레이를 걷어내고 굵은 문장형 제목으로 ── */
.d1,.d2,.d3{text-transform:none;font-weight:600;letter-spacing:-.022em;line-height:1.18;color:var(--ink)}
.d1{font-size:clamp(30px,4.2vw,50px)}
.d2{font-size:clamp(26px,3.3vw,40px)}
.d3{font-size:clamp(19px,1.9vw,23px);line-height:1.3}
.tag{font-size:12px;letter-spacing:.12em;color:var(--text-2)}
.tag b{font-size:13px;letter-spacing:0;color:var(--ink);font-weight:500}
.tag-lg b{text-transform:none;font-weight:600;letter-spacing:-.02em;color:var(--ink)}
.head .num{color:var(--clay);border-top:1px solid var(--clay);letter-spacing:.14em;font-size:12px}
.centered .num{border-bottom:1px solid var(--clay)}
.lede{color:var(--text)}
.copy strong{font-weight:600}

/* ── 버튼 — 먹색 알약 / 테두리 알약 ── */
.btn{border-radius:999px;text-transform:none;letter-spacing:0;font-size:15px;font-weight:500;
     padding:12px 22px;gap:10px;border:1px solid var(--ink);background:var(--ink);color:var(--paper)}
.btn:hover,.btn:focus-visible{background:#3D3D3A;border-color:#3D3D3A;color:var(--paper)}
.btn.ghost{background:transparent;color:var(--ink);border-color:var(--hair)}
.btn.ghost:hover,.btn.ghost:focus-visible{background:var(--paper-2);border-color:var(--hair);color:var(--ink)}
.btn.amber,.btn.paper{background:var(--paper);border-color:var(--paper);color:var(--ink)}
.btn.amber:hover,.btn.amber:focus-visible,
.btn.paper:hover,.btn.paper:focus-visible{background:var(--paper-3);border-color:var(--paper-3);color:var(--ink)}
.profile .btn{padding:11px 20px;font-size:14.5px}

/* ── 사진·카드 — 둥근 모서리 ── */
.pic{border-radius:var(--r)}
.pic::after{display:none}
.pic.b{background-color:var(--ink)}
.pic.c{background-color:var(--clay)}
.pic.d{background-color:#30302E}

/* ═══════════════ 상단바 — 로고 · 가운데 알약 메뉴 · 오른쪽 언어/로그인 ═══════════════ */
.top,body.sub .top{background:rgba(250,249,245,.92);-webkit-backdrop-filter:saturate(1.4) blur(12px);
     backdrop-filter:saturate(1.4) blur(12px);border-bottom:0}
body.sub .top::after{display:none}
.top-in{display:grid;grid-template-columns:1fr auto 1fr;min-height:64px;gap:16px}
.logo{flex-direction:row;justify-self:start}
.logo .mark{width:92px}
.logo .orgline{display:none !important}
body.sub .logo .mark-light{display:block}
body.sub .logo .mark-dark{display:none}
.auth{justify-self:end}

.menu{gap:6px;align-items:center;flex-wrap:nowrap;justify-content:center}
.menu a,body.sub .menu a{font-size:13.5px;letter-spacing:.01em;text-transform:none;color:#3D3D3A;
        padding:6px 15px;border:0;border-radius:999px;background:var(--paper-2);transition:background .18s;
        display:inline-flex;align-items:center;gap:6px}
.menu a:hover,.menu a.on,body.sub .menu a:hover,body.sub .menu a.on{background:var(--paper-3);color:var(--ink);border:0}
.has-drop > a::after{content:"";width:6px;height:6px;border-right:1.4px solid currentColor;
        border-bottom:1.4px solid currentColor;transform:translateY(-2px) rotate(45deg);opacity:.7}
.menu-drop::before,body.sub .menu-drop::before{background:var(--paper);border:1px solid var(--line);
           border-radius:12px;box-shadow:0 12px 32px rgba(20,20,19,.08)}
.menu-drop a,body.sub .menu-drop a{background:none;border-radius:0;color:var(--text-2);padding:10px 20px;
           display:flex}
.menu-drop a::after{display:none}
.menu a[hidden],.sheet a[hidden]{display:none !important}
.menu-drop a b,body.sub .menu-drop a b{color:var(--ink)}
.menu-drop a:hover,.menu-drop a:hover b,
body.sub .menu-drop a:hover,body.sub .menu-drop a:hover b{background:none;color:var(--clay-d)}

.lang-switch,body.sub .lang-switch{border:0;background:var(--paper-2);border-radius:999px;padding:3px}
.lang-switch button,body.sub .lang-switch button{border-radius:999px;color:var(--text-2);padding:5px 11px;letter-spacing:.04em}
.lang-switch button.on,body.sub .lang-switch button.on{background:var(--paper);color:var(--ink);
  box-shadow:0 1px 2px rgba(20,20,19,.1)}
.auth-btn,body.sub .auth-btn{border-radius:999px;border:1px solid var(--ink);background:var(--ink);
  color:var(--paper);text-transform:none;letter-spacing:0;font-size:13.5px;font-weight:500;padding:7px 16px}
.auth-btn:hover,body.sub .auth-btn:hover{background:#3D3D3A;border-color:#3D3D3A;color:var(--paper)}
body.sub .who-chip b{color:var(--ink)}
.who-chip span,body.sub .who-chip span{color:var(--clay-d);letter-spacing:.1em}

body.sub .hamb span,.hamb span{background:var(--ink)}
.sheet,body.sub .sheet{background:var(--paper);inset:64px 0 0}
.sheet a,body.sub .sheet a{text-transform:none;font-weight:600;letter-spacing:-.02em;color:var(--ink);
         border-bottom-color:var(--line)}

/* ═══════════════ 큰 한 문장 (메인 · Research 첫 화면) ═══════════════ */
.lead-hero{padding:clamp(56px,8vw,112px) 0 clamp(36px,4.5vw,56px)}
.lead-head{font-weight:600;color:var(--ink);letter-spacing:-.03em;line-height:1.16;
           font-size:clamp(30px,4.4vw,56px);max-width:21em;text-wrap:balance}

/* ═══════════════ 연구 축 줄 — 아이콘 · 제목 · 개수 · 설명 ═══════════════ */
.cats-sec{padding-bottom:clamp(64px,8vw,104px)}
.cats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(20px,2.6vw,36px)}
.cat{display:grid;grid-template-columns:auto 1fr;column-gap:12px;row-gap:14px;align-items:center;
     color:inherit;padding-top:18px;border-top:1px solid var(--line)}

.cat-ic{width:30px;height:30px;color:var(--ink)}
.cat-txt h3{font-size:19px;font-weight:600;letter-spacing:-.015em;color:var(--ink);line-height:1.25}
.cat-n{display:block;font-size:12.5px;color:var(--text-2);margin-top:2px}
.cat p{grid-column:1 / -1;font-size:14.5px;line-height:1.62;color:var(--text-2)}


/* ═══════════════ 대표 연구 — 먹색 전폭 띠 ═══════════════ */
.feat{background:var(--night);color:rgba(250,249,245,.72)}
.feat-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(28px,5vw,72px);
           align-items:stretch;padding-block:clamp(48px,6vw,80px)}
.feat-txt{display:flex;flex-direction:column;justify-content:center;min-height:clamp(280px,32vw,420px)}
.meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:13px;color:var(--text-2)}
.meta .kind{font-size:11.5px;padding:2px 10px;border-radius:999px;background:var(--paper-3);color:var(--text)}
.feat .meta{color:rgba(250,249,245,.55)}
.feat .meta .kind{background:#30302E;color:rgba(250,249,245,.8)}
.feat h2{color:var(--paper);font-weight:600;letter-spacing:-.022em;line-height:1.28;
         font-size:clamp(22px,2.5vw,32px);margin:18px 0 14px}
.feat-sum{font-size:15.5px;line-height:1.7;max-width:36em}
.feat-ctrl{display:flex;align-items:center;gap:14px;margin-top:auto;padding-top:32px;
           font-size:13px;color:rgba(250,249,245,.55);font-variant-numeric:tabular-nums}
.feat-arrow{width:36px;height:36px;border-radius:50%;border:1px solid rgba(250,249,245,.22);
            background:none;color:var(--paper);cursor:pointer;font-size:16px;transition:background .2s}
.feat-arrow:hover{background:rgba(250,249,245,.1)}
.feat-pics{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0;border:0;background:none;
           cursor:pointer;color:inherit;text-align:left}
.feat-pics img{width:100%;height:100%;max-height:440px;object-fit:cover;object-position:top;
               border-radius:var(--r);background:#30302E;transition:opacity .25s}
.feat-pics:hover img{opacity:.88}

/* ═══════════════ 전체 연구 — 개수 · 필터 · 정렬 + 카드 그리드 ═══════════════ */
.arch-sec{padding-block:clamp(64px,8vw,104px)}
.arch-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;
          padding-bottom:22px;margin-bottom:clamp(32px,4vw,52px);border-bottom:1px solid var(--line)}
.arch-count{font-size:12px;letter-spacing:.14em;color:var(--text-2)}
.arch-count b{font-weight:500;color:var(--ink)}
.arch-tools{display:flex;gap:8px}
.pill-select select{appearance:none;-webkit-appearance:none;font:inherit;font-size:13.5px;color:var(--ink);
  background:var(--paper-2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23141413' stroke-width='1.4'/%3E%3C/svg%3E") right 14px center no-repeat;
  border:0;border-radius:999px;padding:7px 34px 7px 15px;cursor:pointer}
.pill-select select:hover{background-color:var(--paper-3)}

.arch-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:clamp(20px,2.8vw,40px);
           row-gap:clamp(40px,5vw,64px);align-items:start}
.arch-grid > :nth-child(3n+2){margin-top:clamp(32px,5vw,72px)}
.acard{display:flex;flex-direction:column;gap:12px;padding:0;border:0;background:none;color:inherit;
       text-align:left;cursor:pointer;font:inherit}
.acard-img{display:block;aspect-ratio:4/3;border-radius:var(--r);overflow:hidden;background:var(--paper-3)}
.acard-img img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .4s var(--ease)}
.acard:hover .acard-img img{transform:scale(1.035)}
.acard-no{font-size:12px;letter-spacing:.1em;color:var(--clay-d);margin-top:4px}
.acard-h{display:block;font-size:18.5px;font-weight:600;letter-spacing:-.015em;line-height:1.4;color:var(--ink)}
.acard:hover .acard-h{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.acard-p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;
         font-size:14.5px;line-height:1.62;color:var(--text-2)}
.arch-more{margin-top:clamp(44px,5vw,64px);justify-content:center}

/* ═══════════════ 미션 — 글 + 활동 사진 ═══════════════ */
.mission-sec{padding-block:clamp(64px,8vw,104px);border-top:1px solid var(--line)}
.mission2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(28px,5vw,72px);align-items:center}
.mission2 .copy{max-width:40ch}
.mission2 .btns{gap:10px}
.mission-photo{position:relative;inset:auto;z-index:0;aspect-ratio:4/3;border-radius:var(--r);
               overflow:hidden;background:var(--paper-3)}

/* ═══════════════ Research — 연구 축 · 주제 탭 아카이브 ═══════════════ */
.axes-sec{padding-bottom:clamp(56px,7vw,96px)}
.axes .en{color:var(--clay-d);letter-spacing:.12em}
.axes h3{color:var(--ink)}
.axes p{color:var(--text-2)}
.theme-tabs{display:flex;flex-wrap:wrap;gap:6px}
.theme-tabs button{font:inherit;font-size:13.5px;padding:6px 15px;border-radius:999px;border:0;
                   background:var(--paper-2);color:var(--text);cursor:pointer;transition:background .18s}
.theme-tabs button:hover{background:var(--paper-3)}
.theme-tabs button.on{background:var(--ink);color:var(--paper)}
.theme-head{color:var(--ink);font-weight:600;letter-spacing:-.02em;border-bottom:1px solid var(--ink)}
.theme-head span{color:var(--clay-d);letter-spacing:.12em}
.paper-item{border-top:1px solid var(--line)}
.paper-item h3{text-transform:none;font-weight:600;letter-spacing:-.015em;color:var(--ink)}
.paper-item .lead-msg{color:var(--text)}
.paper-item .who{color:var(--text-2)}
.paper-item .who em{color:var(--text-2)}
.paper-item .cover-thumb{border:0;border-radius:6px;background:var(--paper-3)}
.paper-item .cover-thumb-btn::after{border-radius:0 0 6px 6px;background:rgba(20,20,19,.72)}
.paper-item .dl{color:var(--clay-d);letter-spacing:.06em;text-transform:none}
.paper-item .veil-note{color:var(--text-2)}
.paper-item .veil{border-radius:999px;border-color:var(--hair);color:var(--ink);text-transform:none;letter-spacing:0}
.paper-item .veil:hover,.paper-item .veil:focus-visible{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.lock{border-radius:12px}
.lock.light{background:var(--paper-2);border-color:var(--line)}
.lock.light svg{color:var(--clay)}
.lock.light .btn.amber{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.lock.light .btn.amber + .btn.amber{background:transparent;color:var(--ink);border-color:var(--hair)}
.demo-note{border-left-color:var(--clay)}

/* ═══════════════ 다크 섹션 (서브페이지) ═══════════════ */
.dark{background:var(--night);color:rgba(250,249,245,.7)}
.dark h1,.dark h2,.dark .split h1,.dark .tag-lg b{color:var(--paper)}
.dark .tag{color:rgba(250,249,245,.5)}
.dark .tag b{color:var(--paper)}
.dark .head .num{color:var(--clay);border-color:var(--clay)}
.tile b{color:var(--clay);letter-spacing:.12em}
.tile:hover h3,.card:hover h3{color:var(--clay)}
.tile h3,.card h3{text-transform:none;letter-spacing:-.015em}

/* ═══════════════ 참여·갤러리 밴드 — 한 톤 낮은 아이보리 ═══════════════ */
.join,.gallery{background:var(--paper-2);color:var(--text)}
.join .tag,.gallery .tag{color:var(--text-2)}
.join .tag b,.gallery .tag b{color:var(--ink)}
.join .num{color:var(--clay);border-color:var(--clay)}
.join h1,.join h2,.gallery h2{color:var(--ink)}
.join .lede{color:var(--text)}
.who span{border:1px solid var(--hair);border-radius:999px;text-transform:none;letter-spacing:0;
          font-size:13.5px;color:var(--text);background:var(--paper)}
.gcap{color:var(--text-2)}

/* ═══════════════ 서브페이지 공용 ═══════════════ */
.about-tabnav{border-bottom-color:var(--line)}
.entry h3,.split h1,.news h1,.mission h1,.essay-head h2,.cta h2,.profile .name{color:var(--ink)}
.entry .key,.list b,.feed time{color:var(--clay-d)}
.feed article:hover h3{color:var(--clay-d)}
.ask{border-left-color:var(--clay);background:var(--paper-2)}
.quote{border-radius:var(--r)}
.four .step{border-top:1px solid var(--ink)}
.four .step h3{text-transform:none;letter-spacing:-.015em;font-weight:600}
.stair{border-radius:var(--r);border-color:var(--line)}
.stair.now{border-color:var(--ink)}
.chip{background:var(--clay);color:#fff;border-radius:999px}
.year{letter-spacing:-.02em}

/* ═══════════════ 푸터 ═══════════════ */
footer{background:var(--night);color:rgba(250,249,245,.56)}
footer h2{font-weight:600;letter-spacing:-.02em}
footer h4{color:rgba(250,249,245,.42);font-size:12px;letter-spacing:.14em}
.col a:hover,.rule a:hover{color:var(--clay)}
.rule{border-top-color:rgba(250,249,245,.12);font-size:11.5px;letter-spacing:.12em}

/* ═══════════════ 반응형 ═══════════════ */
@media (max-width:1080px){
  .cats{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:32px}
}
@media (max-width:900px){
  .top-in{grid-template-columns:auto 1fr auto}
  .menu{display:none}
  .auth{justify-self:end}
  .feat-grid,.mission2{grid-template-columns:1fr}
  .feat-txt{min-height:0}
  .arch-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .arch-grid > :nth-child(3n+2){margin-top:0}
  .arch-grid > :nth-child(2n){margin-top:clamp(32px,6vw,56px)}
}
@media (max-width:560px){
  .cats,.arch-grid{grid-template-columns:1fr}
  .arch-grid > :nth-child(2n){margin-top:0}
  .lang-switch:not(.sheet-lang){display:none}
}

/* ═══════════════ 역량 자가진단 ═══════════════ */
.qbar{border-radius:999px;overflow:hidden;background:var(--paper-3)}
.qbar i{background:var(--clay)}
.qitem{border-top-color:var(--line)}
.qitem p b{color:var(--clay-d)}
.scale button{border:1px solid var(--line);border-radius:10px;background:var(--paper);color:var(--text);
              letter-spacing:0;font-size:12.5px}
.scale button:hover{border-color:var(--ink);color:var(--ink)}
.scale button.on{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.result{border:1px solid var(--line);border-radius:12px;background:var(--paper-2)}
.result h2{color:var(--ink)}
.barrow b{letter-spacing:.08em}
.barrow .track{height:10px;border-radius:999px;overflow:hidden;background:var(--paper-3)}
.barrow .track i{background:#30302E;border-radius:999px}
.barrow .track i.top{background:var(--clay)}

/* 참여 밴드 안의 회원가입 버튼은 먹색으로 */
.join .btn.paper{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.join .btn.paper:hover{background:#3D3D3A;border-color:#3D3D3A}

/* 대표 연구(먹색) 바로 뒤에서는 구분선이 필요 없다 */
.feat + .mission-sec{border-top:0}

/* ═══════════════════════════════════════════════════════════
   새 구조 — 역량 진단 · 역량 사전 · 성장 · 청년역량지수 · 인사이트
   ═══════════════════════════════════════════════════════════ */
.lead-k{font-size:13px;letter-spacing:.06em;color:var(--clay-d);margin-bottom:18px}
.lead-sub{margin-top:22px;max-width:40em;font-size:clamp(16px,1.4vw,18px);color:var(--text-2)}
[id]{scroll-margin-top:84px}
.form-msg{margin-top:12px;font-size:14px;color:var(--clay-d)}

/* ── 공용 막대 ── */
.ix-bar{display:grid;grid-template-columns:7.5em 1fr 2.6em;align-items:center;gap:12px;margin-top:12px;font-size:14px}
.ix-bar-l{color:var(--text)}
.ix-track{height:10px;border-radius:999px;background:var(--paper-3);overflow:hidden}
.ix-track i{display:block;height:100%;width:0;border-radius:999px;transition:width .8s var(--ease)}
.ix-bar b{font-weight:600;color:var(--ink);text-align:right;font-variant-numeric:tabular-nums}

/* ── 역량 진단 ── */
.assess-sec{padding-bottom:clamp(64px,8vw,104px)}
.quiz{max-width:860px;margin-inline:0}
.report{display:flex;flex-direction:column;gap:clamp(28px,4vw,44px)}
.report-top{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(24px,4vw,56px);align-items:center;
            padding:clamp(26px,4vw,44px);border-radius:16px;background:var(--paper-2)}
.report-k{font-size:12.5px;letter-spacing:.08em;color:var(--clay-d);margin-bottom:10px}
.report-type{font-size:clamp(34px,4.6vw,56px);font-weight:700;letter-spacing:-.03em;line-height:1.1;color:var(--ink)}
.report-en{margin-top:8px;font-size:15px;color:var(--text-2)}
.report-line{margin-top:18px;font-size:17px;line-height:1.7;color:var(--text)}
.report-scores{margin-top:22px}
.radar{width:100%;max-width:380px;height:auto;display:block;margin-inline:auto;overflow:visible}
.rd-l{font-size:13px;fill:var(--text)}
.rd-v{font-weight:700;fill:var(--ink)}
.report-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,3vw,40px)}
.report-cols section{border-top:1px solid var(--ink);padding-top:16px;font-size:15.5px;line-height:1.7}
.report-cols ul{margin:0;padding-left:1.1em}
.report-cols b{color:var(--ink)}
.report-next{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.next-card{display:flex;flex-direction:column;gap:6px;padding:20px 22px;border-radius:12px;border:1px solid var(--line);
           background:var(--paper);color:inherit;text-align:left;font:inherit;cursor:pointer;position:relative;
           transition:border-color .2s,background .2s}
.next-card:hover{border-color:var(--ink);background:var(--paper-2)}
.next-card span{font-size:12.5px;color:var(--clay-d)}
.next-card b{font-size:16px;font-weight:600;line-height:1.4;color:var(--ink);padding-right:24px}
.next-card i{position:absolute;right:20px;bottom:20px;font-style:normal;color:var(--ink)}
.report-btns{gap:10px}

.org-sec{padding-block:clamp(64px,8vw,104px);background:var(--paper-2)}
.org-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(28px,5vw,72px);align-items:start}
.org-steps{list-style:none;margin:30px 0 0;padding:0;counter-reset:s;display:flex;flex-direction:column;gap:14px}
.org-steps li{counter-increment:s;display:grid;grid-template-columns:34px 1fr;column-gap:12px;font-size:15px}
.org-steps li::before{content:counter(s);grid-row:span 2;width:28px;height:28px;border-radius:50%;
  background:var(--ink);color:var(--paper);display:grid;place-items:center;font-size:13px}
.org-steps b{color:var(--ink);font-weight:600}
.org-steps span{color:var(--text-2)}
.form-card{display:flex;flex-direction:column;gap:14px;padding:clamp(22px,3vw,32px);border-radius:16px;
           background:var(--paper);border:1px solid var(--line)}
.form-card h3{font-size:19px;font-weight:600;color:var(--ink)}
.form-card label{display:flex;flex-direction:column;gap:6px;font-size:13.5px;color:var(--text)}
.form-card input,.form-card select,.form-card textarea,.ch-fields input,.ch-fields select,.news-form input{
  font:inherit;font-size:15px;color:var(--ink);background:var(--paper);border:1px solid var(--line);
  border-radius:10px;padding:11px 14px;width:100%}
.form-card input:focus,.form-card select:focus,.form-card textarea:focus,.ch-fields input:focus,
.ch-fields select:focus,.news-form input:focus{outline:none;border-color:var(--ink)}
.form-card .btn{align-self:flex-start;margin-top:6px}

/* ── 역량 사전 ── */
.jump{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}
.jump a{font-size:14px;padding:8px 16px;border-radius:999px;background:var(--paper-2);color:var(--ink);transition:background .18s}
.jump a:hover{background:var(--paper-3)}
.dict-sec{padding-bottom:clamp(64px,8vw,104px)}
.dict-comp{padding-top:clamp(48px,6vw,80px)}
.dict-comp + .dict-comp{margin-top:clamp(24px,3vw,40px);border-top:1px solid var(--line)}
.dict-head{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(0,1.1fr);gap:clamp(16px,3vw,40px);
           align-items:start;margin-bottom:clamp(28px,3.5vw,44px)}
.dict-no{font-size:13px;letter-spacing:.12em;color:var(--clay-d);padding-top:10px}
.dict-en{margin-top:6px;font-size:14px;color:var(--text-2)}
.dict-sum{font-size:17px;line-height:1.7;color:var(--text);padding-top:6px}
.dict-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(14px,2vw,22px)}
.dict-card{padding:22px;border-radius:12px;background:var(--paper-2);display:flex;flex-direction:column}
.dict-card-en{font-size:12px;letter-spacing:.06em;color:var(--text-2)}
.dict-card h3{margin-top:4px;font-size:20px;font-weight:600;letter-spacing:-.015em;color:var(--ink)}
.dict-def{margin-top:10px;font-size:14.5px;line-height:1.62;color:var(--text)}
.dict-lab{margin-top:18px;font-size:12px;letter-spacing:.04em;color:var(--clay-d)}
.dict-card ul{margin:6px 0 0;padding-left:1.05em;font-size:14px;line-height:1.6;color:var(--text)}
.dict-card ul li + li{margin-top:4px}
.dict-card ul.grow{color:var(--ink)}
.dict-cta{margin-top:clamp(24px,3vw,36px);gap:10px}

/* ── 성장 · 4주 챌린지 ── */
.ch-sec{padding-bottom:clamp(64px,8vw,104px)}
.weeks{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(14px,2vw,22px)}
.week{padding:22px;border-radius:12px;border:1px solid var(--line);background:var(--paper)}
.week-no{font-size:12px;letter-spacing:.12em;color:var(--clay-d)}
.week h3{margin-top:8px;font-size:19px;font-weight:600;letter-spacing:-.015em;color:var(--ink)}
.week ul{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-direction:column;gap:10px}
.week li{position:relative;padding-left:26px;font-size:14.5px;line-height:1.55;color:var(--text)}
.week li::before{content:"";position:absolute;left:0;top:3px;width:15px;height:15px;border-radius:4px;border:1.5px solid var(--hair)}
.ch-form{margin-top:clamp(28px,4vw,44px);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:20px;
         align-items:center;padding:clamp(22px,3vw,32px);border-radius:16px;background:var(--night);color:rgba(250,249,245,.7)}
.ch-form h3{font-size:20px;font-weight:600;color:var(--paper)}
.ch-form p{margin-top:6px;font-size:14.5px}
.ch-fields{display:flex;gap:8px}
.ch-fields select{flex:0 0 9.5em}
.ch-fields .btn{flex:none;background:var(--clay);border-color:var(--clay)}
.ch-fields .btn:hover{background:var(--clay-d);border-color:var(--clay-d)}
.ch-form .form-msg{grid-column:1 / -1;margin-top:0;color:#F0B9A5}
.prog-sec{padding-block:clamp(64px,8vw,104px);background:var(--paper-2)}
.prog-sec .biz article{border-top:1px solid var(--ink)}
.prog-sec .biz .n{color:var(--clay-d)}
.prog-sec .biz h3{color:var(--ink)}
.prog-sec .biz p{color:var(--text-2)}

/* ── 청년역량지수 ── */
.ix-sec{padding-bottom:clamp(56px,7vw,88px)}
.demo-banner{padding:14px 18px;border-radius:12px;background:#FBEFE9;color:#7A3B22;font-size:14.5px;line-height:1.6;
             margin-bottom:clamp(24px,3vw,36px)}
.demo-banner b{display:inline-block;margin-right:10px;padding:1px 9px;border-radius:999px;background:var(--clay);
               color:#fff;font-size:12px;font-weight:600}
.ix-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.ix-kpi{padding:20px 22px;border-radius:12px;background:var(--paper-2)}
.ix-kpi p{font-size:13px;color:var(--text-2)}
.ix-kpi b{display:block;margin-top:6px;font-size:clamp(26px,3vw,36px);font-weight:700;letter-spacing:-.02em;
          color:var(--ink);font-variant-numeric:tabular-nums}
.ix-kpi small{font-size:14px;font-weight:500;color:var(--text-2);margin-left:3px}
.ix-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}
.ix-card{padding:clamp(20px,2.6vw,30px);border-radius:12px;border:1px solid var(--line);background:var(--paper)}
.ix-card h3{font-size:18px;font-weight:600;color:var(--ink)}
.ix-sub{margin-top:4px;margin-bottom:10px;font-size:13.5px;color:var(--text-2)}
.ix-legend{display:flex;flex-wrap:wrap;gap:14px;margin:8px 0 14px;font-size:13px;color:var(--text)}
.ix-legend span{display:inline-flex;align-items:center;gap:6px}
.ix-legend i{width:10px;height:10px;border-radius:3px}
.ix-svg{width:100%;height:auto;display:block}
.ix-ax{font-size:11px;fill:var(--text-2)}
.method-sec{padding-block:clamp(64px,8vw,104px);background:var(--paper-2)}
.method{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(28px,5vw,72px)}
.method dl{margin:0}
.method dl div{display:grid;grid-template-columns:6em 1fr;gap:16px;padding:16px 0;border-top:1px solid var(--line)}
.method dt{font-weight:600;color:var(--ink)}
.method dd{margin:0;color:var(--text);font-size:15.5px;line-height:1.7}

/* 메인의 지수 맛보기 */
.ixt-sec{padding-block:clamp(64px,8vw,104px)}
.ixt{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,72px);align-items:center}
.ixt .btns{gap:10px}
.ixt-fig{position:relative;padding:clamp(24px,3vw,36px);border-radius:16px;background:var(--paper-2)}
.ixt-fig .ix-bar{margin-top:16px}
.ixt-tag{position:absolute;top:14px;right:16px;font-size:11.5px;padding:1px 9px;border-radius:999px;background:var(--paper-3);color:var(--text-2)}

/* ── 참여자 후기 — 옆으로 천천히 흘러가는 띠 ── */
.rv-sec{padding-block:clamp(56px,7vw,88px);overflow:hidden}
.rv-head{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:12px;margin-bottom:clamp(24px,3vw,36px)}
.rv-note{font-size:12.5px;color:var(--text-2)}
.rv-row{display:flex;width:max-content;gap:14px;animation:rvflow 60s linear infinite}
.rv-row + .rv-row{margin-top:14px;animation-duration:72s;animation-direction:reverse}
.rv-sec:hover .rv-row{animation-play-state:paused}
@keyframes rvflow{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){ .rv-row{animation:none;flex-wrap:wrap;width:auto} }
.rv{flex:none;width:320px;padding:20px 22px;border-radius:12px;background:var(--paper-2);display:flex;flex-direction:column;gap:12px}
.rv p{font-size:15px;line-height:1.65;color:var(--ink)}
.rv-by{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--text-2)}
.rv-av{width:30px;height:30px;border-radius:50%;background:var(--paper-3);display:grid;place-items:center;
       font-size:12.5px;font-weight:600;color:var(--text)}
.rv-name{color:var(--ink);font-weight:600}

/* ── 인사이트 · 인터뷰 · 뉴스레터 ── */
.talk-sec{padding-block:clamp(64px,8vw,104px);border-top:1px solid var(--line)}
.talk-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,2vw,22px)}
.talk-card{padding:24px;border-radius:12px;border:1px dashed var(--hair);display:flex;flex-direction:column;gap:12px}
.talk-card h3{font-size:18px;font-weight:600;color:var(--ink)}
.talk-card p{font-size:14.5px;line-height:1.62;color:var(--text-2)}
.news-sec{padding-block:clamp(48px,6vw,72px);background:var(--night);color:rgba(250,249,245,.7)}
.news-sec .tag{color:rgba(250,249,245,.5)}
.news-sec .tag b{color:var(--paper)}
.news-sec h2{color:var(--paper)}
.news-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:center}
.news-form{display:flex;flex-wrap:wrap;gap:8px}
.news-form input{flex:1 1 220px;width:auto;background:#262624;border-color:#3D3D3A;color:var(--paper)}
.news-form input::placeholder{color:rgba(250,249,245,.45)}
.news-form .btn{background:var(--paper);border-color:var(--paper);color:var(--ink)}
.news-form .btn:hover{background:var(--paper-3);border-color:var(--paper-3)}
.news-form .form-msg{flex-basis:100%;color:#F0B9A5}

@media (max-width:1100px){
  .top-in{grid-template-columns:auto 1fr auto}
  .menu{display:none}
  .hamb{display:block}
  .dict-grid,.weeks{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:900px){
  .report-top,.org-grid,.ch-form,.ixt,.news-in,.method{grid-template-columns:1fr}
  .report-cols,.report-next,.talk-grid{grid-template-columns:1fr}
  .dict-head{grid-template-columns:auto 1fr}
  .dict-sum{grid-column:1 / -1}
  .ix-grid{grid-template-columns:1fr}
  .ix-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:560px){
  .dict-grid,.weeks{grid-template-columns:1fr}
  .ch-fields{flex-wrap:wrap}
  .ch-fields select,.ch-fields input{flex:1 1 100%}
  .rv{width:270px}
}

/* 푸터의 기관명 제목은 먹색 바탕 위라 아이보리로 */
footer .d3,footer h2{color:var(--paper)}
/* 진단 결과는 문항 폭보다 넓게 */
.quiz:has(.report){max-width:none}

/* ═══════════════ 청년역량지수 — 여섯 지표 ═══════════════ */
.ix-block{margin-top:clamp(48px,6vw,80px)}
.ix-head{display:flex;gap:16px;align-items:baseline;margin-bottom:18px}
.ix-no{font-size:13px;letter-spacing:.12em;color:var(--clay-d)}
.ix-head h2{font-size:clamp(22px,2.4vw,28px);font-weight:600;letter-spacing:-.02em;color:var(--ink)}
.ix-head p{margin-top:4px;font-size:14.5px;color:var(--text-2)}
.ix-heads{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.ix-hl{padding:26px;border-radius:16px;background:var(--night);color:rgba(250,249,245,.72)}
.ix-hl b{display:block;font-size:clamp(38px,4.6vw,56px);font-weight:700;letter-spacing:-.03em;line-height:1;color:var(--clay)}
.ix-hl p{margin-top:14px;font-size:15px;line-height:1.6}
.ix-wide{grid-column:1 / -1}
.ix-val{font-size:11px;fill:var(--text);text-anchor:middle}
.ix-note{margin-top:14px;font-size:13.5px;color:var(--text-2)}
.ix-growth{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,3vw,40px)}
.ix-gr-h{display:flex;justify-content:space-between;align-items:baseline;font-weight:600;color:var(--ink);font-size:16px}
.ix-delta{font-size:22px;font-weight:700;color:var(--clay-d)}
.ix-gr .ix-bar{grid-template-columns:4em 1fr 2.4em}
.ix-gtabs{margin-bottom:6px}
.ix-me{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,3vw,40px)}
.ix-me-c p{font-size:14px;color:var(--text)}
.ix-me-c b{display:block;margin-top:4px;font-size:clamp(28px,3vw,36px);font-weight:700;letter-spacing:-.02em;color:var(--ink)}
.ix-me-c small{display:block;margin-top:10px;font-size:13px;color:var(--text-2)}
.ix-scale{position:relative;height:10px;margin-top:14px;border-radius:999px;background:var(--paper-3)}
.ix-avg{position:absolute;top:-4px;bottom:-4px;width:2px;background:var(--text-2);transform:translateX(-1px)}
.ix-dot{position:absolute;top:50%;width:16px;height:16px;border-radius:50%;border:3px solid var(--paper);
        transform:translate(-50%,-50%);box-shadow:0 0 0 1px var(--hair)}
.ix-me-empty{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px}
.ix-me-empty p{font-size:16px;color:var(--text)}
.ix-finds{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.ix-find{padding:24px;border-radius:12px;border:1px solid var(--line);background:var(--paper)}
.ix-find span{font-size:12px;letter-spacing:.06em;color:var(--clay-d)}
.ix-find h3{margin-top:8px;font-size:18px;font-weight:600;letter-spacing:-.015em;line-height:1.4;color:var(--ink)}
.ix-find p{margin-top:10px;font-size:14.5px;line-height:1.65;color:var(--text)}
.ix-rank{list-style:none;margin:8px 0 0;padding:0}
.ix-rank li{display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:12px;padding:12px 0;border-top:1px solid var(--line)}
.ix-rank li:first-child{border-top:0}
.ix-rk{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--paper-2);font-size:13px;font-weight:600;color:var(--ink)}
.ix-rn{font-size:16px;font-weight:600;color:var(--ink)}
.ix-rn small{margin-left:8px;font-size:12.5px;font-weight:400;color:var(--text-2)}
.ix-rank b{font-size:20px;font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums}
.ix-cols{columns:2;column-gap:clamp(24px,4vw,48px)}
.ix-cols .ix-bar{break-inside:avoid;grid-template-columns:8.5em 1fr 2.4em}
@media (max-width:900px){
  .ix-heads,.ix-growth,.ix-me,.ix-finds{grid-template-columns:1fr}
  .ix-cols{columns:1}
}

/* 넓은 카드의 차트는 너무 커지지 않게 높이를 묶는다 */
.ix-wide .ix-svg{max-height:320px}
.ix-ai .ix-bar{grid-template-columns:minmax(0,15em) 1fr 2.6em}

/* 지수 섹션마다 붙는 연구소 해석 */
.ix-insight{margin:4px 0 0;padding:16px 20px;border-left:3px solid var(--clay);border-radius:0;background:var(--paper-2);
            font-size:15px;line-height:1.7;color:var(--text)}

/* 간이 검사지 안내 */
.quiz-note{margin-top:24px;max-width:46em;padding:14px 18px;border-radius:12px;background:var(--paper-2);
           font-size:14.5px;line-height:1.7;color:var(--text)}
.quiz-note b{display:inline-block;margin-right:10px;padding:1px 10px;border-radius:999px;background:var(--ink);
             color:var(--paper);font-size:12px;font-weight:600}
.quick-chip{display:inline-block;margin-left:8px;padding:1px 9px;border-radius:999px;background:var(--paper-3);
            color:var(--text-2);font-size:11.5px;letter-spacing:0;vertical-align:1px}

/* 결과 화면의 다음 단계 카드 4개는 2×2 로 */
.report-next{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:900px){.report-next{grid-template-columns:1fr}}

/* ═══════════════ 상단 메뉴 — 네 묶음 ═══════════════ */
.start-btn{font-size:13.5px;font-weight:500;padding:7px 16px;border-radius:999px;border:1px solid var(--hair);
           color:var(--ink);background:transparent;white-space:nowrap;transition:background .18s}
.start-btn:hover{background:var(--paper-2)}
.menu-drop{min-width:230px}
@media (min-width:901px){
  .top-in{grid-template-columns:1fr auto 1fr}
  .menu{display:flex}
  .hamb{display:none}
}
@media (max-width:1000px){ .start-btn{display:none} }

.menu-drop a,body.sub .menu-drop a{align-items:flex-start;text-align:left;gap:2px}

/* 모바일 메뉴가 길어져도 위아래가 잘리지 않게 스크롤 */
.sheet,body.sub .sheet{justify-content:flex-start;overflow-y:auto;padding-top:20px;padding-bottom:40px}
.sheet a,body.sub .sheet a{flex:none}

.ix-cta{margin-top:24px}
.ix-sec{padding-bottom:clamp(72px,9vw,120px)}

/* 영어일 때 — 드롭다운·소개 탭의 한국어 보조 줄은 숨기고 영어 줄을 주 문구로 */
html[lang="en"] .menu-drop a b,html[lang="en"] .about-tabnav button span{display:none}
html[lang="en"] .menu-drop a{color:var(--ink);font-size:13.5px}
html[lang="en"] .menu-drop a:hover{color:var(--clay-d)}

/* ═══════════════ 연구소 — 한 페이지 ═══════════════ */
.about-work{background:var(--paper)}
.about-work .biz article{border-top:1px solid var(--ink)}
.about-work .biz .n{color:var(--clay-d)}
.about-work .biz h3{color:var(--ink)}
.about-work .biz p{color:var(--text-2)}
.about-hist{background:var(--paper-2);color:var(--text)}
.about-hist .tag{color:var(--text-2)}
.about-hist .tag b{color:var(--ink)}
.about-hist h2{color:var(--ink)}
.about-hist .tl-item{border-top-color:var(--line)}
.about-hist .tl-item:last-child{border-bottom-color:var(--line)}
.about-hist .tl-year{color:var(--ink)}
.about-hist .tl-title{color:var(--ink);font-weight:600}
.about-hist .tl-item li{color:var(--text)}
.about-hist .tl-item li::before{background:var(--clay);border-radius:50%}
.about-hist .now-chip{background:var(--clay);color:#fff;border-radius:999px}