/* Minimal site styles */
:root { --bg:#0e0f13; --fg:#f4f6f8; --muted:#99a1aa; --accent:#22a6f2; --card:#151822; }
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--fg);font:16px/1.5 system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif}
a{color:#7ec8ff;text-decoration:none}
a:hover{text-decoration:underline}
.container{max-width:1000px;margin:0 auto;padding:16px}
.nav{background:#10131d;border-bottom:1px solid #1e2230;position:sticky;top:0;z-index:10}
.nav .container{display:flex;align-items:center;gap:16px}
.brand{font-weight:800;letter-spacing:.2px}
.brand .be{color:#ff5fa1}
.brand .art{color:#34d399}
.brand .eng{color:#60a5fa}
.menu{display:flex;gap:4px;list-style:none;margin:0;padding:0}
.menu a{padding:10px 12px;border-radius:10px;transition:background .2s ease, transform .05s ease}
.menu a:hover{background:#1b2333}
.menu li{position:relative}
.has-sub > .submenu{display:none;position:absolute;top:100%;left:0;background:#0f1420;border:1px solid #1e2230;border-radius:12px;min-width:220px;padding:6px;margin:6px 0 0 0;list-style:none;z-index:20}
.has-sub > .submenu li a{display:block;padding:8px 12px;border-radius:8px;white-space:nowrap}
.has-sub:hover > .submenu{display:block}
.section{padding:28px 0}
.section-title{font-size:1.8rem;margin:0 0 8px}
.lead{color:var(--muted);font-size:1.05rem;margin-top:0}
.card{background:var(--card);border:1px solid #202639;border-radius:14px;padding:16px}
.grid{display:grid;gap:16px}
.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.dotlist{padding-left:20px}
footer{border-top:1px solid #1e2230;padding:18px 0;color:var(--muted)}
@media (max-width:700px){.cols-2{grid-template-columns:1fr}}

/* dynamic dropdown open state + caret */
.has-sub > a{position:relative;padding-right:22px}
.has-sub > a::after{content:""; position:absolute; right:8px; top:50%; width:0; height:0; margin-top:-2px; border-left:5px solid transparent; border-right:5px solid transparent; border-top:6px solid #7ec8ff; opacity:.8}
.has-sub.open > a::after{transform:rotate(180deg); margin-top:-4px}
.has-sub.open > .submenu{display:block}