/* B안 라이트/다크 전환 (C안에서 가져옴) */
.theme-toggle{display:inline-flex;gap:2px;margin-right:14px;padding:3px;border:1px solid var(--g3);border-radius:999px;background:var(--g1)}
.theme-toggle button{min-height:30px;padding:0 13px;border:0;border-radius:999px;background:transparent;color:var(--g5);font:inherit;font-size:12.5px;font-weight:800;cursor:pointer;transition:background .2s,color .2s}
.theme-toggle button:hover{color:var(--p)}
.theme-toggle button[aria-pressed="true"]{background:var(--p);color:#fff}
.theme-toggle button:focus-visible{outline:2px solid var(--p);outline-offset:2px}
@media(max-width:900px){.theme-toggle{margin:0 8px 0 auto}.menu{margin-left:0}}
html[data-theme="dark"]{color-scheme:dark;--ink:#f2eff8;--g6:#f2eff8;--g5:#cdc6da;--g4:#9a92ad;--g3:#3b3452;--g2:#2c2542;--g1:#171128;--pl:#251b40;--pd:#dccbff;--pm:#8f6fd6;--card:#1f1830;--logo-filter:brightness(0) invert(1)}
html[data-theme="dark"] body{background:#0f0b1a}
html[data-theme="dark"] .header{background:rgba(15,11,26,.92);border-bottom-color:rgba(255,255,255,.08)}
html[data-theme="dark"] .mobile-nav{background:#181226}
html[data-theme="dark"] .footer-top img{filter:brightness(0) invert(1)}
html[data-theme="dark"] .btn.secondary{background:#241d38;color:var(--ink)}
html[data-theme="dark"] .metric-grid article{border-right-color:rgba(255,255,255,.1)}
html[data-theme="dark"] .metric-note{color:#a99bc4}
html[data-theme="dark"] :is(.benefit-card,.feature-card,.usecase-card,.use-tabs button,.usecase-nav){background:var(--card)}
html[data-theme="dark"] :is(.benefit-card,.usecase-card) .icon{color:#b79cff}
html[data-theme="dark"] .price-card{background:var(--card);color:var(--ink);box-shadow:0 22px 45px rgba(0,0,0,.45)}
html[data-theme="dark"] .price-card:before{background:linear-gradient(135deg,transparent 7px,var(--card) 0) 0 0/14px 14px repeat-x}
html[data-theme="dark"] details[open]{box-shadow:0 12px 30px rgba(0,0,0,.45)}
html[data-theme="dark"] .closing{background:#07040d}
html[data-theme="dark"] .impact-modal,html[data-theme="dark"] .sc-modal{background:#181226;color:var(--ink)}
html[data-theme="dark"] .m-actions .btn.ghost{background:#181226;border-color:var(--g3);color:var(--g5)}
html[data-theme="dark"] .sc-modal .sc2-out>section{background:var(--card)}
html[data-theme="dark"] .sc-modal .sc2-key span{color:#e6d9ff}
html[data-theme="dark"] :is(.benefit-card,.usecase-card) small{color:#b79cff}
/* B안 소개 영역(발행 콘솔)용 라이트/다크 보정 */
html[data-theme="dark"] .intro{background:transparent}
html[data-theme="dark"] .intro h2 em{color:#b79cff}
html[data-theme="dark"] .cs{box-shadow:0 30px 70px rgba(0,0,0,.6)}
html[data-theme="dark"] .m-actions .btn.ghost{background:#181226}

/* 다크 모드: 분석 입력칸과 플레이스홀더를 어둡게 */
html[data-theme="dark"] .m-form input,html[data-theme="dark"] .fm-f input{background:#0f0b1a;color:var(--ink);border-color:var(--g3)}
html[data-theme="dark"] .m-form input::placeholder,html[data-theme="dark"] .fm-f input::placeholder{color:rgba(255,255,255,.38)}
html[data-theme="dark"] .m-form label,html[data-theme="dark"] .fm-f label{color:var(--g5)}
html[data-theme="dark"] .sc-modal .sc2-out>.sc-empty{color:var(--g4)}

@media (max-width: 900px) {
  .closing {
    padding-inline: 0;
  }
}

/* Keep FAQ content and its background label below the fixed navigation. */
html[data-theme] #faq {
  --faq-top-space: 144px;
  justify-content: flex-start;
  padding-top: var(--faq-top-space) !important;
  overflow-anchor: none;
}
#faq > .container {
  margin-block: 0;
  align-items: start;
}

html[data-theme] #faq summary {
  font-size: 18px;
}
html[data-theme] #faq details p {
  font-size: 15px;
}
html[data-theme] #faq .section-head > p:not(.kicker) {
  font-size: 17px !important;
}
@media (min-width: 901px) {
  html[data-theme] #faq .section-head h2 {
    font-size: clamp(30px, 4.6vh, 50px) !important;
  }
}