/* #1435 T1 surface: 결제 완료·주문 조회 등 도구 화면용. base.css(맥북 T1) 토큰만 사용: 흰 바탕 + 잉크 #282827, 그림자·그라데이션·반투명·색 없음.
   컨트롤 3종: 이동 = 밑줄 링크(.tl), 선택 = 테두리 칩(.chip), 실행 = 채운 버튼(.btn). 글자 4단계: 32 / 20 / 16 / 14(보조). */
.t1-main{max-width:640px;margin:0 auto;padding:64px 16px 96px;display:flex;flex-direction:column;gap:24px}
.t1-main h1{font-size:40px;line-height:52px;font-weight:700;letter-spacing:-.03em}
.t1-main h2{font-size:20px;line-height:30px;font-weight:600;letter-spacing:-.01em}
.t1-lead{font-size:16px;line-height:28px}
.t1-note{font-size:14px;line-height:22px}
.t1-main label{display:block;font-size:14px;line-height:22px;font-weight:600}
.t1-input{display:block;width:100%;min-height:52px;margin-top:8px;padding:0 16px;border:1px solid var(--ink);border-radius:0;background:var(--paper);color:var(--ink);font:400 16px/1.7 Pretendard,system-ui,sans-serif}
.t1-input::placeholder{color:var(--ink);opacity:.6}
.t1-form{display:flex;flex-direction:column;gap:16px}
.t1-form .btn{width:100%}
.t1-main .btn:disabled{background:var(--surface);border-color:var(--ink);color:var(--ink);cursor:default}
.t1-status{min-height:24px;font-size:16px;line-height:24px;font-weight:600}
.t1-rule{border:0;border-top:1px solid var(--ink)}
.t1-order{border-top:1px solid var(--ink);padding-top:24px;display:flex;flex-direction:column;gap:16px}
.t1-order ul{display:flex;flex-direction:column;gap:24px}
.t1-order li{display:flex;flex-direction:column;gap:16px}
.t1-order li strong{font-size:16px;line-height:26px;font-weight:700}
.t1-cta{display:flex;gap:16px;flex-wrap:wrap}
.t1-cta .btn,.t1-cta .btn.ghost{min-width:0}
.t1-main .btn[hidden],.t1-main [hidden]{display:none!important}
.t1-main a:not(.btn){text-underline-offset:4px}
.t1-help{display:flex;flex-direction:column;gap:8px;align-items:flex-start}
@media(max-width:560px){.t1-main{padding:48px 16px 64px}.t1-main h1{font-size:30px;line-height:40px}.t1-cta .btn{width:100%}}
.launch-legal-footer{border-top:1px solid var(--ink);font-size:14px;line-height:22px;color:var(--ink);background:var(--paper)}
.launch-legal-footer a{color:var(--ink)}
.launch-legal-name{font-weight:700;font-size:16px}
.launch-legal-footer dt{font-weight:600}
/* 로고는 운영 MakeItClear 워드마크(wordmark-wrtn.svg)만 쓴다 (다른 서비스의 글자 파일은 사용 금지). */
.logo-mark{-webkit-mask:url(/wordmark-wrtn.svg) left center/contain no-repeat;mask:url(/wordmark-wrtn.svg) left center/contain no-repeat}
/* 8단위 간격(8·16·24·32·48·64·96·120)만 사용: payment-tap.css 의 14/4 패딩·-14 마진, purchase-terms.css 의 10/2 간격을 T1 화면에서 덮어쓴다. 눌림 영역은 줄 높이 28 + 위아래 8 = 44. */
body.t1 main.t1-main a:not(.btn):not(.launch-legal-footer *){display:inline-block;padding:8px 0;margin:-8px 0;line-height:28px}
.t1-main .t1-help a:not(.x),.t1-main #downloads a:not(.x){display:inline-flex;align-items:center;min-height:44px;padding:0;margin:0}
.t1-main .terms-consent{gap:8px;margin:16px 0;font-size:16px;line-height:28px}
.t1-main .terms-consent input{margin:0}
body.t1 main.t1-main .terms-consent a:not(.btn):not(.launch-legal-footer *){padding:0;margin:0;line-height:inherit}
.t1-main a.btn{display:inline-flex!important;padding:0 28px!important;margin:0!important;line-height:normal}
