/* 나초영어 공용 셸 테마 (체험 페이지용)
   ⚠️ 학습 컨텐츠 영역(스텝·영상·스크립트·받아쓰기·녹음·단어카드/퀴즈)은 원본 그대로 둔다.
      배경색·폰트·래퍼를 전역으로 건드리면 sticky 영상(--surface 불투명)과 색이 어긋나 깨진다.
   여기서 손대는 것은 '페이지 상단 타이틀 영역'뿐 —
   브랜드 라벨을 홈 히어로와 같은 앰버 그라데이션 pill로, 제목 글꼴만 홈과 맞춘다.
   되돌리려면 각 페이지의 <link rel="stylesheet" href="/theme.css"> 한 줄만 제거. */

/* 폰트는 '불러오기'만 한다 — 전역 적용 X (본문 줄바꿈이 원본과 달라지지 않게) */
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css');

/* 상단 브랜드 라벨 → 홈 히어로의 그라데이션 pill */
.wrap > header .brand,
.wrap > header .label,
.wrap > .head .in .brand{
  display:inline-block;
  font-family:'Pretendard','Apple SD Gothic Neo','Malgun Gothic',system-ui,sans-serif;
  font-size:12px; font-weight:800; letter-spacing:-0.2px; line-height:1.2;
  color:#141208; background:linear-gradient(135deg,#ffd756 0%,#ffb300 100%);
  border-radius:999px; padding:7px 14px;
  box-shadow:0 8px 20px rgba(255,201,60,.28);
}

/* 페이지 제목 글꼴만 홈과 통일 (레이아웃·색은 원본 유지) */
.wrap > header h1,
.wrap > .head .htitle h1{
  font-family:'Pretendard','Apple SD Gothic Neo','Malgun Gothic',system-ui,sans-serif;
  font-weight:900; letter-spacing:-0.5px;
}
.wrap > header h1{ margin-top:12px; }