/* 의뢰하기 독립 페이지(/request/) 껍데기 — 00 Landing System 토큰 · 한글은 고딕. 인라인 style이 없어야 /request/* 에 CSP(style-src 'self')를 걸 수 있다 */
:root { color-scheme: dark; }
html { background:#101218; }
body { margin:0; background:#101218; color:#C2C7D2; font-family:"Pretendard Variable",Pretendard,-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Noto Sans KR",system-ui,sans-serif; word-break:keep-all; -webkit-font-smoothing:antialiased; }
.page { max-width:760px; margin:0 auto; padding:28px 16px 40px; }
.sym { position:absolute; width:0; height:0; }
/* 머리 줄 — 하부 페이지와 같은 로고(SVG) + 우상단 탭 넷. 현재 페이지가 넷에 없어 표시 없음 */
.crumb { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:.2rem 1.5rem; margin:0 0 14px; }
.brand { display:block; width:clamp(88px,8.4vw,124px); color:#EDEEF2; padding-block:17px; margin-block:-17px; }
.brand svg { display:block; width:100%; height:auto; overflow:visible; fill:currentColor; }
.tabs { display:flex; flex-wrap:nowrap; gap:1.4rem; font-size:15px; line-height:1.3; }
.tabs > * { display:inline-block; padding-block:.75rem; color:#9AA0AD; text-decoration:none; white-space:nowrap; }
.tabs a { transition:color .4s; }
@media (hover:hover) { .tabs a:hover { color:#EDEEF2; text-decoration:underline; text-decoration-color:color-mix(in srgb,#FFA03A 45%,transparent); text-underline-offset:.35em; text-decoration-thickness:1px; } }   /* 하부 페이지 탭과 같은 호버 — 같은 선이 옅게 미리 보임 */
.tabs .on { color:#EDEEF2; text-decoration:underline; text-decoration-color:#FFA03A; text-underline-offset:.35em; text-decoration-thickness:1px; }
@media (max-width:560px) { .tabs { gap:.95rem; width:100%; } }
.card { border-top:1px solid #2A2F3B; padding:18px 0 12px; }
.foot { margin:18px 0 0; padding-top:16px; border-top:1px solid #2A2F3B; font-size:13.6px; color:#9AA0AD; }
.foot span { display:block; }   /* 맨 아래 두 줄 — 윗줄 「적다 만 내용은 …」 · 아랫줄 메일 · 개인정보 처리방침(폰 기준) */
.foot .foot-links { margin-top:.35rem; }
.foot a { color:#C2C7D2; display:inline-block; padding:15px 0; margin:-15px 0; text-underline-offset:3px; } /* 누르는 영역 ≥ 44px, 줄 높이는 그대로 */
a:focus-visible { outline:2px solid #FFA03A; outline-offset:2px; border-radius:2px; }