*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
  :root { --black: #333333; --gray:#333; --mid:#888; --light:#F5F5F5; --border:#E8E8E8; --white:#FFF; --blue:#378ADD; }
  body { font-family:'Inter',sans-serif; color:var(--black); background:var(--white); font-size:16px; line-height:1.7; }
  [data-lang="en"] [data-me], [data-lang="me"] [data-en] { display:none !important; }
  .topbar { display:flex; align-items:center; justify-content:space-between; padding:20px 6%; border-bottom:1px solid var(--border); }
  .topbar a.back { color:var(--mid); text-decoration:none; font-size:14px; }
  .topbar a.back:hover { color:var(--blue); }
  .lang-btn { background:none; border:1px solid var(--border); border-radius:4px; font-size:12px; font-weight:500; color:var(--mid); cursor:pointer; padding:6px 10px; }
  .article { max-width:720px; margin:0 auto; padding:56px 5% 100px; }
  h1 { font-size:clamp(26px,4vw,38px); font-weight:500; letter-spacing:-1px; margin-bottom:12px; }
  .meta { font-size:13px; color:var(--mid); margin-bottom:40px; }
  h2 { font-size:19px; font-weight:500; margin:32px 0 12px; }
  p, li { color:var(--gray); margin-bottom:14px; font-weight:300; }
  ul { margin:0 0 14px 20px; }