/* VELOR 3.0 Harper형 앱 화면 공통(캔버스 v23 · 원장 #2951·#2952 · 2026-10-12)
   기준: 앱 화면 = 문장 20px · 주 버튼 60px · 누르는 곳 56px 이상 · 입력 20px · 주색 #1B4DE6 · 흰 바탕.
   시각 레이어만 — id·class·data-*·계측·실험 키·SEO 요소는 건드리지 않는다. 페이지마다 body 클래스로 범위를 나눈다
   (.hx-home · .hx-app · .hx-my · .hx-biz · .hx-bizmy · .hx-tenders). 페이지 하나를 되돌리려면 그 페이지의 body 클래스만 빼면 된다. */

/* ── 공통 ── */
.hx main p,.hx main li{line-height:1.65}
.hx .hx-btn,.hx a.hx-btn{min-height:60px;font-size:20px;font-weight:700;border-radius:14px;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center}

/* ── 홈(/) · 캔버스 H1 ──
   ★2026-10-12 Founder: 상단 배경 동영상(남색 바탕·흰 글자)은 기존대로 — 히어로는 글자·버튼 크기만 바꾸고 색·배경은 원래 것을 쓴다. */
.hx-home #heroH1{font-size:30px;line-height:1.35;letter-spacing:-.02em}
.hx-home #heroSub{font-size:20px;line-height:1.65}
.hx-home #heroAgent{min-height:60px!important;font-size:20px;border-radius:14px}
.hx-home #heroReply{font-size:17px}
.hx-home #heroReply[hidden]{display:none}
.hx-home #heroUpdated{font-size:15px}
.hx-home #hero .entry-paths h2{font-size:22px}
.hx-home #hero .entry-paths p{font-size:20px}
.hx-home #hero .entry-paths a[data-ctakind="primary"],.hx-home #hero .entry-paths a[data-ctakind="text"]{min-height:56px;font-size:20px}
.hx-home #hero > div > p:last-child{font-size:17px}
/* 아래 섹션: 문장 20px · 제목 26px · 영문 머리말(HOW IT WORKS 등)은 17px */
.hx-home main section h2{font-size:26px;line-height:1.35}
.hx-home main section p,.hx-home main section summary,.hx-home main section details p{font-size:20px;line-height:1.65}
.hx-home main section span.tracking-widest{font-size:17px;letter-spacing:.06em}
.hx-home #journey h3{font-size:20px}
.hx-home #journey h3 .block{font-size:17px}
/* 옛 '급할 때' 예시 블록(구 가격 서술 — 가격 3.0 #2706 이후 새 화면에 쓰지 않음): 숨김만, 지우지 않음 */
.hx-home #journey > .absolute,.hx-home #journey > .relative.grid{display:none}
.hx-home #final-cta{background:#F4F8FF;color:#16223D}
.hx-home #final-cta > .absolute{display:none}
.hx-home #final-cta p{color:#5A6B86}
.hx-home #final-cta a{min-height:60px;font-size:20px;border-radius:14px;white-space:nowrap}
.hx-home #final-cta a[data-cta="final_cta_feed"]{background:#1B4DE6!important;color:#FFFFFF!important}
.hx-home #final-cta a[data-cta="final_cta_register"]{background:#FFFFFF;color:#1B4DE6;border:2px solid #1B4DE6}

/* ── /app · 캔버스 A1·E1 ── */
.hx-app .ag p,.hx-app .ag .st{font-size:20px}
.hx-app .ag .who{font-size:17px}
.hx-app #agDef,.hx-app #agScope{font-size:20px!important;line-height:1.65!important}
.hx-app .ag .btn{min-height:60px;font-size:20px}
.hx-app .ag .org{font-size:20px}
.hx-app .ag .org a{min-height:56px}
.hx-app .ag-old>summary{font-size:20px}
.hx-app .ac h2{font-size:22px}
.hx-app .ac-ans h3{font-size:20px}
.hx-app .ac-ans p{font-size:20px;line-height:1.65}
.hx-app .ac-links a,.hx-app .ac-more a{min-height:56px;font-size:20px}
.hx-app .ac-talk{min-height:60px;font-size:20px}
.hx-app .ac-own input{min-height:60px;font-size:20px}
.hx-app main p,.hx-app main li{font-size:17px;line-height:1.7}

/* ── /my · 캔버스 E2·E3·MY ── 글자 하한 17px(12~16px 일괄 상향), 문장(p·li) 20px, 버튼 56px */
.hx-my main .text-\[11px\],.hx-my main .text-\[11\.5px\],.hx-my main .text-\[12px\],.hx-my main .text-\[12\.5px\],.hx-my main .text-\[13px\],.hx-my main .text-\[13\.5px\],.hx-my main .text-\[14px\],.hx-my main .text-\[14\.5px\],.hx-my main .text-\[15px\],.hx-my main .text-\[16px\]{font-size:17px}
.hx-my main p.text-\[17px\],.hx-my main li.text-\[17px\],.hx-my main p.text-\[18px\],.hx-my main .text-\[19px\]{font-size:20px;line-height:1.65}
.hx-my main p:not([class*="text-"]){font-size:20px;line-height:1.65}
.hx-my main [data-v3] p{font-size:20px!important;line-height:1.65!important}
.hx-my main button,.hx-my main a[class*="rounded"]{min-height:56px}
.hx-my main input:not([type=checkbox]):not([type=radio]):not([type=file]),.hx-my main select,.hx-my main textarea{font-size:20px;min-height:56px}
.hx-my main textarea{min-height:120px}

/* ── /business · 캔버스 O1(시각 레이어) ── 실험 훅 #bizH·#bizSub·#bizCtaLabel 불변 */
.hx-biz #bizHero{background:#FFFFFF;color:#16223D;border-bottom:1px solid #E4ECF7}
.hx-biz #bizHero p,.hx-biz #bizHero span{color:#5A6B86}
.hx-biz #bizHero b{color:#16223D}
.hx-biz #bizHero .text-goldl{color:#1B4DE6}
.hx-biz #bizHero .bg-goldl{background:#EAF1FF;color:#16223D}
.hx-biz #bizHero > div > p:first-child{color:#1B4DE6}
.hx-biz #bizH{font-size:30px;line-height:1.35;color:#16223D}
.hx-biz #bizHero p{font-size:20px;line-height:1.65}
.hx-biz #bizHero > div > p:first-child,.hx-biz #bizHero p span.inline-flex{font-size:17px}
.hx-biz #bizHeroCta{min-height:60px;font-size:20px;background:#1B4DE6;border-radius:14px}
.hx-biz #bizHeroGap{min-height:60px;font-size:20px;border:2px solid #1B4DE6;color:#1B4DE6;border-radius:14px}
.hx-biz #bizHero a{color:#1B4DE6}
.hx-biz #bizHero #bizHeroCta{color:#FFFFFF}
.hx-biz #bizHero .text-sm{font-size:17px}

/* ── 앱 화면 공통 글자 하한(/business · /business/my · /tenders 버튼 영역) ── */
.hx-biz main .text-\[10px\],.hx-biz main .text-\[11px\],.hx-biz main .text-\[12px\],.hx-biz main .text-\[13px\],.hx-biz main .text-\[14px\],.hx-biz main .text-\[15px\],.hx-biz main .text-\[16px\],.hx-biz main .text-sm,.hx-biz main .text-xs,
.hx-bizmy .text-\[13px\],.hx-bizmy .text-\[14px\],.hx-bizmy .text-\[15px\],.hx-bizmy .text-\[16px\]{font-size:17px}
.hx-biz main p.text-\[17px\],.hx-biz main p:not([class*="text-"]),.hx-biz main li.text-\[17px\]{font-size:20px;line-height:1.65}
.hx-biz main button,.hx-biz main a[class*="rounded"]{min-height:56px}
.hx-biz main button[type=submit]{min-height:60px;font-size:20px}
.hx-biz main input:not([type=checkbox]):not([type=radio]):not([type=file]),.hx-biz main select,.hx-biz main textarea{font-size:20px;min-height:56px}
.hx-biz main textarea{min-height:120px}
.hx .hx-fold>summary{min-height:56px;display:flex;align-items:center;font-size:20px;font-weight:800;color:#1B4DE6;cursor:pointer;list-style:none}
.hx .hx-fold>summary::-webkit-details-marker{display:none}
.hx .hx-fold>summary::after{content:"+";margin-left:8px}
.hx .hx-fold[open]>summary::after{content:"−"}

/* ── /business/my · 캔버스 O2(시각 레이어) ── */
.hx-bizmy h1{font-size:30px;line-height:1.35}
.hx-bizmy .hero p,.hx-bizmy .msg,.hx-bizmy .empty{font-size:20px;line-height:1.65}
.hx-bizmy .eyebrow{font-size:17px}
.hx-bizmy .card h2{font-size:20px}
.hx-bizmy .meta,.hx-bizmy .badge{font-size:17px}
.hx-bizmy .btn{min-height:60px;font-size:20px;border-radius:14px}

/* ── /my 2차(#2982 후속 · 유아이볼: 토스·점신 설정 한 줄, 원티드·디맨드 바로가기) ── */
.hx-my #myMenu .hx-fold>summary{min-height:64px;color:#16223D}
.hx-my #myMenu .my-grp-t{display:flex;flex-direction:column;gap:2px;font-size:20px;font-weight:800}
.hx-my #myMenu .my-grp-t small{font-size:17px;font-weight:500;color:#5A6B86}
.hx-my #myMenu .hx-fold>summary::after{content:"›";margin-left:auto;font-size:28px;color:#5A6B86;transition:transform .15s}
.hx-my #myMenu .hx-fold[open]>summary::after{content:"›";transform:rotate(90deg)}
.hx-my #myMenu .hx-fold>summary{gap:12px}
.hx-my #myMenu .my-grp-v{margin-left:auto;font-style:normal;font-size:17px;font-weight:600;color:#1B4DE6;white-space:nowrap}
.hx-my #myMenu .my-grp-v:empty{display:none}
.hx-my #myMenu .hx-fold>summary:has(.my-grp-v:not(:empty))::after{margin-left:0}
.hx-my #myBack{display:flex;align-items:center;gap:6px;min-height:56px;padding:0 4px;border:0;background:none;color:#16223D;font-size:20px;font-weight:800;white-space:nowrap}
.hx-my #myBack[hidden]{display:none}
.hx-my #myBack>span:first-child{font-size:28px;line-height:1;color:#5A6B86}
html[data-my-sub] .hx-my #content>:not(#myMenu){display:none!important}
html[data-my-sub] .hx-my #myMenu>.my-grp:not([open]){display:none}
html[data-my-sub] .hx-my #myMenu>.my-grp[open]{border:0;padding:0;background:none}
html[data-my-sub] .hx-my #myMenu>.my-grp[open]>summary{display:none}
html[data-my-sub] .hx-my #myMenu{margin-top:0}
/* 10-13 /my 4차: 숫자 카드(내가 정할 것 3칸) + 설정 줄 한 카드(제목·값 한 줄) */
.hx-my #myStat[hidden]{display:none}
.hx-my #myStat:not([hidden]){display:block;background:#FFFFFF;border:1px solid #E4ECF7;border-radius:16px;padding:16px 16px 12px}
.hx-my #myStat .my-stat-h{margin:0 0 8px;font-size:20px;font-weight:800;color:#16223D}
.hx-my #myStat .my-stat-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.hx-my #myStat .my-stat-c{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:80px;border:0;border-radius:12px;background:#F4F8FF;color:#16223D;cursor:pointer}
.hx-my #myStat .my-stat-c b{font-size:26px;font-weight:800;font-variant-numeric:tabular-nums;line-height:1.2}
.hx-my #myStat .my-stat-c span{font-size:17px;font-weight:600;color:#5A6B86;white-space:nowrap}
.hx-my #myMenu .my-grp-act:not([open]),html:not([data-my-mode="client"]) .hx-my #myMenu .my-grp-match:not([open]){display:none}
html:not([data-my-sub]) .hx-my #myMenu{background:#FFFFFF;border:1px solid #E4ECF7;border-radius:16px;overflow:hidden}
html:not([data-my-sub]) .hx-my #myMenu>.my-grp{margin:0 0 -1px!important;border:0!important;border-bottom:1px solid #E4ECF7!important;border-radius:0!important;background:none!important}
html:not([data-my-sub]) .hx-my #myMenu>.my-grp>summary{min-height:64px}
.hx-my #myMenu .my-grp-t small{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.hx-my #myMenu .my-grp-t{white-space:nowrap}
.hx-my #myMenu .my-grp-v{font-weight:500;color:#5A6B86}
.hx-my #myQuick .my-q{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:84px;border:1px solid #E4ECF7;border-radius:14px;background:#FFFFFF;color:#16223D;font-weight:700;font-size:17px;white-space:nowrap}
.hx-my #myQuick .my-q[hidden]{display:none}
.hx-my #myQuick[hidden]{display:none}
.hx-my #myQuick:not([hidden]){display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
/* 계정(#2991): 로그아웃 버튼 1개 + 작은 글자 '회원 탈퇴' — 누르면 기존 탈퇴 상자를 그 자리에서 펼침 */
.hx-my #myAccount .my-wlink{align-self:center;min-height:56px;padding:0 12px;border:0;background:none;color:#5A6B86;font-size:17px;font-weight:500;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
.hx-my #myAccount .my-wlink[hidden],.hx-my #myAccount .rounded-2xl[hidden]{display:none}
.hx-my #myAccount{display:flex;flex-direction:column;gap:8px}
.hx-my #myAccount>*{margin-top:0!important}