/* 토큰·헤더·푸터는 mpc-amcs-home.html에서 그대로 가져왔다 — 두 페이지가 한 사이트로 보이게.
     모노톤 + 브랜드 블루 하나, 보조 색·그라디언트·글로우 없음. */
  :root {
    /* 날짜 입력의 달력 아이콘·달력 팝업·스크롤바 같은 네이티브 컨트롤을 브라우저가
       어느 쪽으로 그릴지 알려준다. 없으면 다크 배경에 검은 아이콘이 그려져 안 보인다. */
    color-scheme:light;
    --brand:#134ea5;
    --bg:#ffffff; --bg-2:#f3f5f8; --line:#e5e8ee;
    --ink:#0c0f14; --ink-2:#454b57; --muted:#7b8290; --faint:#c3c8d2;
    --font:"Pretendard Variable","Pretendard",-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic",system-ui,sans-serif;
    --gut:clamp(24px,6vw,120px);
  }
  @media (prefers-color-scheme: dark) {
    :root { color-scheme:dark; --brand:#5aa4f0; --bg:#08090c; --bg-2:#0f1117; --line:#1e222b; --ink:#f2f4f8; --ink-2:#b8bfcc; --muted:#767e8c; --faint:#3a4150; }
  }
  :root[data-theme="light"]{color-scheme:light;--brand:#134ea5;--bg:#ffffff;--bg-2:#f3f5f8;--line:#e5e8ee;--ink:#0c0f14;--ink-2:#454b57;--muted:#7b8290;--faint:#c3c8d2;}
  :root[data-theme="dark"]{color-scheme:dark;--brand:#5aa4f0;--bg:#08090c;--bg-2:#0f1117;--line:#1e222b;--ink:#f2f4f8;--ink-2:#b8bfcc;--muted:#767e8c;--faint:#3a4150;}

  /* ===== 헤더 — 헤어라인만, 바 없음 ===== */
  header { position:fixed; top:0; left:0; right:0; z-index:60; }

  /* ===== 신청 — 홈페이지에 있던 2단 블록을 이 페이지로 옮긴 것.
     왼쪽은 무엇을 받는지, 오른쪽은 입력. 다른 챕터처럼 --gut 기준 풀블리드. */
  main { min-height:100vh; display:grid; align-content:center; padding:clamp(120px,18vh,190px) 0 clamp(70px,10vh,110px); }
  .apply-g { display:grid; grid-template-columns:1fr 1fr; gap:clamp(38px,6vw,86px); align-items:start; }
  h1 { font-weight:800; letter-spacing:-.055em; line-height:.98; font-size:clamp(34px,5.2vw,84px); }
  .sub { margin-top:clamp(18px,2.6vh,28px); font-size:clamp(14px,.95vw,17px); color:var(--muted); line-height:1.8; max-width:42ch; font-weight:500; }
  .ci { margin-top:clamp(26px,4vh,44px); display:flex; flex-direction:column; gap:10px; font-size:clamp(14px,.9vw,16px); font-weight:600; color:var(--ink-2); }
  .ci a { transition:color .2s; }
  .ci a:hover { color:var(--brand); }
  .ci .when { color:var(--faint); font-weight:500; }

  /* 세그먼트 전환 — 알약 트랙 하나, 선택된 쪽만 채운다.
     라디오가 아니라 버튼인 이유: 값만 기록하는 게 아니라 아래 입력란을 통째로 바꾸기 때문. */
  /* .seg / .seg-b — 신청 종류 전환 탭. 전용 데모 신청을 없애며 마크업과 함께 걷어냈다. */
  #fVisit { display:grid; gap:10px; }
  /* 라벨이 붙는 입력 한 쌍 — 라벨 높이만큼 밀리므로 두 칸을 같이 감싸야 줄이 맞는다 */
  .fl { display:grid; gap:5px; }
  .fl > span { font-size:11.5px; font-weight:700; letter-spacing:.02em; color:var(--muted); }
  input[type="date"] { color:var(--ink); }

  form { display:grid; gap:10px; }
  .frow { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
  input, textarea { font-family:inherit; font-size:15px; padding:16px 2px; border:none; border-bottom:1px solid var(--line); background:none; color:var(--ink); width:100%; transition:border-color .2s; letter-spacing:-.015em; }
  textarea { min-height:104px; resize:vertical; }
  input::placeholder, textarea::placeholder { color:var(--faint); }
  input:focus, textarea:focus { outline:none; border-bottom-color:var(--brand); }
  /* 동의 체크박스 — 위의 전역 input 규칙(width:100%, 아래 밑줄, 큰 padding)이
     체크박스에도 그대로 먹으면 화면 폭짜리 상자가 된다. 여기서만 되돌린다. */
  .agree { display:flex; align-items:flex-start; gap:11px; margin-top:clamp(14px,2vh,20px); cursor:pointer; }
  .agree input[type="checkbox"] { width:17px; height:17px; flex-shrink:0; margin-top:2px; padding:0; border:none; accent-color:var(--brand); cursor:pointer; }
  .agree-t { font-size:13px; font-weight:600; color:var(--ink-2); line-height:1.6; }
  .agree-t b { color:var(--brand); font-weight:700; }
  .agree-d { display:block; margin-top:7px; font-size:11.5px; font-weight:500; color:var(--muted); line-height:1.75; }
  /* 보유기간 미정 자리 — 눈에 띄어야 이대로 배포되지 않는다 */
  .agree-d mark { background:none; color:var(--brand); font-weight:700; }

  .send { margin-top:16px; padding:17px 24px; border:1px solid var(--ink); border-radius:999px; background:var(--ink); color:var(--bg); font-family:inherit; font-size:15px; font-weight:700; cursor:pointer; letter-spacing:-.01em; transition:opacity .2s, transform .12s; }
  .send:hover { opacity:.86; }
  .send:active { transform:scale(.99); }
  .fine { margin-top:14px; font-size:11.5px; color:var(--faint); line-height:1.6; }

  .toast { position:fixed; left:50%; bottom:30px; transform:translateX(-50%) translateY(16px); background:var(--ink); color:var(--bg); padding:13px 22px; border-radius:999px; font-size:13.5px; font-weight:600; z-index:120; opacity:0; pointer-events:none; transition:opacity .25s, transform .25s; }
  .toast.show { opacity:1; transform:translateX(-50%) translateY(0); }

  @media (max-width:820px){
    .apply-g { grid-template-columns:1fr; }
    main { min-height:0; padding:clamp(110px,16vh,150px) 0 clamp(56px,8vh,80px); }
  }
  @media (max-width:560px){ .frow { grid-template-columns:1fr; } .logo small { display:none; } }