* { box-sizing:border-box; }
body { margin:0; height:100vh; height:100dvh; display:flex; flex-direction:column; color:#171717; background:#f7f7f7; font-family:Tajawal,Arial,sans-serif; }
.wallet-nav { display:flex; flex-wrap:wrap; align-items:center; gap:0 clamp(12px,2vw,32px); padding:2px clamp(12px,3vw,48px); border-block-end:1px solid #c9ccc7; }
.wallet-nav a { display:inline-flex; align-items:center; min-height:44px; font-size:1rem; line-height:1.25; color:inherit; text-decoration:none; }
.wallet-nav a:is(:hover,:focus-visible) { text-decoration:underline; text-underline-offset:.22em; }
#study { font-weight:700; }
#language { margin-inline-start:auto; }
#wallet { display:block; width:100%; flex:1; min-height:0; border:0; }
@media(max-width:480px) {
  .wallet-nav { gap:0 10px; }
  .wallet-nav a { font-size:.84rem; }
}