/* ==========================================================================
   v13 — v12 위에 네 가지를 더한다 (대치에듀_지도_v13.html · v14 에서 로드. v14 는 v13 규칙을 그대로 물려받으므로 셀렉터가 두 변형을 함께 잡는다)
   1) 우주 배경 블랙을 밝은 블랙(차콜·네이비 기운)으로 — 성운 스틸의 블랙 포인트를 올린 별도 이미지 사용
   2) 히어로 문구(DAECHI EDU / MATCH NOW) 섹터 사이즈업 + 재배치 (PC 폭)
   3) 별똥별(유성) 규모 확대 + 별가루 꼬리, 착지 이펙트 확대
   4) 지원서(폼) 화면을 흰 배경으로 — 열릴 때 어두운 막이 걷히듯 밝아진다
      ※ 폼의 다크 팔레트는 css/sian3-app.css 에 !important 로 고정되어 있어, 같은 속성에 한해
        v13 범위(html:is([data-map-variant="v13"],[data-map-variant="v14"]))에서만 !important 로 되받는다. 공용 파일은 건드리지 않는다.
   ========================================================================== */

/* ── 1) 우주 배경: 밝은 블랙 ─────────────────────────────────────────── */
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3-lp .s3-hero__nebula {
  background-color: #14121b;
  background-image: url("../images/hero_nebula_bg_v13.webp");
  opacity: 1;
}
/* 히어로 판 자체의 바탕도 같은 톤으로 — 성운이 페이드인하기 전(인트로 대기)에도 순수 검정이 보이지 않게 */
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3-lp .s3-panel.s3-hero {
  background-color: #14121b;
}

/* ── 2) 히어로 문구 사이즈업 (PC 폭 901px 이상) ──────────────────────── */
@media (min-width: 901px) {
  html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3-en .s3-hero__stack {
    /* 세로 중앙 정렬(flex center) 기준을 살짝 위로 — 지도 중심선과 문구 중심을 맞춘다 */
    padding-bottom: 5vh;
  }
  html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3-en .s3-flip,
  html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3-en .s3-flip--suffix {
    min-width: 6.1em;
  }
  html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3-en .s3-flip--suffix { min-width: 3.9em; }
}
/* 부제·리드·버튼 확대는 스택 폭이 충분한 1181px 부터 (세로 태블릿 1024px 에서는 리드가 어색하게 줄바꿈된다) */
@media (min-width: 1181px) {
  html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3-en .s3-hero__micro {
    font-size: clamp(0.72rem, 0.7vw + 0.45rem, 0.9rem);
    letter-spacing: 0.2em;
    margin-bottom: clamp(14px, 2vh, 22px);
  }
  html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3-en .s3-hero__lead {
    font-size: clamp(1.05rem, 0.7vw + 0.8rem, 1.32rem);
    max-width: 24em;
    line-height: 1.62;
  }
  html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3-en .s3-hero__actions .s3-btn {
    font-size: 15px;
    min-height: 50px;
    padding: 14px 36px;
  }
}
@media (min-width: 901px) and (max-width: 1180px) {
  html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3-en .s3-flip__item {
    font-size: clamp(3rem, min(6.8vw, 9.4vh), 5rem);
  }
}
@media (min-width: 1181px) and (max-width: 1439px) {
  html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3-en .s3-flip__item {
    font-size: clamp(3.5rem, min(7.4vw, 10.2vh), 6.2rem);
  }
}
@media (min-width: 1440px) and (max-width: 1599px) {
  html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3-en .s3-flip__item {
    font-size: clamp(3.8rem, min(7.8vw, 10.8vh), 6.8rem);
  }
}
@media (min-width: 1600px) {
  html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3-en .s3-hero__stack {
    max-width: min(860px, calc(100% - var(--s3-match-size, 22vw) - var(--s3-match-right, 72px) - 28px));
  }
  html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3-en .s3-flip__item {
    font-size: clamp(4rem, min(8.2vw, 12vh), 8.6rem);
  }
}

/* ── 3) 유성 규모 확대 + 별가루 꼬리 ───────────────────────────────── */
/* scene06 은 --korea-meteor-scale 을 documentElement 에서 읽으므로 html 에 건다 (story.css 의 :root 값보다 우선) */
html:is([data-map-variant="v13"],[data-map-variant="v14"]) {
  --korea-meteor-scale: 1.65;
  --korea-meteor-core: 12px;
  --korea-meteor-glow: 48px;
  --korea-meteor-trail: 176px;
  --korea-meteor-trail-neck: 26px;
  --korea-meteor-trail-mid: 150px;
  --korea-meteor-trail-soft: 164px;
  --korea-meteor-trail-flare: 150px;
}
@media (max-width: 900px) {
  html:is([data-map-variant="v13"],[data-map-variant="v14"]) {
    --korea-meteor-scale: 1.35;
    --korea-meteor-core: 9.5px;
    --korea-meteor-glow: 36px;
    --korea-meteor-trail: 128px;
    --korea-meteor-trail-neck: 19px;
    --korea-meteor-trail-mid: 110px;
    --korea-meteor-trail-soft: 120px;
    --korea-meteor-trail-flare: 110px;
  }
}
/* 별가루: 유성 머리 뒤(로컬 -x 방향)로 흩어지며 떨어지는 작은 알갱이들 (js/lp-korea-map-v13.js 가 생성).
   유성 요소가 비행 방향으로 회전하므로 자식은 그대로 꼬리 쪽으로 흐른다. transform/opacity 만 애니메이션 */
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3-lp .lp-meteor__dust {
  position: absolute;
  left: 0; top: 0;
  width: var(--dsz, 2.4px);
  height: var(--dsz, 2.4px);
  margin: calc(var(--dsz, 2.4px) / -2) 0 0 calc(var(--dsz, 2.4px) / -2);
  border-radius: 50%;
  background: rgba(255, 244, 214, 0.95);
  box-shadow: 0 0 4px 1px rgba(255, 228, 170, 0.7);
  opacity: 0;
  pointer-events: none;
  z-index: 3;
  will-change: transform, opacity;
}
/* 유성이 발사되어 보이는 동안(.is-dust-live, js 가 토글)만 흐른다 — 발사 직후 0~0.7s 에 걸쳐 차례로 나타나
   꼬리가 늘어나는 빌드업과 함께 자라고, 유성이 숨겨지면 애니메이션이 리셋된다 */
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3-lp .lp-meteor.is-dust-live .lp-meteor__dust {
  animation: koreaMeteorDust var(--ddur, 0.9s) linear infinite;
  animation-delay: var(--ddel, 0s);
}
@keyframes koreaMeteorDust {
  0%   { transform: translate(0, 0) scale(1);   opacity: 0; }
  8%   { opacity: 0.95; }
  60%  { opacity: 0.6; }
  100% { transform: translate(var(--dx, -120px), var(--dy, 14px)) scale(0.35); opacity: 0; }
}
/* 착지 이펙트 확대 (플래시·블룸·링) — story.css 의 ID 셀렉터(#s3HeroVisual.is-onui-live .korea-onui-world …, ≤480px)보다
   우선하도록 같은 앵커를 포함한다 */
html:is([data-map-variant="v13"],[data-map-variant="v14"]) #s3HeroVisual.is-onui-live .korea-onui-world .lp-match-flash,
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3-lp .lp-match-flash { width: 150px; height: 150px; }
html:is([data-map-variant="v13"],[data-map-variant="v14"]) #s3HeroVisual.is-onui-live .korea-onui-world .lp-match-bloom,
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3-lp .lp-match-bloom { width: 240px; height: 240px; }
html:is([data-map-variant="v13"],[data-map-variant="v14"]) #s3HeroVisual.is-onui-live .korea-onui-world .lp-match-ring,
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3-lp .lp-match-ring  { width: 84px;  height: 84px; }
@media (max-width: 480px) {
  html:is([data-map-variant="v13"],[data-map-variant="v14"]) #s3HeroVisual.is-onui-live .korea-onui-world .lp-match-flash,
  html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3-lp .lp-match-flash { width: 96px;  height: 96px; }
  html:is([data-map-variant="v13"],[data-map-variant="v14"]) #s3HeroVisual.is-onui-live .korea-onui-world .lp-match-bloom,
  html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3-lp .lp-match-bloom { width: 150px; height: 150px; }
  html:is([data-map-variant="v13"],[data-map-variant="v14"]) #s3HeroVisual.is-onui-live .korea-onui-world .lp-match-ring,
  html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3-lp .lp-match-ring  { width: 54px;  height: 54px; }
}

/* ── 3-b) 행성(달) 노출 보정 ─────────────────────────────────────────
   밝아진 배경에서는 행성 본체가 어두운 띠로 읽히므로 v13 전용 이미지(planet_v13.png: 구멍 메움·밝기 보정·양끝 페이드)를 쓴다.
   높이가 낮은 PC 화면(≤820px)에서는 행성이 화면 아래로 거의 다 빠져 조각처럼 보이므로 행성과 오누이를 같은 양만큼
   끌어올린다 (둘의 상대 위치는 그대로 → 앉은 자리 유지, 유성 착지점은 오누이 좌표를 따라간다) */
/* 폭 구간마다 원본 인라인 CSS 의 행성/오누이 간격(접지)이 다르므로, 구간별 원본 값에 같은 양(≤820px: +5%, ≤760px 구간은
   해당 튜닝값 기준, ≤700px: +7%)을 더한 값으로 적는다. 아래로 갈수록 좁은 조건이라 나중 블록이 이긴다 */
/* 901–1023 (iPad 가로): 원본 -6.2/2.3, ≤760h 는 -5.2/2.6 */
@media (min-width: 901px) and (max-width: 1023px) and (orientation: landscape) and (max-height: 820px) {
  html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3-lp { --lp-planet-bottom: -1.2%; --lp-scene-bottom: 7.3%; }
}
@media (min-width: 901px) and (max-width: 1023px) and (max-height: 760px) {
  html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3-lp { --lp-planet-bottom: -1.2%; --lp-scene-bottom: 6.6%; }
}
@media (min-width: 901px) and (max-width: 1023px) and (max-height: 700px) {
  html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3-lp { --lp-planet-bottom: 0.8%; --lp-scene-bottom: 8.6%; }
}
/* 1024–1279 (노트북): 원본 -6.45/2.05, ≤760h 가로는 -6.1/1.85 */
@media (min-width: 1024px) and (max-width: 1279px) and (max-height: 820px) {
  html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3-lp { --lp-planet-bottom: -1.45%; --lp-scene-bottom: 7.05%; }
}
@media (min-width: 1024px) and (max-width: 1279px) and (max-height: 760px) {
  html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3-lp { --lp-planet-bottom: -1.1%; --lp-scene-bottom: 6.85%; }
}
@media (min-width: 1024px) and (max-width: 1279px) and (max-height: 700px) {
  html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3-lp { --lp-planet-bottom: 0.9%; --lp-scene-bottom: 8.85%; }
}
/* 1280–1439 (랩톱): 원본 -6.55/2.05, ≤760h 가로는 -6.1/1.85 */
@media (min-width: 1280px) and (max-width: 1439px) and (max-height: 820px) {
  html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3-lp { --lp-planet-bottom: -1.55%; --lp-scene-bottom: 7.05%; }
}
@media (min-width: 1280px) and (max-width: 1439px) and (max-height: 760px) {
  html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3-lp { --lp-planet-bottom: -1.1%; --lp-scene-bottom: 6.85%; }
}
@media (min-width: 1280px) and (max-width: 1439px) and (max-height: 700px) {
  html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3-lp { --lp-planet-bottom: 0.9%; --lp-scene-bottom: 8.85%; }
}
/* 1440 이상 (높이 900 미만이라 min-height 블록은 적용되지 않음): 원본 -6.85/2.15 */
@media (min-width: 1440px) and (max-height: 820px) {
  html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3-lp { --lp-planet-bottom: -1.85%; --lp-scene-bottom: 7.15%; }
}
@media (min-width: 1440px) and (max-height: 700px) {
  html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3-lp { --lp-planet-bottom: 0.15%; --lp-scene-bottom: 9.15%; }
}

/* ── 3-c) 폰·작은 창 보정 ─────────────────────────────────────────────
   원본은 행성 폭을 vh 로 캡(46vh·58vh·66vh)해 두어 짧은 화면에서는 행성이 오누이보다 작아져(높이 30~50px) 공중에
   떠 있는 것처럼 보인다. 오누이 폭(px 하한)과 같은 비율로 행성을 키우고, 폰 세로에서도 vh 캡을 푼다 */
@media (max-width: 640px) {
  html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3-lp {
    --lp-planet-w: min(120vw, 460px);
    --lp-planet-right: -14%;
  }
}
@media (max-width: 640px) and (max-height: 720px) {
  html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3-lp {
    --lp-planet-bottom: -0.6%;
    --lp-scene-bottom: 1.2%;
  }
}
/* 짧은 가로 화면(가로 폰·작게 줄인 창, ≤900×≤600): 문구 아래에 넣을 자리가 없으므로 PC 처럼 지도를 오른쪽 세로 중앙에 두고,
   문구는 위로 붙이며, 오누이·행성 크기를 화면 높이에 맞춘다 */
@media (max-width: 900px) and (max-height: 600px) {
  html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3-lp {
    --lp-scene-w: clamp(132px, min(40vh, 30vw), 220px);
    --lp-scene-right: 4%;
    --lp-scene-bottom: 1%;
    --lp-planet-w: min(64vw, 440px);
    --lp-planet-right: -8%;
    --lp-planet-bottom: -1%;
  }
  html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3-lp .korea-story-map-wrap {
    top: calc(50% + var(--s3-header-h, 64px) / 2);
    bottom: auto;
    right: 3%;
    left: auto;
    transform: translateY(-50%);
    width: min(64vh, 42vw);
    height: min(64vh, 42vw);
  }
  html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3-lp .s3-panel.s3-hero {
    justify-content: flex-start !important;
    padding-top: calc(var(--s3-header-h) + 6px) !important;
  }
  html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3-lp.theme-sian3-en .s3-hero__stack,
  html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3-lp .s3-hero__stack {
    margin-top: clamp(4px, 2vh, 20px) !important;
    max-width: min(52vw, 340px) !important;
  }
  html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3-lp.theme-sian3-en .s3-hero__micro {
    margin-bottom: 6px !important;
  }
  html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3-lp.theme-sian3-en .s3-flip__item {
    font-size: clamp(1.4rem, min(6.5vw, 8vh), 2.2rem);
  }
  html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3-lp.theme-sian3-en .s3-hero__lead {
    margin-top: 6px !important;
    font-size: clamp(0.68rem, 2.6vh, 0.84rem);
    line-height: 1.4;
  }
  html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3-lp.theme-sian3-en .s3-hero__actions,
  html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3-lp .s3-hero__actions {
    margin-top: 10px !important;
  }
  html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3-lp.theme-sian3-en .s3-hero__actions .s3-btn,
  html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3-lp .s3-hero__actions .s3-btn {
    min-height: 32px !important;
    padding: 6px 18px !important;
    font-size: 12px !important;
  }
}

/* ── 4) 지원서 화면 흰 배경 ─────────────────────────────────────────── */
/* 4-1. 토큰: var() 를 쓰는 규칙은 이것만으로 함께 밝아진다 */
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open {
  --s3-black: #f6f5f4;
  --s3-black-soft: #f1efec;
  --s3-surface: #ffffff;
  --s3-surface-2: #f6f5f4;
  --s3-ink: #16161a;
  --s3-ink-muted: rgba(22, 22, 26, 0.62);
  --s3-ink-dim: rgba(22, 22, 26, 0.38);
  --s3-border: rgba(20, 20, 24, 0.1);
  --s3-border-strong: rgba(20, 20, 24, 0.18);
  --v13-line: rgba(20, 20, 24, 0.12);
  --v13-line-strong: rgba(20, 20, 24, 0.2);
  --v13-field: #f6f5f4;
  --v13-field-hover: #efedea;
  --v13-card: #ffffff;
  --v13-text: #16161a;
  --v13-text-soft: rgba(22, 22, 26, 0.62);
  --v13-text-dim: rgba(22, 22, 26, 0.4);
  background-color: #f6f5f4;
  color: var(--s3-ink);
}

/* 4-2. 폼 셸 배경: 흰 바탕 + 은은한 붉은/호박 기운. 열릴 때는 어두운 막(::after)이 0.9s 에 걸쳐 걷힌다
   (셸은 GSAP 로 0.22s 페이드인되므로, 막이 걷히는 동안 카드와 글이 어둠 속에서 떠오르듯 보인다) */
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open .app-main-shell,
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open .s3-form-shell,
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open:not(.is-student) .app-main-shell,
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open:not(.is-student) .s3-form-shell {
  background:
    radial-gradient(ellipse 46% 38% at 86% 8%, rgba(196, 21, 31, 0.07), transparent 62%),
    radial-gradient(ellipse 34% 28% at 12% 72%, rgba(196, 21, 31, 0.035), transparent 58%),
    linear-gradient(180deg, #faf9f8 0%, #f6f5f4 48%, #f3f1ef 100%) !important;
}
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open.is-student .app-main-shell,
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open.is-student .s3-form-shell {
  background:
    radial-gradient(ellipse 46% 38% at 86% 8%, rgba(180, 83, 9, 0.08), transparent 62%),
    radial-gradient(ellipse 34% 28% at 12% 72%, rgba(180, 83, 9, 0.035), transparent 58%),
    linear-gradient(180deg, #faf9f8 0%, #f6f5f4 48%, #f3f1ef 100%) !important;
}
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open .app-main-shell::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 0;
  background: #0c0c0c;
  pointer-events: none;
  animation: v13ShellLift 0.9s cubic-bezier(0.4, 0, 0.2, 1) 0.05s both;
}
@keyframes v13ShellLift {
  from { opacity: 1; }
  to   { opacity: 0; visibility: hidden; }
}
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open .app-main-shell > * {
  position: relative;
  z-index: 1;
}
@media (prefers-reduced-motion: reduce) {
  html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open .app-main-shell::after { animation: none; opacity: 0; visibility: hidden; }
}

/* 4-3. 상단 바: 어두운 띠로 유지 (흰 로고 그대로) — 유리 효과 대신 단색으로 흰 바탕과 분리 */
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open .header-bar {
  background: rgba(17, 17, 17, 0.97) !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2) !important;
  box-shadow: 0 8px 24px rgba(20, 20, 24, 0.12) !important;
}

/* 상단 바 안의 Back 버튼은 어두운 띠 위에 있으므로 밝은 글자를 유지한다 (토큰이 밝게 바뀌어도) */
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open .header-back {
  color: #f5f5f5 !important;
  border-color: rgba(255, 255, 255, 0.22) !important;
}

/* 4-4. 탭 스위치(강사·학생) */
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open .aura-switch__track {
  background: #ffffff;
  border: 1px solid var(--v13-line);
  box-shadow: 0 1px 2px rgba(20, 20, 24, 0.05);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open .aura-switch__btn,
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open .split-layout__form .aura-switch__btn {
  color: rgba(22, 22, 26, 0.5) !important;
}
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open .aura-switch__btn:not(.is-active):hover,
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open .split-layout__form .aura-switch__btn:not(.is-active):hover {
  color: rgba(22, 22, 26, 0.85) !important;
}
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open .aura-switch__btn.is-active,
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open .split-layout__form .aura-switch__btn.is-active {
  color: #ffffff !important;
}

/* 4-5. 머리글·카드 */
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open .form-head__eyebrow { color: var(--s3-red); }
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open .form-head__actions .form-head__resume {
  color: var(--v13-text);
  background: #ffffff;
  border: 1px solid var(--v13-line-strong);
}
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open .form-section {
  background: var(--v13-card) !important;
  border: 1px solid var(--v13-line) !important;
  box-shadow: 0 8px 28px rgba(20, 20, 24, 0.06), 0 1px 2px rgba(20, 20, 24, 0.04);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  color: var(--v13-text) !important;
}
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open .form-section__title { color: var(--s3-red) !important; }
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-student.is-form-open .form-section__title { color: #b45309 !important; }

/* 4-6. 표(라벨·셀) */
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open .txtTable table tr td {
  color: var(--v13-text) !important;
  border-color: var(--v13-line) !important;
}
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open .txtTable table tr + tr td {
  border-top: 1px solid rgba(20, 20, 24, 0.08) !important;
}
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open .txtTable table tr td.inf_1,
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open .txtTable table tr th {
  color: var(--v13-text) !important;
}
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open .form-hint,
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open .form-row--password .form-field-with-hint .form-hint,
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open .search-summary,
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open .result-item__meta,
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open .form-inline-row__sep,
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open .education-field__label,
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open .avail-schedule__hint {
  color: var(--v13-text-soft) !important;
}
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open .avail-schedule__hint strong { color: var(--s3-red); }
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open .education-block {
  border: 1px solid var(--v13-line);
  background: var(--v13-field);
}
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open .education-block__title { color: var(--v13-text); }
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open .education-block__badge {
  border: 1px solid var(--v13-line);
  background: #ffffff;
  color: var(--v13-text-soft);
}
/* 가용 일정 — 일괄 동기화 토글 */
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open .avail-schedule__sync {
  background: #ffffff;
  border: 1px solid var(--v13-line-strong);
}
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open .avail-schedule__sync-ui {
  border: 1px solid rgba(20, 20, 24, 0.35);
  background: #ffffff;
}
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open .avail-schedule__sync-input:checked + .avail-schedule__sync-ui {
  background: var(--s3-red);
  border-color: var(--s3-red);
}
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open .avail-schedule__sync-text { color: rgba(22, 22, 26, 0.82); }

/* 4-7. 입력 필드 */
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open .split-layout__form,
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open .form-input,
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open select.form-input {
  color-scheme: light;
}
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open .form-input,
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open select.form-input,
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open textarea.form-input,
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open .form-textarea,
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open input[type="date"].form-input,
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open input[type="time"].form-input,
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open input[type="tel"].form-input,
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open input[type="email"].form-input,
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open input[type="text"].form-input,
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open input[type="password"].form-input {
  color: var(--v13-text) !important;
  background-color: var(--v13-field) !important;
  border: 1px solid var(--v13-line-strong) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8);
}
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open input[type="file"].form-input {
  color: var(--v13-text-soft) !important;
}
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open .form-input::placeholder,
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open .form-textarea::placeholder {
  color: var(--v13-text-dim) !important;
}
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open .form-input:hover,
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open select.form-input:hover {
  background-color: var(--v13-field-hover) !important;
  border-color: rgba(20, 20, 24, 0.3) !important;
}
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open .form-input:focus,
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open select.form-input:focus,
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open textarea.form-input:focus {
  background-color: #ffffff !important;
  border-color: rgba(196, 21, 31, 0.7) !important;
  box-shadow: 0 0 0 3px rgba(196, 21, 31, 0.14) !important;
}
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-student.is-form-open .form-input:focus,
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-student.is-form-open select.form-input:focus {
  border-color: rgba(180, 83, 9, 0.75) !important;
  box-shadow: 0 0 0 3px rgba(180, 83, 9, 0.14) !important;
}
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open .field-highlight {
  background: rgba(196, 21, 31, 0.06) !important;
}

/* 4-8. 커스텀 셀렉트·날짜·시간 트리거와 패널 (포털로 body 밑에 붙는 패널도 포함) */
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open .s3-select__trigger,
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open .s3-date__trigger,
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open .s3-time__trigger {
  border: 1px solid var(--v13-line-strong);
  background: var(--v13-field);
  color: var(--v13-text);
}
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open .s3-select__trigger:hover:not(:disabled),
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open .s3-date__trigger:hover:not(:disabled),
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open .s3-time__trigger:hover:not(:disabled) {
  background: var(--v13-field-hover);
  border-color: rgba(20, 20, 24, 0.3);
}
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open .s3-select__trigger:disabled,
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open .s3-select.is-disabled .s3-select__trigger {
  background: var(--v13-field);
}
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open .s3-select.is-empty .s3-select__value,
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open .s3-date.is-empty .s3-date__value,
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open .s3-time.is-empty .s3-time__value {
  color: var(--v13-text-dim);
}
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open .s3-date__icon {
  color: var(--v13-text-soft);
  background: #ffffff;
  border-color: var(--v13-line);
}
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open .s3-select__panel,
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open .s3-select__panel.is-portal,
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open .s3-date__panel,
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open .s3-date__panel.is-portal,
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open .s3-time__panel,
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open .s3-time__panel.is-portal {
  border: 1px solid var(--v13-line);
  background: #ffffff;
  box-shadow: 0 18px 40px rgba(20, 20, 24, 0.14), 0 1px 2px rgba(20, 20, 24, 0.06);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  scrollbar-color: rgba(20, 20, 24, 0.28) transparent;
}
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open .s3-select__panel::-webkit-scrollbar-thumb,
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open .s3-time__panel::-webkit-scrollbar-thumb {
  background: rgba(20, 20, 24, 0.22);
}
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open .s3-select__option,
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open .s3-select__panel.is-portal .s3-select__option,
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open .s3-time__option,
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open .s3-time__list button {
  color: rgba(22, 22, 26, 0.88);
}
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open .s3-select__option:hover,
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open .s3-select__option.is-active,
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open .s3-time__option:hover,
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open .s3-time__list button:hover {
  background: rgba(196, 21, 31, 0.07);
  color: var(--v13-text);
}
/* 시간 선택 패널 */
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open .s3-time__panel-head {
  color: rgba(22, 22, 26, 0.5);
  border-bottom: 1px solid var(--v13-line);
}
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open .s3-time__list { scrollbar-color: rgba(20, 20, 24, 0.28) transparent; }
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open .s3-time__list::-webkit-scrollbar-thumb { background: rgba(20, 20, 24, 0.22); }
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open .s3-time__option:disabled,
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open .s3-time__option.is-disabled,
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open .s3-time__option:disabled:hover,
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open .s3-time__option.is-disabled:hover {
  color: rgba(22, 22, 26, 0.35);
}
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open .s3-time__option.is-active {
  background: rgba(196, 21, 31, 0.1);
  color: var(--s3-red);
}
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-student.is-form-open .s3-time__option.is-active {
  background: rgba(180, 83, 9, 0.12);
  color: #b45309;
}
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open .s3-time__icon,
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-student.is-form-open .s3-time__icon,
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open .s3-select__chevron {
  color: rgba(22, 22, 26, 0.5);
}
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open .s3-date__title { color: var(--v13-text); }
/* 달력 내부: 이전/다음, 연·월 선택, 요일, 날짜 */
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open .s3-date__nav {
  border: 1px solid var(--v13-line);
  background: rgba(20, 20, 24, 0.04);
  color: rgba(22, 22, 26, 0.85);
}
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open .s3-date__nav:hover {
  background: rgba(196, 21, 31, 0.1);
  border-color: rgba(196, 21, 31, 0.35);
  color: var(--s3-red);
}
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open .s3-date__ym-trigger,
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open .s3-date__panel.is-portal .s3-date__ym-trigger {
  border: 1px solid var(--v13-line);
  background: rgba(20, 20, 24, 0.04);
  color: var(--v13-text);
}
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open .s3-date__ym-trigger:hover,
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open .s3-date__panel.is-portal .s3-date__ym-trigger:hover {
  background: rgba(20, 20, 24, 0.08);
  border-color: rgba(20, 20, 24, 0.22);
  color: var(--v13-text);
}
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open .s3-date__ym-field.is-open .s3-date__ym-trigger,
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open .s3-date__panel.is-portal .s3-date__ym-field.is-open .s3-date__ym-trigger {
  background: rgba(196, 21, 31, 0.07);
}
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open .s3-date__ym-chevron,
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open .s3-date__panel.is-portal .s3-date__ym-chevron {
  color: rgba(22, 22, 26, 0.5);
}
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open .s3-date__ym-menu,
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open .s3-date__panel.is-portal .s3-date__ym-menu {
  border: 1px solid var(--v13-line);
  background: #ffffff;
  box-shadow: 0 14px 32px rgba(20, 20, 24, 0.14);
}
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open .s3-date__ym-list,
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open .s3-date__panel.is-portal .s3-date__ym-list {
  scrollbar-color: rgba(20, 20, 24, 0.28) transparent;
}
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open .s3-date__ym-list::-webkit-scrollbar-thumb,
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open .s3-date__panel.is-portal .s3-date__ym-list::-webkit-scrollbar-thumb {
  background: rgba(20, 20, 24, 0.22);
  background-clip: content-box;
}
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open .s3-date__ym-option,
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open .s3-date__panel.is-portal .s3-date__ym-option {
  color: rgba(22, 22, 26, 0.86);
}
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open .s3-date__ym-option:hover,
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open .s3-date__panel.is-portal .s3-date__ym-option:hover {
  background: rgba(20, 20, 24, 0.06);
  color: var(--v13-text);
}
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open .s3-date__ym-option.is-selected,
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open .s3-date__panel.is-portal .s3-date__ym-option.is-selected {
  color: #ffffff;
}
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open .s3-date__week span { color: rgba(22, 22, 26, 0.42); }
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open .s3-date__week span:first-child { color: rgba(196, 21, 31, 0.7); }
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open .s3-date__day { color: rgba(22, 22, 26, 0.88); }
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open .s3-date__day:hover:not(:disabled) {
  background: rgba(20, 20, 24, 0.07);
  color: var(--v13-text);
}
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open .s3-date__day.is-today { color: var(--s3-red); }
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open .s3-date__day.is-selected { color: #ffffff; }
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open .s3-date__day.is-muted { color: rgba(22, 22, 26, 0.22); }
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open .s3-date__grid .s3-date__day:nth-child(7n + 1):not(.is-muted):not(.is-selected) {
  color: rgba(196, 21, 31, 0.85);
}
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open .s3-date__month-btn,
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open .s3-date__panel--month .s3-date__month-btn {
  color: rgba(22, 22, 26, 0.88) !important;
  background: rgba(20, 20, 24, 0.04) !important;
}
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open .s3-date__month-btn:hover:not(:disabled) {
  background: rgba(20, 20, 24, 0.09) !important;
  color: var(--v13-text) !important;
}
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open .s3-date__month-btn.is-today {
  color: var(--v13-text) !important;
}
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open select option {
  background-color: #ffffff;
  color: var(--v13-text);
}

/* 4-9. 칩·체크박스·요일 버튼 */
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open .checkbox-list label {
  color: rgba(22, 22, 26, 0.82) !important;
  background: #ffffff;
  border: 1px solid var(--v13-line-strong);
}
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open .checkbox-list label:hover {
  border-color: rgba(20, 20, 24, 0.32);
  background: var(--v13-field-hover);
}
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open .checkbox-list label:has(input:checked) {
  color: var(--s3-red) !important;
  background: rgba(196, 21, 31, 0.08);
  border-color: rgba(196, 21, 31, 0.5);
}
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-student.is-form-open .checkbox-list label:has(input:checked) {
  color: #b45309 !important;
  background: rgba(180, 83, 9, 0.09);
  border-color: rgba(180, 83, 9, 0.5);
}
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open .checkbox-list label input[type="checkbox"],
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open .consent-block__all input[type="checkbox"],
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open .consent-block__item input[type="checkbox"] {
  border: 1px solid rgba(20, 20, 24, 0.35);
  background: #ffffff;
  box-shadow: none;
}
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open .checkbox-list label input[type="checkbox"]:checked,
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open .consent-block__all input[type="checkbox"]:checked,
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open .consent-block__item input[type="checkbox"]:checked {
  background: var(--s3-red);
  border-color: var(--s3-red);
}
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-student.is-form-open .checkbox-list label input[type="checkbox"]:checked,
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-student.is-form-open .consent-block__all input[type="checkbox"]:checked,
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-student.is-form-open .consent-block__item input[type="checkbox"]:checked {
  background: var(--s3-student);
  border-color: var(--s3-student);
}
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open .day-picker__btn {
  color: rgba(22, 22, 26, 0.78);
  background: #ffffff;
  border: 1px solid var(--v13-line-strong);
}
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open .day-picker__btn:hover {
  color: var(--v13-text);
  border-color: rgba(20, 20, 24, 0.34);
}
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open .day-picker__btn.is-on {
  color: #ffffff;
  background: var(--s3-red);
  border-color: var(--s3-red);
}
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-student.is-form-open .day-picker__btn.is-on {
  background: var(--s3-student);
  border-color: var(--s3-student);
}

/* 4-10. 안내·동의·사진 업로드·결과·버튼 */
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open .consent-block {
  background: var(--v13-field) !important;
  border: 1px solid var(--v13-line) !important;
  color: rgba(22, 22, 26, 0.82) !important;
}
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open .consent-block__all {
  background: rgba(20, 20, 24, 0.04) !important;
  border-bottom: 1px solid var(--v13-line) !important;
  color: var(--v13-text) !important;
}
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open .notice-box {
  background: var(--v13-field) !important;
  border: 1px solid var(--v13-line) !important;
  color: rgba(22, 22, 26, 0.82) !important;
}
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open .consent-block__item {
  border-bottom-color: var(--v13-line);
}
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open .notice-box--sub { color: var(--v13-text-soft) !important; }
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open .consent-block__item span,
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open .consent-block__item strong,
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open .notice-box strong { color: var(--v13-text) !important; }
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open .consent-block__link { color: var(--s3-red) !important; }
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open .photo-upload {
  background: var(--v13-field);
  border: 1px dashed rgba(20, 20, 24, 0.28);
}
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open .photo-upload__empty { color: var(--v13-text-soft) !important; }
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open .btn-secondary {
  color: var(--v13-text) !important;
  background: #ffffff !important;
  border: 1px solid var(--v13-line-strong) !important;
}
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open .btn-secondary:hover {
  background: var(--v13-field-hover) !important;
}
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open .photo-upload__toolbar .btn-secondary,
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open #btnPhotoFind,
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open #btnPhotoAdd,
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open #btnPhotoDel {
  color: var(--v13-text) !important;
  background: #ffffff !important;
  border: 1px solid var(--v13-line-strong) !important;
}
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open .photo-upload__toolbar .btn-secondary:hover,
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open #btnPhotoFind:hover,
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open #btnPhotoAdd:hover {
  background: var(--v13-field-hover) !important;
  border-color: rgba(20, 20, 24, 0.32) !important;
}
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open .btn-secondary--danger,
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open #btnPhotoDel {
  color: var(--s3-red) !important;
  border-color: rgba(196, 21, 31, 0.4) !important;
}
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open #btnAddrSearch {
  color: var(--v13-text) !important;
  background: #ffffff !important;
  border: 1px solid var(--v13-line-strong) !important;
}
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open #btnAddrSearch:hover {
  background: rgba(196, 21, 31, 0.08) !important;
  border-color: rgba(196, 21, 31, 0.4) !important;
}
/* 경력없음 토글 · 자격 Y/N 토글 */
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open .career-none,
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open .education-cert__item {
  border: 1px solid var(--v13-line-strong);
  background: #ffffff;
  color: rgba(22, 22, 26, 0.82);
}
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open .education-cert__item:has(input:checked) {
  background: rgba(196, 21, 31, 0.09);
  border-color: rgba(196, 21, 31, 0.55);
  color: var(--s3-red);
  box-shadow: 0 0 0 3px rgba(196, 21, 31, 0.1);
}
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open .career-field.is-none .career-none {
  color: var(--s3-red);
  background: rgba(196, 21, 31, 0.08);
  border-color: rgba(196, 21, 31, 0.5);
}
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open .career-field.is-none .career-field__input {
  color: var(--v13-text-dim) !important;
  -webkit-text-fill-color: var(--v13-text-dim) !important;
  background: var(--v13-field) !important;
  border-color: var(--v13-line) !important;
}
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open .submit-btn--preview {
  color: var(--v13-text) !important;
  background: #ffffff !important;
  border: 1px solid var(--v13-line-strong) !important;
}
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open .submit-btn--muted {
  color: var(--v13-text-soft) !important;
  background: rgba(20, 20, 24, 0.08) !important;
}
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open .result-item {
  background: #ffffff;
  border: 1px solid var(--v13-line);
  color: var(--v13-text);
}
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open .result-item__head strong { color: var(--v13-text); }
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open .status-badge {
  background: rgba(196, 21, 31, 0.1);
  color: var(--s3-red);
}
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3.is-form-open .time-chip {
  background: rgba(20, 20, 24, 0.06);
  color: var(--v13-text-soft);
}

/* ── 5) 스크롤 패널(시작하기 · 채용 절차) 흰 배경 ─────────────────────────
   히어로(패널 0)는 어두운 우주 그대로, 패널 1·2 가 화면에 들어오면(body[data-s3-active], sian3-bridge.js 가 토글)
   스냅 스크롤러 바탕이 0.7s 에 걸쳐 흰색으로 바뀐다. 패널 자체는 투명이라 히어로로 되돌아가면 다시 어두워진다.
   두 패널의 글·카드는 항상 밝은 팔레트(등장 전에는 opacity 0 이라 어두운 바탕 위에 보이지 않는다). */
/* 흰 바탕은 고정 레이어(body::after)의 불투명도로 켜고 끈다 — 기존 붉은 블룸 레이어(body::before, z 0)와
   스냅 스크롤러(#s3Landing, z 10) 사이에 놓이므로 투명한 패널 뒤로 비친다. 불투명도만 움직여 컴포지터에서 처리 */
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3-lp::after {
  content: '';
  position: fixed;
  inset: 0;
  z-index: 1;
  background: #f6f5f4;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.7s ease;
}
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3-lp[data-s3-active="1"]::after,
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3-lp[data-s3-active="2"]::after {
  opacity: 1;
}
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3-lp.is-form-open::after {
  display: none;
}
/* 상단 바·진행 점: 흰 바탕 위에서는 단색 어두운 띠 + 어두운 점 */
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3-lp[data-s3-active="1"] .s3-header,
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3-lp[data-s3-active="2"] .s3-header {
  background: rgba(17, 17, 17, 0.97);
  border-bottom-color: rgba(0, 0, 0, 0.2);
  box-shadow: 0 8px 24px rgba(20, 20, 24, 0.12);
}
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3-lp[data-s3-active="1"] .s3-snap-progress span,
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3-lp[data-s3-active="2"] .s3-snap-progress span {
  background: rgba(20, 20, 24, 0.22);
}
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3-lp[data-s3-active="1"] .s3-snap-progress span.is-active,
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3-lp[data-s3-active="2"] .s3-snap-progress span.is-active {
  background: var(--s3-red);
}
/* 패널 토큰 — var() 를 쓰는 글자색·테두리가 함께 바뀐다 */
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3-lp .s3-panel.s3-roles,
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3-lp .s3-panel.s3-process {
  --s3-ink: #16161a;
  --s3-ink-muted: rgba(22, 22, 26, 0.62);
  --s3-ink-dim: rgba(22, 22, 26, 0.42);
  --s3-border: rgba(20, 20, 24, 0.1);
  --s3-border-strong: rgba(20, 20, 24, 0.18);
  color: var(--s3-ink);
}
/* 유리 카드 → 흰 카드 (블러 없음) */
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3-lp .s3-roles .s3-glass,
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3-lp .s3-process .s3-glass,
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3-lp #s3Roles .s3-role.s3-glass {
  background: #ffffff;
  border: 1px solid rgba(20, 20, 24, 0.1);
  box-shadow: 0 1px 2px rgba(20, 20, 24, 0.04), 0 18px 44px rgba(20, 20, 24, 0.08);
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3-lp .s3-roles .s3-glass::before,
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3-lp .s3-process .s3-glass::before {
  background: linear-gradient(135deg, rgba(196, 21, 31, 0.05), transparent 45%);
  opacity: 0.6;
}
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3-lp .s3-roles .s3-glass:hover,
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3-lp .s3-roles .s3-glass:focus-visible,
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3-lp .s3-roles .s3-glass.is-hot,
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3-lp .s3-process .s3-glass:hover,
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3-lp .s3-process .s3-glass:focus-visible,
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3-lp .s3-process .s3-glass.is-hot {
  background: #ffffff;
  border-color: rgba(196, 21, 31, 0.35);
  box-shadow: 0 1px 2px rgba(20, 20, 24, 0.04), 0 26px 60px rgba(196, 21, 31, 0.12), 0 0 0 1px rgba(196, 21, 31, 0.08);
}
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3-lp .s3-role {
  background: #ffffff;
  border-color: rgba(20, 20, 24, 0.1);
}
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3-lp .s3-role:hover,
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3-lp .s3-role:focus-visible {
  border-color: rgba(20, 20, 24, 0.2);
  box-shadow: 0 22px 48px rgba(20, 20, 24, 0.12);
}
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3-lp .s3-role--teacher:hover { border-color: rgba(196, 21, 31, 0.45); }
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3-lp .s3-role--student:hover { border-color: rgba(180, 83, 9, 0.45); }
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3-lp .s3-role--teacher::before {
  background: linear-gradient(145deg, rgba(196, 21, 31, 0.08) 0%, transparent 60%);
}
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3-lp .s3-role--student::before {
  background: linear-gradient(145deg, rgba(180, 83, 9, 0.08) 0%, transparent 60%);
}
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3-lp .s3-role--student .s3-role__eyebrow { color: #b45309; }
/* 채용 절차 카드 */
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3-lp .s3-step.is-active {
  border-color: rgba(196, 21, 31, 0.45);
  background: #ffffff;
  box-shadow: 0 1px 2px rgba(20, 20, 24, 0.04), 0 24px 60px rgba(196, 21, 31, 0.14);
}
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3-lp .s3-process__dot { background: rgba(20, 20, 24, 0.16); }
html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3-lp .s3-process__dot.is-active { background: var(--s3-red); }
/* 태블릿·폰에서 sian3-motion.css 가 !important 로 어두운 카드 배경을 고정하므로 같은 속성으로 되받는다 */
@media (max-width: 900px) {
  html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3-lp .s3-process__grid .s3-step,
  html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3-lp .s3-process__grid .s3-step.s3-glass {
    border: 1px solid rgba(20, 20, 24, 0.12) !important;
    background: #ffffff !important;
    box-shadow: 0 1px 2px rgba(20, 20, 24, 0.04), 0 10px 28px rgba(20, 20, 24, 0.08) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }
  html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3-lp .s3-process__grid .s3-step.is-active {
    border-color: rgba(196, 21, 31, 0.48) !important;
  }
  /* 모바일 블록이 글자색을 직접 지정(rgba(245,245,245,x))하므로 토큰으로 되돌린다 */
  html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3-lp .s3-step__en { color: var(--s3-ink-dim); }
  html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3-lp .s3-process__grid .s3-step.is-active .s3-step__en { color: rgba(196, 21, 31, 0.8); }
  html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3-lp .s3-step h3 { color: var(--s3-ink); }
  html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3-lp .s3-step p { color: var(--s3-ink-muted); }
  html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3-lp .s3-role__title { color: var(--s3-ink); }
  html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3-lp .s3-role__desc { color: var(--s3-ink-muted); }
  html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3-lp .s3-role__cta { color: var(--s3-ink); }
  html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3-lp .s3-role__arrow { color: var(--s3-ink); }
}
@media (max-width: 640px) {
  html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3-lp .s3-role,
  html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3-lp #s3Roles .s3-role.s3-glass {
    background: #ffffff !important;
    border: 1px solid rgba(20, 20, 24, 0.12) !important;
    box-shadow: 0 1px 2px rgba(20, 20, 24, 0.04), 0 12px 28px rgba(20, 20, 24, 0.08) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }
  html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3-lp .s3-role--teacher { border-color: rgba(196, 21, 31, 0.3) !important; }
  html:is([data-map-variant="v13"],[data-map-variant="v14"]) body.theme-sian3-lp .s3-role--student { border-color: rgba(180, 83, 9, 0.3) !important; }
}