/* Copyright (c) 2026 Noykosana Maeai. All rights reserved. */
@import url('/ui-fonts.css');
header.public-header{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:24px;width:min(1160px,calc(100% - 64px));max-width:none;margin:24px auto 0;padding:12px 22px;background:#fff;border:1px solid #e6eaf3;border-radius:18px;font:400 14px/1.7 "Noto Sans Thai",system-ui,sans-serif;color:#40576a}
.intro-surface>header.public-header{margin-top:0}
.public-header .public-header-logo{display:block;flex-shrink:0;text-decoration:none}
.public-header-logo img{display:block;width:148px;height:54px;object-fit:cover;border-radius:8px}
.public-header .public-header-nav{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px 20px;padding:0;margin:0;max-width:none;border:0;background:none}
.public-header-nav a{display:inline-flex;align-items:center;min-height:44px;color:#40576a;font-size:14px;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px;white-space:nowrap}
.public-header-nav a:hover,.public-header-nav a[aria-current="page"]{color:#6450e8}
.public-header-nav a[aria-current="page"]{font-weight:600;text-decoration-thickness:2px}
.public-header .public-header-start{display:inline-flex;align-items:center;justify-content:center;gap:12px;flex-shrink:0;min-height:48px;padding:10px 18px;border:1px solid #141a28;border-radius:10px;background:#141a28;color:#fff;text-decoration:none;font-size:14px;font-weight:600;line-height:1.6}
.public-header-start:hover{background:#30384b}.public-header a:focus-visible{outline:3px solid #6450e8;outline-offset:4px;border-radius:5px}
@media(min-width:1500px){header.public-header{width:min(1240px,calc(100% - 80px))}}
@media(max-width:1050px){header.public-header{flex-wrap:wrap;gap:12px}.public-header .public-header-nav{order:3;flex-basis:100%;border-top:1px solid #edf0f7;padding-top:8px;gap:4px 20px}}
@media(max-width:760px){header.public-header{width:calc(100% - 36px);margin-top:14px;padding:12px 16px;border-radius:14px}.public-header-logo img{width:124px;height:46px}.public-header-nav a{font-size:13px}.public-header .public-header-nav{gap:0 16px}.public-header .public-header-start{font-size:13px;min-height:44px;padding:10px 12px;gap:8px}}
@media(max-width:380px){.public-header-logo img{width:108px;height:42px}.public-header .public-header-start{font-size:12px;padding:10px;gap:8px}.public-header .public-header-nav{gap:0 14px}}

/* Keep the shared navigation above page content on every public page. */
html:has(header.public-header){--public-header-clearance:120px;scroll-padding-top:var(--public-header-clearance)}
header.public-header{position:sticky;top:12px;z-index:100;flex-direction:row;padding:6px 18px;gap:16px;box-shadow:0 8px 28px #25395718}
header.public-header .public-header-logo img{width:110px;height:40px}
header.public-header .public-header-start{min-height:40px;padding:6px 14px}
body>.skip,body>.skip-link{z-index:101}
.guide-sidebar{top:var(--public-header-clearance)}
@media(max-width:1050px){header.public-header{gap:6px 16px}.public-header .public-header-nav{padding-top:4px}html:has(header.public-header){--public-header-clearance:170px}}
@media(max-width:760px){header.public-header{top:8px}html:has(header.public-header){--public-header-clearance:210px}}
@media print{header.public-header{position:static;box-shadow:none}html:has(header.public-header){scroll-padding-top:0}}