/* Shared header for homepage and PHP boards. */
body>header{box-sizing:border-box;display:grid;grid-template-columns:115px minmax(0,1fr) 114px 114px;align-items:center;justify-content:initial;gap:12px;width:100%;height:112px;min-height:112px;margin:0;padding:0 6%;border-bottom:1px solid #484848;background:#181818f5;position:sticky;top:0;z-index:5;font-family:'Noto Sans KR',sans-serif;font-size:15px;line-height:1.5}
body>header>.logo{margin:0;padding:0;display:flex;align-items:center;flex-shrink:0;line-height:1;letter-spacing:normal}
body>header>.logo .brand-logo-window{width:115px;height:94px}
body>header>.logo .brand-logo-window img{width:291px;height:auto;max-width:none;left:-85px;top:-23px}
body>header>nav{display:flex;align-items:center;justify-content:center;flex-wrap:nowrap;gap:30px;width:auto;margin:0;padding:0;border:0;order:initial;overflow:visible;font-size:18px;font-weight:600;line-height:1.5;white-space:nowrap}
body>header>nav>a{display:block;padding:10px 0;color:#f5f6ef;text-decoration:none;line-height:1.5}
body>header>nav>a:hover,body>header>nav>a[aria-current=page]{color:#ffad24}
body>header>a.pill{box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:114px;height:48px;min-height:48px;margin:0;padding:0 12px;border:0;border-radius:30px;background:#ffad24;color:#171717;text-decoration:none;font-size:13px;font-weight:700;line-height:20px;letter-spacing:0;white-space:nowrap;flex-shrink:0}
@media(max-width:1250px){body>header{grid-template-columns:115px minmax(0,1fr) 114px 114px;height:auto;min-height:112px;padding:12px 6%;gap:12px}body>header>.logo{grid-column:1}body>header>a.pill:not(.header-call){grid-column:3;grid-row:1}body>header>.header-call{grid-column:4;grid-row:1}body>header>nav{grid-column:1/-1;grid-row:2;width:100%;justify-content:center;overflow-x:auto;gap:24px;font-size:16px;padding:0 0 5px;margin:0}}
@media(max-width:800px){body>header{grid-template-columns:95px minmax(0,1fr) 105px 105px;padding:12px 6%;gap:8px}body>header>.logo .brand-logo-window{width:95px;height:78px}body>header>.logo .brand-logo-window img{width:241px;left:-70px;top:-19px}body>header>a.pill{width:105px;height:44px;min-height:44px;padding:0 8px;font-size:12px}body>header>nav{justify-content:flex-start}}
@media(max-width:420px){body>header{grid-template-columns:80px minmax(0,1fr) 90px 90px;padding-left:4%;padding-right:4%;gap:6px}body>header>a.pill{width:90px}}

/* Extra blog navigation link */
@media(min-width:1251px) and (max-width:1550px){body>header>nav{gap:18px;font-size:16px}}

/* Compact mobile header with all menu items visible */
@media(max-width:800px){body>header{position:sticky;background:#181818;grid-template-columns:80px minmax(0,1fr) 100px 100px;padding:10px 4%;gap:8px;min-height:0}body>header>.logo .brand-logo-window{width:80px;height:66px}body>header>.logo .brand-logo-window img{width:203px;left:-59px;top:-16px}body>header>a.pill{width:100px;height:42px;min-height:42px;font-size:12px;padding:0 8px}body>header>nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-column:1/-1;gap:0 8px;overflow:visible;white-space:normal;width:100%;padding:4px 0 0;font-size:13px}body>header>nav>a{text-align:center;padding:9px 0;line-height:1.4}body>header>nav>a:last-child{grid-column:3/5}body>header>.logo{margin:0}}
@media(max-width:360px){body>header{grid-template-columns:68px minmax(0,1fr) 88px 88px;gap:5px}body>header>a.pill{width:88px;font-size:11px}}