.language-picker{display:flex;align-items:center;gap:6px;padding:5px 9px;border:1px solid rgba(139,26,26,.2);border-radius:24px;color:var(--lacquer);background:rgba(247,243,235,.8);font-size:12px;white-space:nowrap}
.language-picker select{font:inherit;color:inherit;border:0;background:transparent;cursor:pointer;max-width:118px;padding:2px;outline-offset:5px}
.nav-action{display:flex;align-items:center;gap:16px}.nav{gap:16px}.nav-links{gap:15px;flex-shrink:0}.brand{flex-shrink:0}
:focus-visible{outline:2px solid var(--lacquer);outline-offset:5px}.email-form .form-message{grid-column:1/-1}.email-form .form-message a{text-decoration:underline;text-underline-offset:4px;font-weight:700}.mingpan{min-width:0}.pillar{min-width:0}.pillar strong{overflow-wrap:anywhere}
html[lang="ko"]{--serif:"AppleMyungjo","Batang",serif;--sans:"Apple SD Gothic Neo","Malgun Gothic",sans-serif;--shoujin:"AppleMyungjo","Batang",serif}
html[lang="vi"]{--serif:"Palatino Linotype","Times New Roman",serif;--sans:"Arial",sans-serif;--shoujin:"Palatino Linotype","Times New Roman",serif}
html:not([lang^="zh"]) h1{font-size:clamp(44px,5.6vw,76px);line-height:1.35;letter-spacing:-.025em;word-break:normal;overflow-wrap:anywhere}
html:not([lang^="zh"]) h2{letter-spacing:-.015em;overflow-wrap:anywhere}
html:not([lang^="zh"]) .brand{font-size:15px;letter-spacing:0}
html:not([lang^="zh"]) .nav-links{font-size:12px;letter-spacing:0;gap:12px}
html:not([lang^="zh"]) .nav-ritual{max-width:150px;font-size:10px;letter-spacing:0}
html:not([lang^="zh"]) .vertical-title{writing-mode:horizontal-tb;max-width:65%;font-size:24px;text-align:right;letter-spacing:0}
html:not([lang^="zh"]) .pillar strong{font-size:21px}
html[lang="ko"] body:after{content:"홍콩 풍수의 도시 · 산과 바다 · 향불과 소원"}html[lang="vi"] body:after{content:"Hồng Kông · Phong thủy · Núi biển · Nguyện ước"}
html[lang="ko"] .bazi-section:before{content:"사주 명반"}html[lang="vi"] .bazi-section:before{content:"Bát tự"}
html[lang="ko"] .route-section:before{content:"풍수 기록"}html[lang="vi"] .route-section:before{content:"Phong thủy"}
@media(max-width:1180px){.nav-ritual{display:none}.nav-links{gap:12px}}
@media(max-width:850px){.nav{flex-wrap:wrap;padding:12px 0}.nav-links{order:3;width:100%;justify-content:center;flex-wrap:wrap}.nav-action{margin-left:auto}.brand{max-width:65%;white-space:normal}.brand span:last-child{min-width:0}.nav-links a{padding:3px 0}}
@media(max-width:720px){.topbar{position:sticky}.nav{align-items:center}.nav-links{display:flex;font-size:12px;gap:14px}.brand{font-size:15px}.brand-mark{width:32px;height:32px;border-radius:10px;flex-shrink:0}.nav-action{gap:0}.language-picker{font-size:11px;padding:4px 7px}.language-picker select{max-width:95px}.hero-visual{min-height:460px}.mingpan{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.pillar{padding:16px 4px}.pillar strong{font-size:23px}html:not([lang^="zh"]) .pillar strong{font-size:17px}html:not([lang^="zh"]) .nav-links{gap:10px;font-size:11px}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.stat span{overflow-wrap:anywhere}.hero h1{font-size:clamp(44px,11vw,74px)}.hero-lead{font-size:18px}.btn-primary,.btn-ghost{max-width:100%;text-align:center}.modal-card{max-height:85dvh}.cta-box,.diagnosis-card,.break-card,.bazi-section,.route-section{padding:25px 20px}.page-shell{min-width:0}.hero-grid>*{min-width:0}.birth-tool{min-width:0}.tool-row input,.tool-row select{max-width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.fade-up{opacity:1!important;transform:none!important}}