/* Base styles inherited by every page: reset, typography, top nav, brand,
   login area, language flags, member sidebar, footer.
   Page-specific rules live in css/<page>.css and load after this file. */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;font-size:15px;line-height:1.6;min-height:100vh}
a{color:var(--accent);text-decoration:none}
a:hover{text-decoration:underline}
nav{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 22px;border-bottom:1px solid var(--border);background:var(--bg2);position:sticky;top:0;z-index:10;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:18px;color:var(--text)}
.brand img{width:32px;height:32px;border-radius:7px}
.brand-mark{width:32px;height:32px;border-radius:7px;background:var(--accent-lo) url(../iconer/HAKOO.png) center/cover no-repeat;border:1px solid var(--accent);display:flex;align-items:center;justify-content:center;font-size:0;flex-shrink:0}
.brand em{color:var(--accent);font-style:normal}
.auth-area{display:flex;align-items:center;gap:8px}
.auth-av{width:26px;height:26px;border-radius:50%;object-fit:cover}
.auth-name{font-size:13px;font-weight:700}
.auth-title{font-size:15px;font-weight:900;color:var(--purple);letter-spacing:.2px}
.auth-login{font-size:13px;font-weight:700;color:#fff !important;background:#5865F2;padding:7px 12px;border-radius:8px}
.auth-login:hover{filter:brightness(1.1);text-decoration:none}
.auth-out{font-size:12px;color:var(--muted)}
.nav-links{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.nav-links a{font-size:13px;font-weight:600;color:var(--muted);padding:7px 12px;border-radius:8px;border:1px solid transparent}
.nav-links a:hover{color:var(--text);border-color:var(--border);text-decoration:none}
.nav-links a.cta{color:#1a1200;background:var(--accent);border-color:var(--accent)}
.lang-row{display:flex;gap:6px;align-items:center}
.lang-flag{padding:0;border:2px solid transparent;border-radius:5px;background:none;cursor:pointer;line-height:0;opacity:.55}
.lang-flag img{width:24px;height:18px;border-radius:3px;display:block}
.lang-flag:hover{opacity:1}
.lang-flag.active{opacity:1;border-color:var(--accent)}
footer{padding:24px 22px;color:var(--muted);font-size:12px;border-top:1px solid var(--border)}
footer a{color:var(--muted)}