/* 가이드·현지인 코스도 메인 사이트의 헤더·언어 메뉴·하단 탐색을 사용한다. */
body.ux-ready:is([data-page="guide"],[data-page="course"]){font-family:Arial,"Noto Sans KR","Microsoft JhengHei","Yu Gothic",sans-serif}
body.ux-ready:is([data-page="guide"],[data-page="course"])>header.site-header{display:none}
body.ux-ready:is([data-page="guide"],[data-page="course"]) main{padding-top:82px;padding-bottom:calc(90px + env(safe-area-inset-bottom))}
body[data-page="guide"]{--ink:var(--ux-text);--bg:var(--ux-bg)}
body[data-page="guide"] .reader-switch{display:none}
body[data-page="guide"] h1,body[data-page="guide"] .hero h1,body[data-page="course"] .page-heading h1{font-size:23px;line-height:1.4;letter-spacing:0;margin-top:0}
body[data-page="guide"] h2{font-size:20px;line-height:1.6}
body[data-page="guide"] .hero{padding:12px 0 26px}
body[data-page="guide"] .lead{font-size:15px;line-height:1.8;margin-top:12px}
body[data-page="guide"] .article-heading{padding-top:14px}
body[data-page="guide"] .wrap{width:min(1040px,calc(100% - 40px))}
body[data-page="guide"] .article-layout .toc{top:82px}
body[data-page="guide"]>footer{padding-bottom:calc(88px + env(safe-area-inset-bottom))}
body[data-page="guide"] main{padding-bottom:30px}
body[data-page="course"] .hero h2{font-size:22px;line-height:1.4}
body[data-page="course"] .course-tile h2{font-size:20px}
@media(max-width:680px){
 body.ux-ready:is([data-page="guide"],[data-page="course"]) main{padding-top:78px}
 body[data-page="guide"] .wrap{width:calc(100% - 32px)}
 body[data-page="guide"] h1,body[data-page="guide"] .hero h1,body[data-page="course"] .page-heading h1{font-size:20px;line-height:1.4}
 body[data-page="guide"] h2{font-size:18px}
 body[data-page="guide"] .hero{padding-top:6px}
 body[data-page="course"] .hero h2,body[data-page="course"] .course-tile h2{font-size:19px}
}
