/* Identical navigation geometry on every public page. */
.topbar{gap:16px;background-image:linear-gradient(0deg,#182c251f,transparent 60%),repeating-linear-gradient(95deg,transparent 0 18px,#f9e8c505 18px 20px);border-bottom:7px double var(--gold)}
.topbar nav{display:flex;align-items:center;gap:17px;padding:4px 12px;border-block:1px solid #e4bb7766}
.topbar nav a{position:relative;display:block;white-space:nowrap;padding:7px 13px;border:3px double transparent;border-radius:18px 3px 18px 3px;outline:1px solid transparent;box-shadow:2px 2px 0 transparent;line-height:1.4;letter-spacing:.3px;font-weight:400}
html[lang=fa] .topbar nav a{font-family:Colak,Tahoma,sans-serif!important;font-size:24px;font-feature-settings:"ss01" 1,"calt" 1,"dlig" 1}
html[lang=en] .topbar nav a{font-family:Rogient!important;font-size:26px}
.topbar nav a[aria-current]{border-width:3px;background:var(--paper);color:var(--green);border-color:var(--green);outline-color:var(--gold);box-shadow:2px 2px 0 #0002}
.topbar nav a:hover{border-color:var(--gold);color:var(--gold)}.topbar nav a[aria-current]:hover{color:var(--green)}
@media(max-width:1100px){.topbar{flex-wrap:wrap}.topbar nav{order:3;width:100%;justify-content:center;flex-wrap:wrap}.header-actions{margin-inline-start:auto}html[lang=en] .topbar nav a{font-size:23px}}
@media(max-width:700px){.topbar nav{gap:6px;padding:3px 6px}.topbar nav a{padding:6px 8px}html[lang=fa] .topbar nav a{font-size:20px}html[lang=en] .topbar nav a{font-size:17px}}
@media(max-width:380px){.topbar nav{gap:2px}.topbar nav a{padding-inline:5px}html[lang=fa] .topbar nav a{font-size:17px}.topbar{padding-inline:16px}}

@media(max-width:700px){html[lang] .topbar nav{gap:6px;padding:3px 6px}html[lang] .topbar nav a{padding:6px 8px}}
@media(max-width:380px){html[lang] .topbar nav{gap:2px}html[lang] .topbar nav a{padding:6px 5px}}