/*
  맑은소프트 개인정보 유출 사고 안내 FAQ 레이어 — 설치용 스타일시트
  - 모든 선택자는 .msft-faql- 접두사로 스코프되어 있어 기존 사이트 CSS와 충돌하지 않습니다.
  - 전역 리셋(*, body, h1 등 태그 선택자)은 사용하지 않습니다. 필요한 값은 각 컴포넌트
    클래스에 직접 선언되어 있어, 이 파일을 얹는 것만으로 기존 페이지 스타일에 영향을 주지 않습니다.
*/

.msft-faql-overlay{
  --msft-faql-ink:#1E293B;
  --msft-faql-ink-soft:#475569;
  --msft-faql-muted:#64748B;
  --msft-faql-coral:#C33A15;
  --msft-faql-coral-soft:#FBE9E3;
  --msft-faql-border:#E2E8F0;
  --msft-faql-bg-modal:#FFFFFF;
  --msft-faql-bg-panel:#F8FAFC;
  --msft-faql-shadow:0 24px 64px rgba(15,23,42,0.28);
  --msft-faql-radius-lg:16px;

  position:fixed;inset:0;background:rgba(15,23,42,0.55);
  display:flex;align-items:center;justify-content:center;padding:24px;
  z-index:2147483000;
  font-family:'Noto Sans KR',-apple-system,BlinkMacSystemFont,sans-serif;
  box-sizing:border-box;
}
.msft-faql-overlay,
.msft-faql-overlay *{box-sizing:border-box;}
.msft-faql-overlay[hidden]{display:none;}

.msft-faql-modal{
  background:var(--msft-faql-bg-modal);width:100%;max-width:640px;max-height:88vh;
  border-radius:var(--msft-faql-radius-lg);box-shadow:var(--msft-faql-shadow);position:relative;
  display:flex;flex-direction:column;overflow:hidden;color:var(--msft-faql-ink);
  outline:none;
}

.msft-faql-modal-head{
  padding:24px 52px 16px 26px;border-bottom:1px solid var(--msft-faql-border);position:relative;flex:none;
}
.msft-faql-title{margin:0 0 6px;font-size:19px;font-weight:800;color:var(--msft-faql-ink);line-height:1.4;}
.msft-faql-desc{margin:0;font-size:13px;color:var(--msft-faql-muted);line-height:1.6;}

.msft-faql-close-btn{
  position:absolute;top:16px;right:16px;width:34px;height:34px;border-radius:50%;
  border:1px solid var(--msft-faql-border);background:var(--msft-faql-bg-panel);color:var(--msft-faql-ink-soft);
  font-size:18px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;
  font-family:inherit;
}
.msft-faql-close-btn:hover{background:var(--msft-faql-coral-soft);color:var(--msft-faql-coral);}
.msft-faql-close-btn:focus-visible{outline:2px solid var(--msft-faql-coral);outline-offset:2px;}

.msft-faql-modal-scroll{overflow-y:auto;flex:1 1 auto;}

.msft-faql-tabs-nav{
  display:flex;gap:4px;padding:14px 20px 0;background:#fff;position:sticky;top:0;z-index:1;
  border-bottom:1px solid var(--msft-faql-border);overflow-x:auto;
}
.msft-faql-tab{
  flex:none;padding:9px 14px;font-size:13px;font-weight:700;color:var(--msft-faql-muted);
  border:none;border-bottom:3px solid transparent;background:transparent;cursor:pointer;
  white-space:nowrap;font-family:inherit;
}
.msft-faql-tab:focus-visible{outline:2px solid var(--msft-faql-coral);outline-offset:-2px;}
.msft-faql-tab--active{color:var(--msft-faql-ink);border-bottom-color:var(--msft-faql-coral);}

.msft-faql-tab-panels{padding:20px 26px 8px;}
.msft-faql-panel{display:none;flex-direction:column;gap:14px;}
.msft-faql-panel--active{display:flex;}

.msft-faql-faq-block{background:var(--msft-faql-bg-panel);border:1px solid var(--msft-faql-border);border-radius:10px;padding:14px 16px;}
.msft-faql-faq-q{display:flex;gap:8px;align-items:flex-start;font-weight:700;font-size:14px;color:var(--msft-faql-ink);margin-bottom:6px;}
.msft-faql-faq-q::before{
  content:"Q";flex:none;width:19px;height:19px;border-radius:5px;background:var(--msft-faql-ink);color:#fff;
  font-size:10.5px;font-weight:800;display:flex;align-items:center;justify-content:center;margin-top:1px;
}
.msft-faql-faq-a{font-size:13px;line-height:1.7;color:var(--msft-faql-ink-soft);padding-left:27px;}
.msft-faql-faq-a a{color:var(--msft-faql-coral);font-weight:700;}

.msft-faql-footnote{
  margin:4px 26px 16px;font-size:11px;color:var(--msft-faql-muted);font-style:italic;
  border-top:1px dashed var(--msft-faql-border);padding-top:10px;
}

.msft-faql-cta-bar{
  flex:none;padding:16px 26px;border-top:1px solid var(--msft-faql-border);background:#fff;
  display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;
}
.msft-faql-cta-text{font-size:12.5px;color:var(--msft-faql-muted);}
.msft-faql-cta-text strong{color:var(--msft-faql-ink);}
.msft-faql-cta-buttons{display:flex;gap:8px;flex-wrap:wrap;}
.msft-faql-btn{
  display:inline-flex;align-items:center;gap:6px;padding:10px 16px;border-radius:8px;
  font-size:13px;font-weight:700;text-decoration:none;cursor:pointer;border:1px solid transparent;
  font-family:inherit;
}
.msft-faql-btn--primary{background:var(--msft-faql-coral);color:#fff;}
.msft-faql-btn--primary:hover{background:#A8300F;}
.msft-faql-btn--ghost{background:#fff;border-color:var(--msft-faql-border);color:var(--msft-faql-ink-soft);}
.msft-faql-btn--ghost:hover{border-color:var(--msft-faql-coral);color:var(--msft-faql-coral);}
.msft-faql-btn:focus-visible{outline:2px solid var(--msft-faql-coral);outline-offset:2px;}

.msft-faql-reopen{
  --msft-faql-ink:#1E293B;
  position:fixed;bottom:24px;right:24px;background:var(--msft-faql-ink);color:#fff;
  border:none;padding:12px 18px;border-radius:999px;font-size:13px;font-weight:700;
  cursor:pointer;box-shadow:0 10px 24px rgba(15,23,42,0.35);z-index:2147482999;
  font-family:'Noto Sans KR',-apple-system,BlinkMacSystemFont,sans-serif;
}
.msft-faql-reopen[hidden]{display:none;}
.msft-faql-reopen:focus-visible{outline:2px solid #fff;outline-offset:2px;}

@media (max-width:640px){
  .msft-faql-overlay{padding:0;align-items:flex-end;}
  .msft-faql-modal{max-width:100%;width:100%;max-height:94vh;border-radius:20px 20px 0 0;}
  .msft-faql-modal-head{padding:20px 46px 14px 18px;}
  .msft-faql-tabs-nav{padding:12px 14px 0;}
  .msft-faql-tab-panels{padding:16px 14px 4px;}
  .msft-faql-footnote{margin:4px 14px 14px;}
  .msft-faql-cta-bar{padding:14px 16px;flex-direction:column;align-items:flex-start;}
  .msft-faql-cta-buttons{width:100%;}
  .msft-faql-btn{flex:1;justify-content:center;}
}