/* 가이드 페이지 공통(10/5): 큰 Higgsfield 버튼, 비용 한 줄, 끝 상자, 데스크톱 히어로 높이, 모바일 머리글 한 줄 */
.hfcta { text-align:center; margin:18px 0 26px; }
.hfcta a.hf.big { display:inline-block; font:900 clamp(18px,4.4vw,22px)/1.25 "Baloo 2","Noto Sans KR","Noto Sans JP",sans-serif; padding:16px 30px; border-radius:999px; border:3px solid #0b0b0b; box-shadow:0 5px 0 #0b0b0b, 0 0 28px rgba(212,255,58,.55); max-width:100%; }
.hfcta a.hf.big:hover { transform:translateY(-2px); box-shadow:0 7px 0 #0b0b0b, 0 0 36px rgba(212,255,58,.75); }
.hfcta a.hf.big:active { transform:translateY(3px); box-shadow:0 2px 0 #0b0b0b; }
.hfcta p { margin:10px 0 0; color:var(--muted); font-size:15px; }
p.cost { margin:8px 0 0; font-size:15px; color:var(--muted); }
.endbox { background:var(--yellow); color:#2a2018; border-radius:22px; padding:22px; }
.endbox h3 { font:900 26px/1.2 "Baloo 2","Noto Sans KR","Noto Sans JP",sans-serif; margin:0 0 12px; text-align:center; }
.endbox .row { background:#fffaf0; border:2.5px solid #2a2018; border-radius:16px; padding:14px 16px; margin:10px 0; box-shadow:0 3px 0 #2a2018; }
.endbox .row p { margin:0 0 8px; }
.endbox a.btn { display:inline-block; background:#2a2018; color:#fff; text-decoration:none; border-radius:999px; padding:10px 18px; font-weight:800; transition:transform .12s; }
.endbox a.btn:hover { transform:translateY(-2px); }
.endbox a.next { display:grid; grid-template-columns:96px 1fr; gap:14px; align-items:center; text-decoration:none; color:#2a2018; }
.endbox a.next img { width:96px; height:96px; object-fit:cover; border-radius:12px; }
.endbox a.next small { display:block; font-weight:800; color:#b0421e; }
.endbox a.next b { display:block; font-size:19px; }
.endbox .more { text-align:center; margin-top:14px; }
.endbox .more a.btn { margin:4px; background:#fff; color:#2a2018; border:2px solid #2a2018; }
/* 데스크톱: 히어로를 화면 60%로 줄여 제목·큰 버튼이 첫 화면에 보이게 */
@media (min-width:700px) { .hero img { max-height:60vh; object-fit:cover; object-position:50% 45%; } }
/* 모바일 머리글 한 줄: 홈 버튼은 로고가 대신한다(언어는 ui.js 드롭다운) */
header.top .homebtn { white-space:nowrap; }
@media (max-width:480px) { header.top .in { flex-wrap:nowrap; gap:8px; } header.top .homebtn:not(.hot) { display:none; } header.top .homebtn.hot { margin-left:0; } .brand { font-size:19px; } }
@media (max-width:360px) { .brand span { display:none; } }