/* 의뢰 양식 — 00 Landing System 토큰(바탕 하나 · 면 없음 · 글자 톤 넷 · 괘선 하나 · 점 앰버) · 한글은 고딕 */
.mrq, .mrq-sheet { --mrq-accent:#FFA03A; --mrq-accent-ink:#101218; --mrq-bg:#101218; --mrq-ink:#EDEEF2; --mrq-text:#C2C7D2; --mrq-dim:#9AA0AD; --mrq-line:#2A2F3B; --mrq-soft:transparent; --mrq-warn:#EDEEF2;
  font-family:"Pretendard Variable",Pretendard,-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Noto Sans KR",system-ui,sans-serif;
  font-size:15px; line-height:1.55; word-break:keep-all; color:var(--mrq-text); color-scheme:dark; -webkit-font-smoothing:antialiased; }
.mrq { background:var(--mrq-bg); max-width:720px; margin:0 auto; padding:8px 0 24px; }
.mrq-head { position:relative; padding:4px 0 12px; }
.mrq-title { margin:0 0 4px; font-size:24px; font-weight:500; letter-spacing:-.01em; line-height:1.3; color:var(--mrq-ink); }
.mrq-lead { margin:0; color:var(--mrq-dim); font-size:14px; }
.mrq-x { position:absolute; right:-6px; top:-6px; background:transparent; border:0; color:inherit; font-size:26px; line-height:1; padding:4px 8px; cursor:pointer; }
.mrq-sec { border:0; border-top:1px solid var(--mrq-line); border-radius:0; padding:14px 0 6px; margin:0 0 14px; min-width:0; }
.mrq-sec legend { padding:0 8px 0 0; font-weight:500; font-size:15px; color:var(--mrq-ink); letter-spacing:0; }
.mrq-row { margin:0 0 14px; }
.mrq-label { display:flex; flex-wrap:wrap; gap:4px 8px; align-items:baseline; margin:0 0 6px; font-weight:500; font-size:15px; color:var(--mrq-ink); }
.mrq-opt { font-weight:500; font-size:13.6px; color:var(--mrq-dim); border:1px solid var(--mrq-line); border-radius:999px; padding:1px 7px; line-height:1.4; }
.mrq-help { font-weight:400; color:var(--mrq-dim); font-size:13.6px; }   /* 작은 글자 하한 13.6px(.85rem) — 사이트 라벨 규격 */
.mrq input[type=text], .mrq input[type=email], .mrq input[type=tel], .mrq textarea { display:block; width:100%; box-sizing:border-box; font:inherit; font-size:16px; color:var(--mrq-ink); background:transparent; border:1px solid var(--mrq-line); border-radius:10px; padding:10px 12px; }
.mrq input[type=text]:focus, .mrq input[type=email]:focus, .mrq input[type=tel]:focus, .mrq textarea:focus { outline:2px solid var(--mrq-accent); outline-offset:1px; border-color:transparent; }
.mrq textarea { resize:vertical; min-height:72px; }
.mrq ::placeholder { color:var(--mrq-dim); opacity:1; }
.mrq-chips { display:flex; flex-wrap:wrap; gap:8px; }
.mrq-chip { position:relative; display:inline-flex; align-items:center; border:1px solid var(--mrq-line); border-radius:999px; padding:7px 14px; font-size:14px; cursor:pointer; background:transparent; color:var(--mrq-text); user-select:none; }
.mrq-chip:hover { border-color:var(--mrq-dim); }
.mrq-chip input { position:absolute; opacity:0; width:1px; height:1px; margin:0; }
.mrq-chip:has(input:checked) { background:var(--mrq-ink); color:var(--mrq-bg); border-color:var(--mrq-ink); } /* 점(앰버)은 「지금 단계 · 나아갈 단추」 한 역할만 — 고른 칩은 t1 */
.mrq-chip:has(input:focus-visible) { outline:2px solid var(--mrq-accent); outline-offset:2px; }
.mrq-otherwrap { margin-top:8px; }
.mrq-otherwrap[hidden] { display:none; }
.mrq-miss .mrq-label { color:var(--mrq-warn); }
.mrq-miss input[type=text], .mrq-miss input[type=email], .mrq-miss input[type=tel], .mrq-miss textarea, .mrq-miss .mrq-chips { outline:2px dashed var(--mrq-warn); outline-offset:2px; border-radius:10px; }
.mrq-err { margin:0 0 12px; padding:10px 12px; border-radius:10px; border:1px dashed var(--mrq-dim); color:var(--mrq-warn); font-size:14px; }
.mrq-err[hidden] { display:none; }
.mrq-agreerow { margin-top:4px; }
.mrq-agree { display:flex; gap:10px; align-items:flex-start; font-size:14px; cursor:pointer; }
.mrq-agree b { font-weight:650; }
.mrq-agree input { margin-top:4px; width:16px; height:16px; }
.mrq-actions { display:flex; gap:10px; align-items:center; margin:16px 0 10px; }
.mrq-send { background:var(--mrq-accent); color:var(--mrq-accent-ink); border:0; border-radius:999px; padding:12px 22px; font:inherit; font-weight:650; cursor:pointer; }
.mrq-send:focus-visible, .mrq-reset:focus-visible { outline:2px solid var(--mrq-accent); outline-offset:2px; }
.mrq-reset { background:transparent; color:var(--mrq-text); border:1px solid var(--mrq-line); border-radius:999px; padding:11px 16px; font:inherit; cursor:pointer; }
.mrq-tail { margin:0; color:var(--mrq-dim); font-size:13.6px; }
.mrq-home { margin:14px 0 0; font-size:14px; }
.mrq-home a { color:var(--mrq-text); text-underline-offset:3px; display:inline-block; padding:13px 0; margin:-13px 0; }   /* 누르는 영역 ≥ 44px */
/* 같은 페이지 시트 */
.mrq-sheet { border:1px solid var(--mrq-line); border-radius:16px; padding:0; width:min(760px, 100vw - 32px); max-height:calc(100vh - 48px); background:var(--mrq-bg); color:var(--mrq-ink); box-shadow:0 20px 60px rgba(0,0,0,.3); }
.mrq-sheet::backdrop { background:rgba(4,5,8,.72); }
.mrq-sheetin { padding:18px 22px 10px; overflow:auto; max-height:calc(100vh - 48px); box-sizing:border-box; }
@media (max-width:560px){ .mrq-sheet { width:100vw; max-width:100vw; height:100vh; max-height:100vh; margin:0; border:0; border-radius:0; } .mrq-sheetin { max-height:100vh; padding:14px 16px 10px; } .mrq-title { font-size:20px; } }
@media (prefers-reduced-motion:no-preference){ .mrq-sheet[open] { animation:mrq-in .18s ease-out; } @keyframes mrq-in { from { opacity:0; transform:translateY(8px); } to { opacity:1; transform:none; } } }
/* 링크 목록 */
.mrq-links { display:flex; flex-direction:column; gap:8px; }
.mrq-linkrow { display:grid; grid-template-columns: minmax(0,1.3fr) minmax(0,1fr) auto; gap:8px; align-items:center; }
.mrq input[type=url] { display:block; width:100%; box-sizing:border-box; font:inherit; font-size:16px; color:var(--mrq-ink); background:transparent; border:1px solid var(--mrq-line); border-radius:10px; padding:10px 12px; }
.mrq input[type=url]:focus { outline:2px solid var(--mrq-accent); outline-offset:1px; border-color:transparent; }
.mrq-linkdel { background:transparent; border:1px solid var(--mrq-line); color:var(--mrq-dim); border-radius:999px; width:30px; height:30px; font-size:18px; line-height:1; cursor:pointer; }
.mrq-linkadd { margin-top:8px; background:transparent; color:var(--mrq-text); border:1px dashed var(--mrq-line); border-radius:999px; padding:8px 14px; font:inherit; font-size:14px; cursor:pointer; }
@media (max-width:560px){ .mrq-linkrow { grid-template-columns: minmax(0,1fr) auto; } .mrq-linkrow .mrq-note { grid-column: 1 / -1; } }
/* 3단계 */
.mrq-prog { list-style:none; display:flex; gap:6px; margin:0 0 14px; padding:0; }
.mrq-prog li { flex:1; display:flex; align-items:center; gap:8px; padding:8px 10px; border-radius:10px; border:1px solid var(--mrq-line); color:var(--mrq-dim); font-size:13.6px; min-width:0; }
.mrq-prog li b { display:inline-grid; place-items:center; width:22px; height:22px; border-radius:999px; border:1px solid var(--mrq-line); font-size:13.6px; flex:none; }
.mrq-prog li span { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.mrq-prog li.now { color:var(--mrq-ink); border-color:var(--mrq-accent); }
.mrq-prog li.now b { background:var(--mrq-accent); color:var(--mrq-accent-ink); border-color:var(--mrq-accent); }
.mrq-prog li.done { color:var(--mrq-text); }
.mrq-prog li.done b { border-color:var(--mrq-dim); }
.mrq-step[hidden] { display:none; }
.mrq-sec-plain { border:0; padding:0; margin:0 0 6px; }
.mrq-sec-plain legend { display:none; }
.mrq-resetall { margin-left:auto; width:44px; height:44px; }   /* ↺ 누르는 곳 44 */
@media (max-width:560px){ .mrq-prog li span { display:none; } .mrq-prog li.now span { display:inline; } .mrq-prog li.now { flex:0 1 auto; } .mrq-prog li:not(.now) { flex:0 0 auto; } }   /* 폰: 지금 단계 칸이 이름 길이만큼 — 「어떤 일…」로 잘리지 않게 */
/* 누르는 영역 ≥ 44px — 보이는 크기는 그대로, 바깥으로 넓힌다(2026-10-20) */
.mrq-chip::after { content:""; position:absolute; inset:-3px 0; }
.mrq-linkdel, .mrq-linkadd { position:relative; }
.mrq-linkdel::after { content:""; position:absolute; inset:-7px; }
.mrq-linkadd::after { content:""; position:absolute; inset:-2px 0; }
.mrq-x { min-width:44px; min-height:44px; } /* 자리는 위 .mrq-x의 absolute 그대로 */
.mrq-agree { padding:11px 0; margin:-11px 0; }
/* 줄나눔 — 고아 줄 막기 */
.mrq-lead, .mrq-tail, .mrq-err, .mrq-label > span, .mrq-agree > span { text-wrap:pretty; }
/* 내용 복사 — 메일 앱이 안 열릴 때 */
.mrq-actions { flex-wrap:wrap; }
.mrq-copied { margin:0 0 10px; padding:10px 12px; border-radius:10px; border:1px solid var(--mrq-line); color:var(--mrq-ink); font-size:14px; } /* pretty를 걸면 긴 메일 주소 때문에 390에서 한 줄이 는다 */
.mrq-copied[hidden], .mrq-copybox[hidden] { display:none; }
.mrq textarea.mrq-copybox { margin:0 0 10px; font-size:16px; min-height:140px; }
.mrq-agree input { accent-color:var(--mrq-accent); }
.mrq-agree b { color:var(--mrq-ink); font-weight:500; }
.mrq-tail a { color:var(--mrq-text); text-underline-offset:3px; display:inline-block; padding:13px 0; margin:-13px 0; }
.mrq-offscreen { position:fixed; left:-9999px; top:0; opacity:0; } /* 복사용 임시 칸 — style 속성 대신 클래스(CSP) */
.mrq-step:focus { outline:none; } /* 단계 이동 때 받는 포커스 — 테두리 없이, 다음 Tab이 첫 칸 */