/* Generated by tools/generate_wiki.js — do not edit by hand. */
:root {
  --parchment:#f2e7cd; --card:#fbf4e2; --card-2:#f7eed7;
  --ink:#2c2114; --ink-soft:#5b4a30; --ink-faint:#87775c;
  --gold:#b07f1e; --gold-bright:#d3a73f; --lapis:#1c4e89; --lapis-deep:#143a68;
  --line:rgba(44,33,20,.14); --line-gold:rgba(176,127,30,.42);
  --shadow-sm:0 6px 18px rgba(83,58,20,.12);
  --radius:16px; --maxw:1060px;
  --font:'Vazirmatn','Segoe UI',Tahoma,sans-serif;
  --display:'Lalezar','Vazirmatn',Tahoma,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:120px}
body{font-family:var(--font);background:var(--parchment);color:var(--ink);line-height:1.9;font-size:15.5px;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%}
a{color:var(--lapis);text-decoration:none}
a:hover{color:var(--lapis-deep)}
.bg-layer{position:fixed;inset:0;z-index:-1;pointer-events:none}
.bg-paper{position:absolute;inset:0;background:
  radial-gradient(130% 90% at 85% -10%,#f8efd9 0%,transparent 55%),
  radial-gradient(120% 90% at 5% 105%,#ecdcb6 0%,transparent 55%),
  linear-gradient(180deg,#f5ecd4 0%,var(--parchment) 45%,#ecdfbe 100%)}
.bg-khatam{position:absolute;inset:0;opacity:.05;background-size:110px 110px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='110' height='110' viewBox='0 0 110 110'%3E%3Cg fill='none' stroke='%23b07f1e' stroke-width='1.1'%3E%3Cpath d='M55 20 L64 46 L90 55 L64 64 L55 90 L46 64 L20 55 L46 46 Z'/%3E%3Crect x='42' y='42' width='26' height='26' transform='rotate(45 55 55)'/%3E%3C/g%3E%3C/svg%3E")}
/* header */
.wnav{position:sticky;top:0;z-index:50;background:rgba(242,231,205,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--line-gold)}
.wnav-inner{max-width:var(--maxw);margin:0 auto;padding:10px 16px 6px;display:flex;align-items:center;gap:12px}
.brand{display:flex;align-items:center;gap:8px;font-family:var(--display);font-size:1.25rem;color:var(--ink)}
.wiki-title{font-family:var(--display);color:var(--gold);font-size:1.15rem;border-right:1px solid var(--line);padding-right:12px}
.wsearch-box{position:relative;flex:1;max-width:340px;margin-inline-start:auto}
#wsearch{width:100%;padding:8px 14px;border:1px solid var(--line);border-radius:99px;background:var(--card);font-family:var(--font);font-size:.9rem;color:var(--ink);outline:none}
#wsearch:focus{border-color:var(--lapis)}
#wsearch-results{position:absolute;top:calc(100% + 6px);right:0;left:0;background:var(--card);border:1px solid var(--line-gold);border-radius:12px;box-shadow:var(--shadow-sm);max-height:320px;overflow:auto;z-index:60}
#wsearch-results a{display:block;padding:8px 14px;border-bottom:1px solid var(--line);font-size:.9rem;color:var(--ink)}
#wsearch-results a:last-child{border-bottom:none}
#wsearch-results a:hover,#wsearch-results a.sel{background:var(--card-2);color:var(--lapis-deep)}
#wsearch-results .nores{display:block;padding:10px 14px;color:var(--ink-faint);font-size:.85rem}
.wtabs{max-width:var(--maxw);margin:0 auto;padding:0 16px 8px;display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}
.wtabs::-webkit-scrollbar{display:none}
.wtabs a{flex:0 0 auto;padding:4px 13px;border-radius:99px;border:1px solid var(--line);background:var(--card);color:var(--ink-soft);font-size:.83rem;white-space:nowrap}
.wtabs a.on{background:var(--lapis);border-color:var(--lapis);color:#fff}
/* main */
.wmain{max-width:var(--maxw);margin:0 auto;padding:28px 16px 60px}
h1{font-family:var(--display);font-size:clamp(1.7rem,4vw,2.3rem);color:var(--gold);line-height:1.4}
.lead{color:var(--ink-soft);max-width:70ch;margin:4px 0 18px}
.toc{background:var(--card-2);border:1px solid var(--line);border-radius:var(--radius);padding:10px 16px;font-size:.88rem;margin-bottom:22px}
.toc-t{color:var(--ink-faint);margin-inline-end:6px}
.toc a{display:inline-block;margin:2px 0 2px 12px}
.wsec{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:20px 22px;margin-bottom:22px}
.wsec h2{font-family:var(--display);color:var(--ink);font-size:1.35rem;margin-bottom:10px}
.wsec h3.grp{font-size:1rem;color:var(--gold-deep,#8a5f12);margin:14px 0 8px}
.wsec ul{padding-inline-start:22px;margin:8px 0}
.wsec li{margin-bottom:6px}
.wsec p{margin-bottom:8px}
.wsec:target{border-color:var(--gold);box-shadow:0 0 0 3px rgba(211,167,63,.25)}
.note{background:var(--card-2);border-inline-start:3px solid var(--gold);border-radius:10px;padding:10px 14px;font-size:.9rem;color:var(--ink-soft);margin:10px 0}
/* tables */
.tbl-wrap{overflow-x:auto;margin:12px 0;border:1px solid var(--line);border-radius:12px}
table{width:100%;border-collapse:collapse;font-size:.88rem;min-width:520px}
thead th{background:var(--card-2);color:var(--ink-soft);font-weight:600;padding:8px 10px;text-align:right;white-space:nowrap;border-bottom:1px solid var(--line-gold)}
tbody td{padding:6px 10px;border-bottom:1px solid var(--line);white-space:nowrap}
/* Prose inside a table cell. Cells are nowrap because almost every table here is
   numeric, but the newer pages (رویدادها، مقام‌های اتحاد) put whole sentences in a
   column — those must wrap or the table becomes a horizontal scroll of one line. */
td .tw{white-space:normal;display:inline-block;min-width:16ch;max-width:52ch;line-height:1.7}
tbody tr:last-child td{border-bottom:none}
tbody tr:nth-child(even){background:rgba(236,223,191,.35)}
.rh{display:inline-flex;align-items:center;gap:4px}
/* Sized by each img's width/height attributes (18px, or 20px for the coin); flex:0
   0 auto stops a flex/inline-flex parent from stretching them. */
.ric{display:inline-block;vertical-align:-3px;flex:0 0 auto}
/* buildings */
.jump-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;margin-bottom:6px}
.jump{display:flex;align-items:center;gap:8px;background:var(--card-2);border:1px solid var(--line);border-radius:12px;padding:6px 10px;color:var(--ink);font-size:.88rem}
.jump:hover{border-color:var(--gold)}
.bhead{display:flex;gap:16px;align-items:flex-start;margin-bottom:8px}
.bhead>img{flex:0 0 auto;border-radius:12px}
.bhead .meta,.meta{font-size:.85rem;color:var(--ink-faint)}
.chip{display:inline-block;background:var(--card-2);border:1px solid var(--line-gold);color:var(--gold-deep,#8a5f12);border-radius:99px;padding:1px 10px;font-size:.78rem;white-space:nowrap}
.chip-tribe{border-color:var(--lapis);color:var(--lapis)}
/* units */
.ucard{display:flex;gap:16px;border:1px solid var(--line);border-radius:var(--radius);background:var(--card-2);padding:14px;margin:12px 0}
.ucard:target{border-color:var(--gold);box-shadow:0 0 0 3px rgba(211,167,63,.25)}
/* Only the portrait (direct child) — NOT the small .ric cost icons nested inside .ubody. */
.ucard>img{flex:0 0 auto;border-radius:12px;width:110px;height:110px}
.ucard h3{font-family:var(--display);font-size:1.15rem;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.ubody{flex:1;min-width:0}
.ustats{display:flex;flex-wrap:wrap;gap:4px 18px;font-size:.87rem;margin:6px 0}
.ucost .cost{display:inline-flex;align-items:center;gap:3px;margin-inline-end:12px}
/* index */
.strip{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px}
.strip>div{flex:1 1 120px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:10px;text-align:center}
.strip-num{display:block;font-family:var(--display);font-size:1.4rem;color:var(--gold)}
.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;margin-bottom:14px}
.icard{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:16px 18px;color:var(--ink);transition:border-color .15s}
.icard:hover{border-color:var(--gold)}
.icard h3{font-family:var(--display);color:var(--lapis);margin-bottom:4px}
.icard p{font-size:.86rem;color:var(--ink-soft)}
/* footer */
.wfoot{border-top:1px solid var(--line-gold);padding:20px 16px 30px;text-align:center;font-size:.85rem;color:var(--ink-faint)}
.wfoot a{margin:0 6px}
@media (max-width:640px){
  .wnav-inner{flex-wrap:wrap}
  .wsearch-box{flex-basis:100%;max-width:none;order:3}
  .bhead{flex-direction:row}
  .bhead>img{width:64px;height:64px}
  .ucard>img{width:80px;height:80px}
  .wmain{padding-top:20px}
  html{scroll-padding-top:150px}
}