@font-face{font-family:HeaderSans;src:url('assets/fonts/Sarabun-SemiBold.ttf');font-weight:600;font-display:swap}
.site-header{position:sticky;top:0;z-index:1000;display:flex;align-items:center;gap:12px;width:100%;min-height:76px;padding:12px 30px;box-sizing:border-box;background:rgba(7,17,13,.96);border-bottom:1px solid #beccb317;backdrop-filter:blur(20px);font-family:HeaderSans,sans-serif;color:#f2f1e9}
.site-header *{box-sizing:border-box}
.site-header a{text-decoration:none}
.site-header .nwl-brand{display:flex;align-items:center;gap:12px;color:#f2f1e9;white-space:nowrap;font-size:17px;font-weight:600;flex-shrink:0}
.site-header .nwl-brand img{display:block;width:44px;height:44px;object-fit:contain;border-radius:50%;padding:3px;background:#113724;box-shadow:0 0 0 1px #b4caad44}
.site-header nav{display:flex;align-items:center;justify-content:center;gap:24px;flex:1;position:static;transform:none}
.site-header nav a{color:#b9c5bc;font-size:14px;line-height:1.6;padding:8px 10px;white-space:nowrap;border:0;background:transparent}
.site-header nav a:hover{color:#e4d3a3}
.site-header button{cursor:pointer;font-family:inherit}
.site-header .nwl-language{display:flex;align-items:center;gap:5px;padding:4px;border:1px solid #afc6b030;background:#0d1e15;border-radius:30px;color:#f2f1e9;height:38px;font-size:11px;flex-shrink:0}
.site-header .nwl-language span{display:grid;place-items:center;min-width:29px;height:28px}
.site-header .lang-current{border-radius:50%;background:linear-gradient(120deg,#347450,#c5a663);color:#101b11}
.site-header .nwl-line{display:flex;align-items:center;justify-content:center;background:linear-gradient(120deg,#e2cf9f,#c5a663);color:#172117;border:1px solid #edd9aa88;border-radius:12px;min-height:44px;width:136px;font-size:14px;font-weight:600;flex-shrink:0}
.site-header .nwl-menu{display:none;width:40px;height:40px;border:1px solid #afc6b030;border-radius:50%;background:#0d1e15;padding:10px;flex-shrink:0}
.site-header .nwl-menu span{height:2px;background:#edeadd;width:18px;display:block;margin:4px 0}
.site-header :is(a,button):focus-visible{outline:2px solid #d7bd80;outline-offset:4px}
@media(max-width:1100px){.site-header{padding:10px 18px;gap:10px;min-height:66px}.site-header .nwl-brand{margin-right:auto}.site-header .nwl-menu{display:block}.site-header nav{display:none;position:absolute;top:100%;left:12px;right:12px;background:#091810;border:1px solid #afc6b030;border-radius:14px;padding:12px;box-shadow:0 14px 32px #0006;flex-direction:column;align-items:stretch;gap:3px}.site-header.menu-open nav{display:flex}.site-header nav a{padding:12px}.site-header .nwl-line{width:88px}}
@media(max-width:520px){.site-header{padding:9px 12px;gap:7px}.site-header .nwl-brand{gap:7px;font-size:12px}.site-header .nwl-brand img{width:36px;height:36px}.site-header .nwl-line{width:66px;min-height:38px}.site-header .nwl-language{gap:0}.site-header .nwl-language span{min-width:25px}.site-header .nwl-menu{width:36px;height:36px;padding:8px}}
@media(max-width:359px){.site-header .nwl-brand b{display:none}}
/* Six navigation destinations, including the personal trading journal. */
@media(min-width:1101px){.site-header nav{gap:clamp(2px,.8vw,18px)}.site-header nav a{padding-inline:6px;font-size:13px}.site-header .nwl-line{width:100px}}
.site-header nav a[href="trade-journal.html"]{color:#e6cf91}