/* ------------------------------------------------------------------
   ویکی‌تراجم — شیوه‌نامهٔ بخش عمومی
   الهام‌گرفته از پوستهٔ Vector ویکی‌پدیا، راست‌چین
-------------------------------------------------------------------*/

/* Generated by script */
@font-face {
  font-family: Vazirmatn;
  src: url('fonts/webfonts/Vazirmatn-Thin.woff2') format('woff2');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Vazirmatn;
  src: url('fonts/webfonts/Vazirmatn-ExtraLight.woff2') format('woff2');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Vazirmatn;
  src: url('fonts/webfonts/Vazirmatn-Light.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Vazirmatn;
  src: url('fonts/webfonts/Vazirmatn-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Vazirmatn;
  src: url('fonts/webfonts/Vazirmatn-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Vazirmatn;
  src: url('fonts/webfonts/Vazirmatn-SemiBold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Vazirmatn;
  src: url('fonts/webfonts/Vazirmatn-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Vazirmatn;
  src: url('fonts/webfonts/Vazirmatn-ExtraBold.woff2') format('woff2');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Vazirmatn;
  src: url('fonts/webfonts/Vazirmatn-Black.woff2') format('woff2');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}


:root {
    --link:          #0645ad;
    --link-visited:  #0b0080;
    --link-red:      #b32424;
    --border:        #a7d7f9;
    --border-soft:   #c8ccd1;
    --bg-page:       #f6f6f6;
    --bg-content:    #ffffff;
    --bg-box:        #f8fcff;
    --text:          #202122;
    --text-muted:    #54595d;
    --heading-line:  #a2a9b1;
    --font: Vazirmatn, "Segoe UI", Tahoma, "Iranian Sans", "IRANSans", Arial, sans-serif;
    --font-heading: "Linux Libertine", Vazirmatn, "Times New Roman", Georgia, serif;
}

* { box-sizing: border-box; }

html { font-size: 100%; }

body {
    margin: 0;
    background: var(--bg-page);
    color: var(--text);
    font-family: var(--font);
    font-size: 0.9375rem;
    line-height: 1.9;
    direction: rtl;
}

a            { color: var(--link); text-decoration: none; }
a:visited    { color: var(--link-visited); }
a:hover      { text-decoration: underline; }
a.new        { color: var(--link-red); }

img { max-width: 100%; height: auto; }

.muted { color: var(--text-muted); }
.small { font-size: 0.85em; }

mark { background: #fef6a5; padding: 0 .1em; }

/* ---------------------------------------------------------- چیدمان */

#page {
    display: flex;
    align-items: flex-start;
    gap: 0;
    max-width: 1400px;
    margin: 0 auto;
}

#sidebar {
    flex: 0 0 11.5rem;
    padding: 1rem .6rem 3rem;
    font-size: 0.8125rem;
}

#main {
    flex: 1 1 auto;
    min-width: 0;
    background: var(--bg-content);
    border-right: 1px solid var(--border);
    border-left: 1px solid var(--border);
    min-height: 100vh;
}

/* ------------------------------------------------------- ستون کناری */

.logo {
    display: flex;
    align-items: center;
    gap: .55rem;
    margin-bottom: 1.5rem;
    color: inherit;
}
.logo:hover { text-decoration: none; }

.logo-mark {
    display: grid;
    place-items: center;
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    background: #fff;
    border: 1px solid var(--border-soft);
    font-family: var(--font-heading);
    font-size: 1.6rem;
    color: #54595d;
}

.logo-text b     { display: block; font-size: 1rem; color: var(--text); font-weight: 600; }
.logo-text small { display: block; color: var(--text-muted); font-size: .72rem; line-height: 1.4; }

.portlet { margin-bottom: 1.25rem; }

.portlet h3 {
    margin: 0 0 .25rem;
    padding: 0 .3rem;
    font-size: .75rem;
    font-weight: 400;
    color: var(--text-muted);
    border-bottom: 1px solid var(--border-soft);
}

.portlet ul  { list-style: none; margin: 0; padding: 0; }
.portlet li  { padding: .1rem .5rem; }
.portlet a   { display: block; }

/* ---------------------------------------------------------- نوار بالا */

#topbar {
    display: flex;
    justify-content: flex-start;
    padding: .6rem 1.5rem;
    border-bottom: 1px solid #eaecf0;
}

.searchbox { display: flex; width: min(22rem, 100%); }

.searchbox input {
    flex: 1 1 auto;
    padding: .35rem .6rem;
    border: 1px solid var(--border-soft);
    border-radius: 2px 0 0 2px;
    font: inherit;
    font-size: .875rem;
}
.searchbox input:focus { outline: none; border-color: #36c; box-shadow: inset 0 0 0 1px #36c; }

.searchbox button {
    padding: .35rem .9rem;
    border: 1px solid var(--border-soft);
    border-right: none;
    border-radius: 0 2px 2px 0;
    background: #f8f9fa;
    font: inherit;
    font-size: .875rem;
    cursor: pointer;
}
.searchbox button:hover { background: #fff; }

/* ------------------------------------------------------------ محتوا */

#content { padding: 1rem 1.5rem 2rem; }

.firstHeading {
    margin: 0;
    padding-bottom: .2rem;
    font-family: var(--font-heading);
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 1.5;
    border-bottom: 1px solid var(--heading-line);
}

.siteSub {
    margin: .3rem 0 1rem;
    font-size: .8125rem;
    color: var(--text-muted);
}

#bodyContent h2 {
    margin: 1.6rem 0 .5rem;
    padding-bottom: .2rem;
    font-family: var(--font-heading);
    font-size: 1.4rem;
    font-weight: 400;
    border-bottom: 1px solid var(--heading-line);
}

#bodyContent h3 { margin: 1.2rem 0 .4rem; font-size: 1.15rem; font-weight: 700; }
#bodyContent p  { margin: .5rem 0 .9rem; }

#bodyContent ul, #bodyContent ol { margin: .4rem 0 .9rem; padding-right: 1.6rem; }
#bodyContent li { margin-bottom: .15rem; }

#bodyContent blockquote {
    margin: .9rem 0;
    padding: .2rem 1rem;
    border-right: 3px solid var(--border);
    background: #fbfbfb;
    color: var(--text-muted);
}

#bodyContent table {
    border-collapse: collapse;
    margin: 1rem 0;
    background: #f8f9fa;
    border: 1px solid #a2a9b1;
}
#bodyContent th, #bodyContent td { border: 1px solid #a2a9b1; padding: .35rem .6rem; }
#bodyContent th { background: #eaecf0; font-weight: 700; }

#bodyContent hr { border: none; border-top: 1px solid var(--border-soft); margin: 1.4rem 0; }

#bodyContent figure { margin: 1rem 0; }
#bodyContent figure img { border: 1px solid var(--border-soft); background: #fff; padding: 3px; }
#bodyContent figcaption { font-size: .8125rem; color: var(--text-muted); padding-top: .3rem; }

/* --------------------------------------------------- صفحهٔ اصلی */

.mp-welcome {
    padding: 1rem 1.2rem;
    margin-bottom: 1rem;
    text-align: center;
    background: var(--bg-box);
    border: 1px solid var(--border);
    border-radius: 2px;
}
.mp-welcome h1 {
    margin: 0 0 .3rem;
    font-family: var(--font-heading);
    font-size: 1.6rem;
    font-weight: 400;
}
.mp-welcome p { margin: 0; color: var(--text-muted); font-size: .9rem; }
.mp-welcome-date { margin-top: .4rem; font-size: .8rem; color: var(--text-muted); }

.mp-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    align-items: start;
}

.mp-box {
    border: 1px solid var(--border);
    background: var(--bg-box);
    border-radius: 2px;
    margin-bottom: 1rem;
    overflow: hidden;
}

.mp-box > h2 {
    margin: 0;
    padding: .4rem .8rem;
    background: #cedff2;
    border-bottom: 1px solid var(--border);
    font-family: var(--font-heading);
    font-size: 1.05rem;
    font-weight: 700;
}

/* داخل شبکه، فاصلهٔ ردیف‌ها را خود grid می‌سازد */
.mp-grid > .mp-box { margin-bottom: 0; }

.mp-box .mp-body { padding: .7rem .9rem; }
.mp-box .mp-body > :first-child { margin-top: 0; }
.mp-box .mp-body > :last-child  { margin-bottom: 0; }
.mp-box .mp-body ul { margin: .3rem 0; padding-right: 1.4rem; }

/* رنگ عنوان هر جعبه، مانند صفحهٔ اصلی ویکی‌پدیا */
.mp-box-featured  { grid-column: 1 / -1; }
.mp-box-dyk    > h2 { background: #cef2e0; border-bottom-color: #a3bfb1; }
.mp-box-dyk       { border-color: #a3bfb1; background: #f5fffa; }
.mp-box-picture   { border-color: #ddcef2; background: #faf5ff; }
.mp-box-picture > h2 { background: #ddcef2; border-bottom-color: #afa3bf; }
.mp-box-otd       { border-color: #bfa3a3; background: #fff9f9; }
.mp-box-otd    > h2 { background: #f2cece; border-bottom-color: #bfa3a3; }
.mp-box-news      { border-color: #c6c9a3; background: #fffef5; }
.mp-box-news   > h2 { background: #f2f2ce; border-bottom-color: #c6c9a3; }
.mp-box-latest    { border-color: #a7d7f9; }
.mp-box-cats      { border-color: var(--border-soft); background: #fafafa; }
.mp-box-cats   > h2 { background: #eaecf0; border-bottom-color: var(--border-soft); }
.mp-box-about     { border-color: var(--border-soft); background: #fafafa; }
.mp-box-about  > h2 { background: #eaecf0; border-bottom-color: var(--border-soft); }

.mp-thumb {
    float: left;
    margin: 0 1rem .5rem 0;
    max-width: 11rem;
    border: 1px solid var(--border-soft);
    background: #fff;
    padding: 3px;
}

.mp-more { clear: both; font-weight: 600; }

.mp-picture figure { margin: 0; text-align: center; }
.mp-picture img    { border: 1px solid var(--border-soft); background: #fff; padding: 4px; max-height: 20rem; }
.mp-picture figcaption { padding-top: .4rem; font-size: .85rem; color: var(--text-muted); }

.mp-latest-list { list-style: none; margin: 0; padding: 0; }
.mp-latest-list li { padding: .4rem 0; border-bottom: 1px dotted var(--border-soft); }
.mp-latest-list li:last-child { border-bottom: none; }
.mp-latest-list a { font-weight: 600; }

.mp-cat-list {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    gap: .4rem 1.2rem;
    margin: 0;
    padding: 0;
}

/* ------------------------------------------------- فهرست‌ها و مقاله */

.lead { font-size: 1.02rem; }

.infobox {
    float: left;
    clear: left;
    width: 16rem;
    margin: 0 1.2rem 1rem 0;
    padding: .4rem;
    background: #f8f9fa;
    border: 1px solid #a2a9b1;
    font-size: .85rem;
    text-align: center;
}
.infobox img { border: 1px solid var(--border-soft); background: #fff; padding: 2px; }
.infobox figcaption { padding-top: .35rem; color: var(--text-muted); }

.article-body { clear: none; }

.article-meta {
    clear: both;
    display: flex;
    flex-wrap: wrap;
    gap: 1.2rem;
    margin-top: 2rem;
    padding-top: .6rem;
    border-top: 1px solid var(--border-soft);
    font-size: .8125rem;
    color: var(--text-muted);
}

.related { clear: both; }
.related ul { padding-right: 1.4rem; }

.post-list { list-style: none; margin: 0; padding: 0; }
.post-list li {
    padding: .7rem 0;
    border-bottom: 1px solid #eaecf0;
}
.post-list li:last-child { border-bottom: none; }
.post-list-title { font-size: 1.05rem; font-weight: 600; }
.post-list p { margin: .3rem 0 0; color: var(--text-muted); }

.index-letter {
    margin: 1.4rem 0 .4rem !important;
    font-family: var(--font-heading);
    font-size: 1.25rem !important;
}
.index-list {
    list-style: none;
    columns: 3 14rem;
    margin: 0;
    padding: 0 !important;
}
.index-list li { break-inside: avoid; padding: .1rem 0; }

.search-form {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    margin-bottom: 1.2rem;
}
.search-form input[type=search] { flex: 1 1 16rem; }
.search-form input, .search-form select {
    padding: .4rem .6rem;
    border: 1px solid var(--border-soft);
    border-radius: 2px;
    font: inherit;
    font-size: .9rem;
}

.pager {
    display: flex;
    flex-wrap: wrap;
    gap: .3rem;
    margin-top: 1.5rem;
}
.pager a, .pager .current {
    padding: .2rem .6rem;
    border: 1px solid var(--border-soft);
    border-radius: 2px;
}
.pager .current { background: #eaecf0; color: var(--text-muted); }

.notice {
    padding: .5rem .8rem;
    margin-bottom: 1rem;
    border: 1px solid var(--border-soft);
    border-radius: 2px;
    font-size: .875rem;
}
.notice-warn { background: #fef6e7; border-color: #fc3; }
.notice-edit { background: #eaf3ff; border-color: var(--border); }

/* ------------------------------------------------------------ پابرگ */

#footer {
    margin: 2rem 0 0;
    padding: 1rem 1.5rem 2rem;
    border-top: 1px solid var(--border-soft);
    background: #f8f9fa;
    font-size: .8125rem;
    color: var(--text-muted);
}
#footer ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: .4rem 1.5rem; }

/* ---------------------------------------------------------- واکنشی */

@media (max-width: 900px) {
    .mp-grid { grid-template-columns: 1fr; }
    .mp-thumb { max-width: 8rem; }
    .infobox { float: none; width: auto; margin: 0 0 1rem; }
}

@media (max-width: 720px) {
    #page { flex-direction: column; }
    #sidebar {
        flex: 1 1 auto;
        width: 100%;
        padding: .8rem 1rem;
        background: #fff;
        border-bottom: 1px solid var(--border);
    }
    #sidebar .portlet ul { display: flex; flex-wrap: wrap; gap: .2rem 1rem; }
    #main { border: none; }
    #content { padding: 1rem; }
    .firstHeading { font-size: 1.45rem; }
    .index-list { columns: 1; }
}