/* One-line news-portal header (sanook style). White, thin blue lines, no fills/shadows. */
header.hd{background:#fff;box-shadow:none;position:sticky;top:0;z-index:30;border-bottom:0}
.hd1{display:flex;align-items:center;gap:18px;height:66px;max-width:1360px}
.hd1 .logo img{height:50px;display:block}
.hd-q{flex:1 1 auto;max-width:460px;display:flex;border:1px solid #bcd6ff;border-radius:999px;overflow:hidden;margin-left:10px}
.hd-q input,.hd-q2 input{flex:1;border:0;outline:0;padding:9px 16px;font:inherit;font-size:14.5px;min-width:0;background:#fff}
.hd-q button{border:0;background:#fff;color:#1e6bff;font-size:20px;padding:0 14px;cursor:pointer}
.hd-r{margin-left:auto;display:flex;align-items:center;gap:8px;white-space:nowrap}
.hd-r .lng{margin:0}
.hd-b{display:inline-block;border:1px solid #1e6bff;color:#1e6bff;background:#fff;border-radius:999px;padding:7px 16px;font:inherit;font-weight:600;font-size:14.5px;cursor:pointer;white-space:nowrap}
.hd-b:hover{border-color:#0b4fd6;color:#0b4fd6}.hd-su{border-color:#bcd6ff}
.hd-out{display:inline;margin:0}.hd-cart{color:#1e6bff;font-weight:700;padding:4px 6px}
.hd-hb{display:none;font-size:24px;color:#1e6bff;cursor:pointer;padding:2px 8px;border:1px solid #bcd6ff;border-radius:10px;line-height:1.2}
.hd2{border-top:1px solid #e3edfb;border-bottom:2px solid #1e6bff;background:#fff}
.hd2i{display:flex;align-items:center;max-width:1360px;height:46px}
.hd-m{flex:1;display:flex;flex-wrap:nowrap;overflow:hidden;gap:clamp(14px,1.6vw,26px);min-width:0}
.hd-m a{white-space:nowrap;color:#1e4fa8;font-weight:600;font-size:15px;padding:12px 0;border-bottom:2px solid transparent}
.hd-m a:hover{color:#1e6bff;border-color:#1e6bff}
.hd-more{flex:none;color:#1e6bff;font-weight:600;font-size:14.5px;cursor:pointer;border:1px solid #bcd6ff;border-radius:999px;padding:5px 14px;margin-left:12px;white-space:nowrap}
.hd-dd{display:none;border-bottom:1px solid #d6e5ff;background:#fff;position:absolute;left:0;right:0;z-index:31}
.mnu-t:checked~*{}
body:has(#mnu:checked) .hd-dd{display:block}
.hd-ddl{display:grid;grid-template-columns:repeat(4,1fr);gap:2px 20px;padding:12px 0}.hd-ddl a{padding:9px 2px;color:#1e4fa8;font-weight:600;border-bottom:1px solid #f0f5fd}.hd-ddl a.hd-x{display:none}.hd-ddl a:hover{color:#1e6bff}
.hd-q2,.hd-dda{display:none}
@media(max-width:1080px){.hd-q{max-width:260px}}
@media(max-width:760px){
 .hd1{height:58px;gap:8px}.hd1 .logo img{height:40px}.hd-q,.hd2,.hd-su,.hd-r>.hd-b,.hd-out,.hd-cart{display:none}
 .hd-hb{display:block}
 .hd-ddl{grid-template-columns:1fr 1fr}.hd-q2{display:flex;border:1px solid #bcd6ff;border-radius:999px;overflow:hidden;margin-top:12px}
 .hd-dda{display:flex;gap:10px;padding:4px 0 14px}.hd-dda .hd-b{flex:1;text-align:center}
}
/* v3: 7-item main menu with dropdowns */
.hd2i{overflow:visible}
.mm{list-style:none;margin:0;padding:0;display:flex;flex-wrap:nowrap;width:100%;justify-content:space-between;gap:6px}
.mm-i{position:relative}
.mm-a{display:flex;align-items:center;gap:5px;white-space:nowrap;color:#1e4fa8;font-weight:600;font-size:clamp(13.5px,1.12vw,15.5px);padding:12px 2px;border-bottom:2px solid transparent}
.mm-cv{font-size:11px;color:#6f93c9;padding:4px 2px;cursor:pointer}
.mm-i:hover>.mm-a,.mm-i.on>.mm-a,.mm-i.open>.mm-a{color:#1e6bff;border-color:#1e6bff}
.mm-dd{display:none;position:absolute;top:100%;left:-12px;min-width:240px;background:#fff;border:1px solid #bcd6ff;border-top:2px solid #1e6bff;border-radius:0 0 12px 12px;padding:8px 0;z-index:40}
.mm-i:last-child .mm-dd{left:auto;right:-12px}
.mm-dd.wide{min-width:520px;display:none;grid-template-columns:1fr 1fr}
.mm-i:hover>.mm-dd,.mm-i.open>.mm-dd{display:block}.mm-i:hover>.mm-dd.wide,.mm-i.open>.mm-dd.wide{display:grid}
.mm-i:nth-child(n+5) .mm-dd.wide{left:auto;right:-12px}
.mm-dd a{display:block;padding:8px 18px;color:#1e4fa8;font-size:14.5px;white-space:nowrap}.mm-dd a:hover{color:#1e6bff;text-decoration:underline}
.mm-acc{display:none}
@media(max-width:760px){
 .mm-acc{display:block;padding:8px 0 6px}
 .mm-acc details{border-bottom:1px solid #e3edfb}
 .mm-acc summary{list-style:none;padding:12px 2px;color:#1e4fa8;font-weight:700;cursor:pointer;display:flex;justify-content:space-between}
 .mm-acc summary::-webkit-details-marker{display:none}.mm-acc summary:after{content:"▾";color:#6f93c9}.mm-acc details[open] summary:after{content:"▴"}
 .mm-acc details>div{display:grid;grid-template-columns:1fr 1fr;gap:0 12px;padding:0 0 10px 10px}.mm-acc details>div a{padding:7px 0;color:#1e4fa8;font-size:14px}
 .hd-ddl{display:none}
}