/* [코대리] WITYX 본문의 원문과 인터랙션을 보존하며 선명한 색면·공식 영상·입체 재질로 장면의 밀도를 높인다. */
body.editorial-home {
  --editorial-ink: #151515;
  --editorial-coral: #f96538;
  --editorial-teal: #087f8c;
  --editorial-cobalt: #235be8;
  --editorial-gold: #f5b81d;
}
body.editorial-home :where(#vision,#ecosystem,#how,.supply-section,#destinations,#benefits,#roadmap,#faq,#explore,.rights-statement,.closing-section,#whitepaper) {
  --editorial-bg: #fff;
}
body.editorial-home :is(#vision,#ecosystem,#how,.supply-section,#destinations,#benefits,#roadmap,#faq,#explore,.rights-statement,.closing-section,#whitepaper) {
  color: var(--editorial-ink);
  background: var(--editorial-bg);
}
body.editorial-home :is(.cycle-heading,.section-heading-row,.section-header-row) { gap: clamp(24px,4vw,64px); }
body.editorial-home :is(#vision,#ecosystem,#how,#destinations,#benefits,#roadmap,#faq,#explore,.rights-statement) h2 {
  font-size: clamp(35px,4.55vw,68px);
  line-height: 1.17;
  letter-spacing: -.055em;
  word-break: keep-all;
  overflow-wrap: anywhere;
}
body.editorial-home :is(.section-intro,.cycle-heading > p) { font-size: clamp(14px,1.25vw,18px); line-height: 1.8; }
body.editorial-home :is(.section-footnote,.utility-note,.calculator-disclaimer) { font-size: clamp(11px,.9vw,13px); line-height: 1.9; }
body.editorial-home :is(.edition-label,.eyebrow,.mini-label) { color: #393939; }
body.editorial-home :is(#vision,#ecosystem,#how,#destinations,#benefits,#roadmap,#faq,#explore,#whitepaper) :focus-visible {
  outline: 3px solid #151515;
  outline-offset: 5px;
  box-shadow: 0 0 0 8px #fff;
}

/* 첫 본문은 코럴색 바탕과 흰 원형 재질을 크게 대비시킨다. */
body.editorial-home #vision { --editorial-bg: #f96538; }
body.editorial-home #vision :is(h2,h3,p,.eyebrow,.eyebrow > span,.edition-label,.cycle-current,.cycle-current b,.cycle-play,.cycle-play i,.cycle-signal,.concept-tag,.vision-outcomes article > span) { color: #151515; }
body.editorial-home #vision h2 em { color: #151515; }
body.editorial-home #vision .cycle-heading { margin-bottom: 52px; }
body.editorial-home #vision .growth-experience { gap: clamp(32px,5vw,80px); }
body.editorial-home #vision .cycle-visual {
  background: #fff9f1;
  border: 1px solid #fffaf0;
  border-radius: 50%;
  box-shadow: inset 0 2px 0 #fff, 0 7px 0 #f6cbb9, 0 12px 0 #d94e28, 0 32px 50px #81331324;
}
body.editorial-home #vision .cycle-grid { background: radial-gradient(circle,#f5b81d29,transparent 68%); }
body.editorial-home #vision .cycle-core {
  background: linear-gradient(140deg,#fff,#fff7d8);
  border-color: #d2a430;
  box-shadow: inset 0 2px 0 #fff, 0 3px 0 #fff1b4, 0 8px 0 #dfaa20, 0 15px 30px #5f361b22;
}
body.editorial-home #vision :is(.cycle-orbit-base,.cycle-orbit-inner) { stroke: #c5b5a7; }
body.editorial-home #vision .cycle-orbit-flow { stroke: #235be8; }
body.editorial-home #vision .cycle-node { color: #252525; }
body.editorial-home #vision .cycle-node-icon { background: #fff; border-color: #c7b9ad; color: #373737; }
body.editorial-home #vision .cycle-node-number { color: #4b433a; }
body.editorial-home #vision .cycle-node[aria-pressed="true"] { color: #151515; font-weight: 700; }
body.editorial-home #vision .cycle-node[aria-pressed="true"] .cycle-node-icon { background: #235be8; border-color: #235be8; color: #fff; box-shadow: 0 0 0 6px #fff9f1,0 6px 16px #235be832; }
body.editorial-home #vision :is(.cycle-detail-top,.vision-outcomes) { border-color: #84371c5c; }
body.editorial-home #vision .concept-tag { border-color: #83391f80; background: #ffffff21; }
body.editorial-home #vision .cycle-signal { display: inline-flex; padding: 10px 15px; background: #fff6e8; border-radius: 3px; }
body.editorial-home #vision .cycle-progress-track { background: #8d361d4d; height: 4px; }
body.editorial-home #vision .cycle-progress-track > span { background: #151515; }
body.editorial-home #vision .cycle-hint { font-size: 12px; }
body.editorial-home #vision .vision-outcomes { padding-top: 28px; gap: 28px; }
body.editorial-home #vision .vision-outcomes article { padding: 10px 20px 12px 0; }
body.editorial-home #vision .vision-outcomes h3 { font-size: clamp(21px,1.75vw,27px); }
body.editorial-home #vision .vision-outcomes p { font-size: 13px; }
body.editorial-home #vision .cycle-visual > .depth-surface-skin { background: none; border-color: #fff4df; box-shadow: none; }

/* 서비스 화면을 실제 WITY 차량 사진과 겹쳐 제품과 현장 자료를 함께 보여준다. */
body.editorial-home #ecosystem { --editorial-bg: #fff; }
body.editorial-home #ecosystem .platform-layout { grid-template-columns: minmax(0,1.12fr) minmax(0,1fr); gap: clamp(36px,5vw,78px); }
body.editorial-home #ecosystem :is(h2,h2 em) { color: #151515; }
body.editorial-home #ecosystem .platform-visual { min-height: 590px; display: block; padding-top: 25px; }
body.editorial-home .platform-documentary { position: relative; width: 94%; margin: 0; background: #f96538; border: 10px solid #f96538; box-shadow: 0 16px 38px #172f4020; }
body.editorial-home .platform-documentary img,
body.editorial-home .platform-documentary video { display: block; width: 100%; height: auto; aspect-ratio: 16/9; object-fit: cover; }
body.editorial-home .platform-documentary figcaption { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px; font-size: 10px; line-height: 1.7; color: #151515; padding: 10px 4px 3px; }
body.editorial-home #ecosystem .app-frame { position: relative; width: 226px; margin: -24px 0 0 auto; border-width: 5px; box-shadow: 3px 4px 0 #d9dce4,8px 10px 0 #bbc2cd,18px 24px 36px #15151526; }
body.editorial-home #ecosystem .app-preview { height: 307px; object-fit: cover; object-position: top; }
body.editorial-home #ecosystem .floating-route { left: 0; bottom: 62px; max-width: 69%; padding: 17px 20px; background: #f5b81d; color: #151515; border-color: #e1a019; box-shadow: 0 7px 0 #bf8e14,0 19px 25px #15151514; }
body.editorial-home #ecosystem .app-glow { background: none; }
body.editorial-home #ecosystem .role-tabs { border-color: #cbd5d8; }
body.editorial-home #ecosystem .role-tabs button { color: #484848; border-color: transparent; }
body.editorial-home #ecosystem .role-tabs button[aria-selected="true"] { color: #075e68; border-color: #087f8c; }
body.editorial-home #ecosystem .role-tabs button[aria-selected="true"] span { color: #075e68; }
body.editorial-home #ecosystem .platform-links a { color: #1748b6; }
body.editorial-home #ecosystem .platform-to-token { border-color: #c7d8d8; background: #e9f5f3; padding: 19px; }
body.editorial-home #ecosystem .platform-to-token p { color: #354346; }
body.editorial-home #ecosystem .platform-to-token strong { color: #075e68; }

/* 권리 체험의 청록 바탕 위에 기존 밝은 금속 카드를 유지한다. */
body.editorial-home #how { --editorial-bg: #fff; }
body.editorial-home #how .utility-lab { background: #087f8c; border: 0; border-radius: 22px; box-shadow: 0 12px 0 #056674,0 26px 44px #1145501c; gap: clamp(24px,4vw,64px); padding: clamp(24px,4vw,52px); }
body.editorial-home #how .step-button { color: #fff; border-color: #ffffff5c; padding-inline: 14px; }
body.editorial-home #how .step-button > span { color: #fff; }
body.editorial-home #how .step-button small { color: #fff; }
body.editorial-home #how .step-button[aria-selected="true"] { color: #151515; background: #fff; border-radius: 5px; border-color: #fff; }
body.editorial-home #how .step-button[aria-selected="true"] :is(span,small,strong,b) { color: #151515; }
body.editorial-home #how :is(.lab-head,.lab-description h3,.lab-description p) { color: #fff; }
body.editorial-home #how .lab-description h3 { font-size: clamp(20px,1.8vw,27px); }
body.editorial-home #how .lab-description p { font-size: 13px; }
body.editorial-home #how .simulation-badge { background: #fff4ca; border-color: #fff4ca; color: #151515; }
body.editorial-home #how .lab-progress i { background: #ffffff80; }
body.editorial-home #how .benefit-pass { border-radius: 16px; }
body.editorial-home #how .utility-note { margin-top: 30px; color: #3c3c3c; }

/* 발행 계획은 별도 코발트색 한 장면으로 분명히 구분한다. */
body.editorial-home .supply-section { --editorial-bg: #235be8; }
body.editorial-home .supply-section :is(h2,p,.eyebrow,.eyebrow > span,.mini-label,.supply-caption,.supply-caption > span,.supply-caption strong) { color: #fff; }
body.editorial-home.cinematic-home .supply-section .eyebrow > span:first-child { color: #fff; }
body.editorial-home .supply-section .supply-inner { padding-block: clamp(55px,6vw,95px); }
body.editorial-home .supply-section .big-supply { color: #fff; font-size: clamp(140px,16vw,230px); letter-spacing: -.075em; text-shadow: 2px 3px 0 #164ac8,5px 7px 0 #1341b3; }
body.editorial-home .supply-section .big-supply > i { color: #ffd04f; text-shadow: none; }
body.editorial-home .supply-section .supply-caption { border-color: #ffffff70; }

/* 지도는 넓은 흰 장면 안의 청록 재질 판과 명확한 선택 색을 사용한다. */
body.editorial-home #destinations { --editorial-bg: #fff; }
body.editorial-home #destinations .asia-map-panel { background: #e5f3ee; border: 1px solid #d0e5dc; border-radius: 3px; padding: 30px 10px 0; box-shadow: 0 7px 0 #c9dfd5,0 14px 0 #b6d0c5,0 30px 45px #2a514219; }
body.editorial-home #destinations .asia-map-panel > .depth-surface-skin { background: none; border-color: #c0d9cf; box-shadow: none; }
body.editorial-home #destinations #asia-land-dots circle { fill: #4c897d; }
body.editorial-home #destinations .asia-land path { stroke: #619b8e; }
body.editorial-home #destinations .asia-route { stroke: #087f8c; opacity: .7; }
body.editorial-home #destinations .asia-route.is-selected { stroke: #bc3814; opacity: 1; }
body.editorial-home #destinations .asia-pin-core { fill: #087f8c; stroke: #fff; }
body.editorial-home #destinations .asia-pin text { fill: #18453f; stroke: #e5f3ee; }
body.editorial-home #destinations .asia-pin.is-selected .asia-pin-core { fill: #f96538; stroke: #6e2a18; }
body.editorial-home #destinations .asia-pin.is-selected .asia-pin-halo { fill: #f965383b; stroke: #bd492780; }
body.editorial-home #destinations .asia-pin.is-selected text { fill: #7c2c17; }
body.editorial-home #destinations .asia-map-caption { color: #194f46; border-color: #91b8a8; }
body.editorial-home #destinations .asia-map-caption > span:first-child { color: #194f46; }
body.editorial-home #destinations .region-tabs button { border-color: #bacfcb; color: #233e38; background: #fff; }
body.editorial-home #destinations .region-tabs button > span:first-child { color: #31564c; }
body.editorial-home #destinations .region-tabs button[aria-pressed="true"] { color: #fff; background: #087f8c; border-color: #087f8c; box-shadow: 0 3px 0 #045c68; }
body.editorial-home #destinations .region-tabs button[aria-pressed="true"] > span:first-child { color: #fff; }
body.editorial-home #destinations .region-code { color: #075e68; }
body.editorial-home #destinations .region-detail > span { background: #fff2d0; border-color: #d9ac36; color: #4b390d; }

/* 계산 입력은 흰 종이, 계산 결과는 코발트색으로 역할을 구분한다. */
body.editorial-home #benefits { --editorial-bg: #f0f4ff; }
body.editorial-home #benefits .calculator { border-color: #bed0ef; border-radius: 6px; box-shadow: 0 9px 0 #d4def5,0 22px 40px #203a7414; }
body.editorial-home #benefits .calculator-input { background: #fff; }
body.editorial-home #benefits .calculator-result { background: #235be8; border-color: #235be8; }
body.editorial-home #benefits .calculator-result :is(.result-kicker,.fee-comparison p,.savings-main > span,.fee-visual span,.annual-savings,.annual-savings strong,.result-note,.compare-arrow,#before-fee,#after-fee,.savings-main strong) { color: #fff; }
body.editorial-home #benefits .calculator-result .savings-main strong { color: #ffe292; }
body.editorial-home #benefits .calculator-result .annual-savings { border-color: #ffffff69; }
body.editorial-home #benefits :is(.result-note,.annual-savings) { font-size: 12px; }
body.editorial-home #benefits .fee-bar-standard { background: #ffdc69; }
body.editorial-home #benefits .fee-bar-waived { background: #fff; }
body.editorial-home #benefits input[type="range"] { accent-color: #235be8; }
body.editorial-home #benefits :is(.input-with-suffix,.field select) { background: #f5f7fc; border-color: #819ac6; }
body.editorial-home #benefits .simulation-badge { background: #fff1c5; color: #5a3f00; border-color: #ddb944; }

/* 일정과 질의응답은 과장 없이 읽을 수 있는 밝은 문서 장면으로 둔다. */
body.editorial-home #roadmap { --editorial-bg: #fff; }
body.editorial-home #roadmap .roadmap-track { gap: 20px; }
body.editorial-home #roadmap .roadmap-track::before { background: #c6cec9; }
body.editorial-home #roadmap .roadmap-track article { padding: 28px; background: #f3f5f5; border: 1px solid #e0e6e4; border-radius: 4px; }
body.editorial-home #roadmap .roadmap-track article:first-child { background: #fff0e9; border-color: #f4b397; }
body.editorial-home #roadmap .roadmap-track article:nth-child(2) { background: #fff5d4; border-color: #e3c981; }
body.editorial-home #roadmap .roadmap-track article:last-child { background: #e9f4f1; border-color: #add1c4; }
body.editorial-home #roadmap .roadmap-dot { position: relative; background: #fff; border-color: #263b38; color: #151515; margin-bottom: 28px; }
body.editorial-home #roadmap .roadmap-track article:first-child .roadmap-dot { background: #f96538; border-color: #b8421d; color: #151515; box-shadow: 0 4px 0 #c95430; }
body.editorial-home #roadmap .roadmap-track :is(p,.roadmap-status) { color: #363c3b; }
body.editorial-home #faq { --editorial-bg: #fff; }
body.editorial-home #faq .faq-grid { gap: clamp(30px,6vw,90px); }
body.editorial-home #faq .faq-list { border-top: 3px solid #151515; }
body.editorial-home #faq .faq-list details { border-color: #b9c4c0; }
body.editorial-home #faq .faq-list summary { color: #151515; font-size: clamp(14px,1.3vw,19px); padding-block: 24px; }
body.editorial-home #faq .faq-list details[open] { background: #fff6d9; }
body.editorial-home #faq .faq-list details[open] summary { color: #151515; }
body.editorial-home #faq .faq-answer { color: #333; font-size: clamp(13px,1.1vw,16px); }
body.editorial-home #faq .faq-plus::before, body.editorial-home #faq .faq-plus::after { background: #075e68; }

/* 공식 소개 영상과 사진으로 사업 자료를 살펴보는 장면에 시각적 근거를 채운다. */
body.editorial-home #explore { --editorial-bg: #087f8c; }
body.editorial-home #explore :is(.section-top .eyebrow,.section-top .eyebrow > span,.edition-label,.section-heading-row h2,.section-heading-row h2 em,.section-heading-row .section-intro,.section-footnote) { color: #fff; }
body.editorial-home #explore .film-feature { background: #075966; border-color: #ffffff8c; border-radius: 4px; }
body.editorial-home #explore .film-copy :is(h3,p,.mini-label) { color: #fff; }
body.editorial-home #explore .film-play { background: #f5b81d; color: #151515; border-color: #ffe9a5; box-shadow: 0 7px 0 #bb8414,0 17px 25px #062e3b38; }
body.editorial-home #explore .film-play:hover { background: #ffd76d; }
body.editorial-home #explore .film-credit { background: #fff; color: #174046; }
body.editorial-home #explore .destination-cards { gap: 26px; }
body.editorial-home #explore .destination-card { padding: 30px; background: #fff; border: 0; border-radius: 3px; box-shadow: 0 7px 0 #04626d,0 24px 36px #043e4924; overflow: hidden; }
body.editorial-home #explore .destination-card::before { content: ""; display: block; height: clamp(150px,18vw,230px); margin: -30px -30px 24px; background: url("assets/editorial/journey.webp") center/cover no-repeat; }
body.editorial-home #explore .destination-card:nth-child(2)::before { background-image: url("assets/editorial/people.webp"); background-position: center 46%; }
body.editorial-home #explore .destination-card :is(h3,h3 span,.card-link strong) { color: #151515; }
body.editorial-home #explore .destination-card > p { color: #3a4346; }
body.editorial-home #explore .destination-card-top { color: #385258; }
body.editorial-home #explore .card-link small { color: #1748b6; }
body.editorial-home #explore .card-arrow { color: #151515; background: #f5b81d; border-color: #dba01e; }

body.editorial-home .rights-statement { --editorial-bg: #f5b81d; }
body.editorial-home .rights-statement :is(h2,h2 em,p,.eyebrow,.rights-rail) { color: #151515; }
body.editorial-home .rights-statement .rights-rail i { background: #8c660f; }
body.editorial-home .rights-statement .rights-rail i::after { background: #151515; }
body.editorial-home .closing-section { --editorial-bg: #fff; }
body.editorial-home .closing-section h2 { color: #151515; font-size: clamp(38px,5vw,76px); }
body.editorial-home #whitepaper { --editorial-bg: #edf2ff; --wp-text: #151515; --wp-muted: #3a455e; --wp-gold: #1748b6; }
body.editorial-home #whitepaper .whitepaper-panel { background: #edf2ff; border: 1px solid #abc0ef; border-top: 5px solid #235be8; box-shadow: 0 4px 0 #c3d2f5,0 10px 0 #a4b9e9,0 26px 40px #27468417; }
body.editorial-home #whitepaper .whitepaper-intro h2 { font-size: clamp(30px,3.2vw,46px); color: #151515; }
body.editorial-home #whitepaper .whitepaper-file { background: #fff; border-color: #96addc; border-radius: 4px; box-shadow: 0 4px 0 #bacbef; }
body.editorial-home #whitepaper .whitepaper-file:hover { background: #fff6d9; border-color: #be992e; }
body.editorial-home #whitepaper .whitepaper-language { background: #f5b81d; color: #151515; border-color: #c58d11; box-shadow: 2px 2px 0 #dbaf37; }

@media(max-width:900px) {
  body.editorial-home #ecosystem .platform-layout { gap: 35px; }
  body.editorial-home #ecosystem .platform-visual { min-height: 510px; }
  body.editorial-home #ecosystem .app-frame { width: 190px; }
  body.editorial-home #ecosystem .app-preview { height: 268px; }
  body.editorial-home #ecosystem .floating-route { bottom: 40px; padding: 14px; font-size: 10px; }
  body.editorial-home #roadmap .roadmap-track article { padding: 20px; }
}
@media(max-width:680px) {
  body.editorial-home :is(#vision,#ecosystem,#how,#destinations,#benefits,#roadmap,#faq,#explore,.rights-statement) h2 { font-size: clamp(33px,8.8vw,48px); line-height: 1.25; }
  body.editorial-home #vision .cycle-heading { margin-bottom: 24px; }
  body.editorial-home #vision .vision-outcomes { gap: 18px; }
  body.editorial-home #vision .vision-outcomes article { padding: 0; }
  body.editorial-home #vision .cycle-editorial { padding-top: 23px; }
  body.editorial-home #ecosystem .platform-layout { grid-template-columns: minmax(0,1fr); }
  body.editorial-home #ecosystem .platform-visual { min-height: 520px; padding-top: 8px; }
  body.editorial-home .platform-documentary { width: 91%; border-width: 7px; }
  body.editorial-home #ecosystem .app-frame { width: 182px; margin-top: -12px; }
  body.editorial-home #ecosystem .app-preview { height: 259px; }
  body.editorial-home #ecosystem .floating-route { max-width: 57%; bottom: 55px; padding: 14px 12px; line-height: 1.6; }
  body.editorial-home #how .utility-lab { padding: 23px 19px; border-radius: 12px; }
  body.editorial-home #how .step-selector { gap: 7px; }
  body.editorial-home #how .step-button { padding: 10px 5px 14px; border-color: #ffffff87 !important; }
  body.editorial-home #how .step-button[aria-selected="true"] { border-color: #fff !important; }
  body.editorial-home #how .step-button strong { font-size: 11px; white-space: normal; overflow-wrap: anywhere; }
  body.editorial-home #how .step-button > span { font-size: 10px; }
  body.editorial-home #how .lab-description h3 { font-size: 20px; }
  body.editorial-home #destinations .asia-map-panel { padding: 20px 0 0; margin-bottom: 12px; }
  body.editorial-home #destinations .region-tabs button { min-height: 52px; }
  body.editorial-home #benefits { padding-top: 64px; padding-bottom: 74px; }
  body.editorial-home #benefits :is(.calculator-input,.calculator-result) { padding: 25px 21px; }
  body.editorial-home #roadmap { padding-top: 50px; }
  body.editorial-home #roadmap .roadmap-track { gap: 15px; }
  body.editorial-home #roadmap .roadmap-track::before { display: none; }
  body.editorial-home #roadmap .roadmap-track article { padding: 24px; }
  body.editorial-home #roadmap .roadmap-dot { left: auto; top: auto; margin-bottom: 22px; }
  body.editorial-home #explore .destination-cards { gap: 24px; }
  body.editorial-home #explore .destination-card { padding: 25px; }
  body.editorial-home #explore .destination-card::before { height: 185px; margin: -25px -25px 24px; }
  body.editorial-home .rights-statement { padding-inline: 8px; }
  body.editorial-home #whitepaper .whitepaper-panel { padding: 28px 21px; }
}
@media(prefers-reduced-motion:reduce) {
  body.editorial-home #ecosystem .floating-route { animation: none; }
}
@media print {
  body.editorial-home :is(#vision,#ecosystem,#how,.supply-section,#destinations,#benefits,#roadmap,#faq,#explore,.rights-statement,.closing-section,#whitepaper) { --editorial-bg:#fff; background:#fff !important; }
  body.editorial-home :is(#vision,#how,.supply-section,#benefits,#explore) :is(h2,h3,p,span,strong,small,button) { color:#151515 !important; }
  body.editorial-home :is(.utility-lab,.calculator-result,.film-overlay,.whitepaper-panel) { background:#fff !important; box-shadow:none !important; }
}