مدیاویکی:Common.css: تفاوت میان نسخه‌ها

نسخهٔ کنونی تا ۱۰ سپتامبر ۲۰۲۶، ساعت ۱۸:۵۹

/* =========================================================
   WIKIDAD
   Stage A — Base Persian UI
   MediaWiki:Common.css
   ========================================================= */


/* ---------------------------------------------------------
   1. WIKIDAD VARIABLES
   --------------------------------------------------------- */

:root {
    --wd-primary: #168477;
    --wd-primary-dark: #11695f;
    --wd-primary-soft: #eaf6f4;

    --wd-gold: #c49a3a;

    --wd-text: #263238;
    --wd-text-soft: #68777b;

    --wd-bg: #ffffff;
    --wd-bg-soft: #f7f9f8;

    --wd-border: #dfe7e5;

    --wd-link: #176c88;

    --wd-radius: 10px;

    --wd-shadow:
        0 3px 14px rgba(20, 60, 55, 0.07);
}


/* ---------------------------------------------------------
   2. GLOBAL
   --------------------------------------------------------- */

html {
    direction: rtl;
}

body {
    direction: rtl;
    text-align: right;

    background: var(--wd-bg);

    color: var(--wd-text);

    font-family:
        "Vazirmatn",
        "IRANSansX",
        "IRANSans",
        Tahoma,
        Arial,
        sans-serif;

    font-size: 16px;

    line-height: 1.95;
}


/* ---------------------------------------------------------
   3. LINKS
   --------------------------------------------------------- */

a {
    color: var(--wd-link);
}

a:hover {
    color: var(--wd-primary-dark);
}


/* ---------------------------------------------------------
   4. PAGE BACKGROUND
   --------------------------------------------------------- */

#mw-page-base {
    background:
        linear-gradient(
            to bottom,
            #edf7f5 0,
            #ffffff 150px
        ) !important;
}


/* ---------------------------------------------------------
   5. MAIN PAGE CONTAINER
   --------------------------------------------------------- */

#content {
    background: #ffffff;

    border: 1px solid var(--wd-border);

    border-radius: var(--wd-radius);

    box-shadow: var(--wd-shadow);
}


/* ---------------------------------------------------------
   6. MAIN CONTENT
   --------------------------------------------------------- */

#bodyContent,
.mw-body-content {
    font-family:
        "Vazirmatn",
        "IRANSansX",
        "IRANSans",
        Tahoma,
        Arial,
        sans-serif;

    color: var(--wd-text);

    line-height: 2;
}


/* ---------------------------------------------------------
   7. PAGE TITLE
   --------------------------------------------------------- */

#firstHeading {
    color: var(--wd-primary-dark);

    font-family:
        "Vazirmatn",
        "IRANSansX",
        "IRANSans",
        Tahoma,
        Arial,
        sans-serif;

    font-size: 30px;

    font-weight: 800;

    line-height: 1.6;

    border-bottom: none;

    margin-bottom: 24px;
}


/* ---------------------------------------------------------
   8. HEADINGS
   --------------------------------------------------------- */

.mw-body-content h2 {
    color: var(--wd-primary-dark);

    font-size: 23px;

    font-weight: 800;

    border-bottom:
        2px solid var(--wd-primary-soft);

    padding-bottom: 8px;

    margin-top: 34px;
}

.mw-body-content h3 {
    color: var(--wd-primary);

    font-size: 20px;

    font-weight: 700;

    margin-top: 28px;
}

.mw-body-content h4 {
    color: var(--wd-text);

    font-size: 18px;
}


/* ---------------------------------------------------------
   9. HEADER
   --------------------------------------------------------- */

#mw-head {
    font-family:
        "Vazirmatn",
        "IRANSansX",
        "IRANSans",
        Tahoma,
        Arial,
        sans-serif;
}


/* Header background */

#mw-head {
    background: #ffffff;
}


/* ---------------------------------------------------------
   10. PERSONAL MENU
   --------------------------------------------------------- */

#p-personal {
    font-size: 13px;
}

#p-personal a {
    color: var(--wd-text-soft);
}

#p-personal a:hover {
    color: var(--wd-primary);
}


/* ---------------------------------------------------------
   11. SEARCH BOX
   --------------------------------------------------------- */

#p-search {
    font-family:
        "Vazirmatn",
        "IRANSansX",
        "IRANSans",
        Tahoma,
        Arial,
        sans-serif;
}

#searchInput {
    font-family:
        "Vazirmatn",
        "IRANSansX",
        "IRANSans",
        Tahoma,
        Arial,
        sans-serif;

    font-size: 14px;

    border:
        1px solid var(--wd-border);

    border-radius: 8px;

    background: #ffffff;

    color: var(--wd-text);

    padding: 8px 12px;

    transition:
        border-color .2s ease,
        box-shadow .2s ease;
}

#searchInput:focus {
    border-color: var(--wd-primary);

    box-shadow:
        0 0 0 3px rgba(22,132,119,.12);

    outline: none;
}


/* ---------------------------------------------------------
   12. SEARCH BUTTON
   --------------------------------------------------------- */

#searchButton {
    border-radius: 8px;

    border-color: var(--wd-primary);

    color: var(--wd-primary);
}


/* ---------------------------------------------------------
   13. TOP NAVIGATION
   --------------------------------------------------------- */

#mw-panel {
    font-family:
        "Vazirmatn",
        "IRANSansX",
        "IRANSans",
        Tahoma,
        Arial,
        sans-serif;
}


/* Sidebar headings */

#mw-panel .portal h3 {
    color: var(--wd-primary-dark);

    font-size: 14px;

    font-weight: 800;
}


/* Sidebar links */

#mw-panel .portal a {
    color: var(--wd-text-soft);

    font-size: 14px;
}

#mw-panel .portal a:hover {
    color: var(--wd-primary);

    text-decoration: none;
}


/* ---------------------------------------------------------
   14. PORTLET MENUS
   --------------------------------------------------------- */

.vector-menu-portal {
    font-family:
        "Vazirmatn",
        "IRANSansX",
        "IRANSans",
        Tahoma,
        Arial,
        sans-serif;
}


/* ---------------------------------------------------------
   15. CONTENT LINKS
   --------------------------------------------------------- */

.mw-body-content a {
    color: var(--wd-link);

    transition:
        color .15s ease;
}

.mw-body-content a:hover {
    color: var(--wd-primary-dark);

    text-decoration: underline;
}


/* ---------------------------------------------------------
   16. PARAGRAPHS
   --------------------------------------------------------- */

.mw-body-content p {
    margin-top: 0;

    margin-bottom: 16px;
}


/* ---------------------------------------------------------
   17. LISTS
   --------------------------------------------------------- */

.mw-body-content ul,
.mw-body-content ol {
    padding-right: 28px;

    padding-left: 0;
}

.mw-body-content li {
    margin-bottom: 7px;
}


/* ---------------------------------------------------------
   18. TABLE OF CONTENTS
   --------------------------------------------------------- */

#toc {
    background: var(--wd-bg-soft);

    border:
        1px solid var(--wd-border);

    border-right:
        4px solid var(--wd-primary);

    border-radius:
        var(--wd-radius);

    padding: 15px 20px;

    box-shadow:
        0 2px 10px rgba(20,60,55,.04);
}

#toc .toctitle {
    color: var(--wd-primary-dark);

    font-weight: 800;
}


/* ---------------------------------------------------------
   19. CATEGORIES
   --------------------------------------------------------- */

.catlinks {
    background: var(--wd-bg-soft);

    border:
        1px solid var(--wd-border);

    border-radius:
        8px;

    padding: 10px 14px;

    margin-top: 30px;

    font-size: 13px;
}


/* ---------------------------------------------------------
   20. FOOTER
   --------------------------------------------------------- */

#footer {
    font-family:
        "Vazirmatn",
        "IRANSansX",
        "IRANSans",
        Tahoma,
        Arial,
        sans-serif;

    color: var(--wd-text-soft);

    border-top:
        1px solid var(--wd-border);

    margin-top: 40px;
}

#footer a {
    color: var(--wd-link);
}


/* ---------------------------------------------------------
   21. EDIT / TOOL LINKS
   --------------------------------------------------------- */

#p-cactions a,
#p-views a,
#p-cactions li,
#p-views li {
    font-family:
        "Vazirmatn",
        "IRANSansX",
        "IRANSans",
        Tahoma,
        Arial,
        sans-serif;
}


/* ---------------------------------------------------------
   22. EDIT SECTION
   --------------------------------------------------------- */

.mw-editsection {
    font-size: 12px;

    font-weight: normal;
}

.mw-editsection a {
    color: var(--wd-link);
}


/* ---------------------------------------------------------
   23. BLOCKQUOTES
   --------------------------------------------------------- */

blockquote {
    background:
        var(--wd-bg-soft);

    border-right:
        4px solid var(--wd-primary);

    border-left:
        none;

    border-radius:
        8px;

    padding:
        14px 18px;

    color:
        var(--wd-text-soft);
}


/* ---------------------------------------------------------
   24. TABLES
   --------------------------------------------------------- */

.wikitable {
    border:
        1px solid var(--wd-border);

    border-collapse:
        collapse;

    width: 100%;

    font-family:
        "Vazirmatn",
        "IRANSansX",
        "IRANSans",
        Tahoma,
        Arial,
        sans-serif;
}

.wikitable th {
    background:
        var(--wd-primary-soft);

    color:
        var(--wd-primary-dark);

    border:
        1px solid var(--wd-border);

    padding:
        10px 14px;
}

.wikitable td {
    border:
        1px solid var(--wd-border);

    padding:
        10px 14px;
}


/* ---------------------------------------------------------
   25. MOBILE
   --------------------------------------------------------- */

@media (max-width: 700px) {

    body {
        font-size: 15px;
    }

    #firstHeading {
        font-size: 24px;
    }

    .mw-body-content h2 {
        font-size: 20px;
    }

    .mw-body-content h3 {
        font-size: 18px;
    }

    #content {
        border-radius: 0;

        border-left: none;
        border-right: none;

        box-shadow: none;
    }
}


/* ---------------------------------------------------------
   26. TEST MARKER
   --------------------------------------------------------- */

/*
   اگر این فایل درست بارگذاری شده باشد،
   رنگ عنوان صفحه باید سبز تیره شود.
*/


/* =========================================================
   WIKIDAD — HOMEPAGE
   صفحه اصلی ویکی‌داد
   ========================================================= */

.wd-home {
    direction: rtl;
    max-width: 1180px;
    margin: -8px auto 40px;
    color: #263238;
}

/* ---------- Hero ---------- */

.wd-hero {
    position: relative;
    overflow: hidden;
    padding: 48px 42px 44px;
    margin-bottom: 38px;
    border-radius: 20px;
    background: linear-gradient(135deg, #0f665d 0%, #168477 55%, #23978a 100%);
    color: #fff;
    box-shadow: 0 8px 30px rgba(20, 70, 65, 0.16);
}

.wd-hero::before {
    content: "§";
    position: absolute;
    left: 45px;
    top: -25px;
    font-family: Georgia, serif;
    font-size: 190px;
    line-height: 1;
    color: rgba(255,255,255,0.07);
    pointer-events: none;
}

.wd-hero-title {
    position: relative;
    z-index: 1;
    margin-bottom: 5px;
    font-size: 42px;
    font-weight: 800;
    letter-spacing: -1px;
}

.wd-hero-subtitle {
    position: relative;
    z-index: 1;
    margin-bottom: 30px;
    font-size: 18px;
    font-weight: 400;
    color: rgba(255,255,255,0.92);
}

/* ---------- Search ---------- */

.wd-search-box {
    position: relative;
    z-index: 2;
    max-width: 780px;
}

.wd-search-box .mw-inputbox-form {
    display: flex;
    align-items: stretch;
    gap: 8px;
}

.wd-search-box input[type="text"] {
    flex: 1;
    min-width: 0;
    height: 54px;
    padding: 0 20px;
    border: 0;
    border-radius: 11px;
    background: #fff;
    color: #263238;
    font-family: inherit;
    font-size: 16px;
    box-shadow: 0 3px 15px rgba(0,0,0,0.12);
}

.wd-search-box input[type="text"]::placeholder {
    color: #8a9699;
}

.wd-search-box input[type="submit"] {
    height: 54px;
    padding: 0 28px;
    border: 0;
    border-radius: 11px;
    background: #c49a3a;
    color: #fff;
    font-family: inherit;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    transition: 0.2s ease;
}

.wd-search-box input[type="submit"]:hover {
    background: #ad842c;
    transform: translateY(-1px);
}

/* ---------- Section titles ---------- */

.wd-section-title {
    position: relative;
    margin: 34px 0 18px;
    padding-right: 15px;
    color: #11695f;
    font-size: 22px;
    font-weight: 800;
}

.wd-section-title::before {
    content: "";
    position: absolute;
    right: 0;
    top: 4px;
    bottom: 4px;
    width: 5px;
    border-radius: 5px;
    background: #c49a3a;
}

/* ---------- Main cards ---------- */

.wd-main-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 18px;
}

.wd-card {
    position: relative;
    min-height: 215px;
    padding: 25px 22px;
    border: 1px solid #e0e7e5;
    border-radius: 15px;
    background: #fff;
    box-shadow: 0 4px 18px rgba(20,60,55,0.07);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.wd-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 9px 28px rgba(20,60,55,0.12);
}

.wd-card-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    margin-bottom: 17px;
    border-radius: 12px;
    background: #eef7f5;
    color: #168477;
    font-family: Georgia, serif;
    font-size: 25px;
    font-weight: 700;
}

.wd-card-title {
    margin-bottom: 10px;
    color: #11695f;
    font-size: 18px;
    font-weight: 800;
}

.wd-card-text {
    min-height: 62px;
    color: #667477;
    font-size: 14px;
    line-height: 1.9;
}

.wd-card-link {
    margin-top: 15px;
    color: #176c88;
    font-size: 13px;
    font-weight: 700;
}

/* رنگ اختصاصی کارت‌ها */

.wd-courts .wd-card-icon {
    background: #eef4fa;
    color: #3978ad;
}

.wd-opinions .wd-card-icon {
    background: #f8f2e8;
    color: #a9783b;
}

.wd-terms .wd-card-icon {
    background: #f3eff8;
    color: #8064a2;
}

/* ---------- Popular laws ---------- */

.wd-popular-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 15px;
}

.wd-popular-card {
    padding: 20px;
    border: 1px solid #e0e7e5;
    border-radius: 13px;
    background: #f8faf9;
    transition: 0.2s ease;
}

.wd-popular-card:hover {
    background: #fff;
    border-color: #b8d6d1;
    box-shadow: 0 5px 18px rgba(20,60,55,0.08);
}

.wd-popular-card a {
    display: block;
    margin-bottom: 7px;
    color: #176c88 !important;
    font-size: 17px;
    font-weight: 800;
}

.wd-popular-card span {
    display: block;
    color: #788487;
    font-size: 12px;
    line-height: 1.8;
}

/* ---------- Information boxes ---------- */

.wd-info-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px;
    margin-top: 30px;
}

.wd-info-box {
    padding: 23px 25px;
    border: 1px solid #e1e7e5;
    border-radius: 14px;
    background: #fff;
}

.wd-info-title {
    margin-bottom: 8px;
    color: #11695f;
    font-size: 17px;
    font-weight: 800;
}

.wd-info-box p {
    margin: 0;
    color: #667477;
    font-size: 14px;
    line-height: 2;
}

/* ---------- Remove unnecessary margins inside homepage ---------- */

.wd-home p {
    margin-top: 0;
}

.wd-home a {
    text-decoration: none;
}

/* ---------- Responsive ---------- */

@media (max-width: 1000px) {

    .wd-main-grid,
    .wd-popular-grid {
        grid-template-columns: repeat(2, 1fr);
    }

}

@media (max-width: 650px) {

    .wd-home {
        margin: 0 8px 30px;
    }

    .wd-hero {
        padding: 32px 22px;
        border-radius: 15px;
    }

    .wd-hero-title {
        font-size: 32px;
    }

    .wd-hero-subtitle {
        font-size: 15px;
    }

    .wd-search-box .mw-inputbox-form {
        display: block;
    }

    .wd-search-box input[type="text"],
    .wd-search-box input[type="submit"] {
        width: 100%;
        box-sizing: border-box;
    }

    .wd-search-box input[type="submit"] {
        margin-top: 8px;
    }

    .wd-main-grid,
    .wd-popular-grid,
    .wd-info-row {
        grid-template-columns: 1fr;
    }

}


/* =========================================================
   WIKIDAD — CUSTOM SIDEBAR
   ========================================================= */

#mw-panel {
    direction: rtl;
    font-family: "Vazirmatn", "IRANSans", Tahoma, Arial, sans-serif;
}

/* عنوان‌های منو */

#mw-panel .portal > h3,
#mw-panel .vector-menu-heading {
    margin: 18px 8px 8px;
    padding: 8px 10px;
    border-right: 4px solid #c49a3a;
    border-radius: 0 6px 6px 0;
    color: #11695f;
    background: #f5f8f7;
    font-size: 14px;
    font-weight: 800;
}

/* حذف ظاهر پیش‌فرض لیست */

#mw-panel .portal ul,
#mw-panel .vector-menu-content-list {
    margin: 0;
    padding: 0;
}

/* آیتم‌های منو */

#mw-panel .portal li,
#mw-panel .vector-menu-content-list li {
    margin: 3px 0;
}

/* لینک‌های منو */

#mw-panel .portal a,
#mw-panel .vector-menu-content-list a {
    display: block;
    margin: 0 5px;
    padding: 9px 13px;
    border-radius: 8px;
    color: #3d5052;
    font-size: 13px;
    text-decoration: none;
    transition: all 0.18s ease;
}

/* حالت Hover */

#mw-panel .portal a:hover,
#mw-panel .vector-menu-content-list a:hover {
    padding-right: 17px;
    background: #eef6f4;
    color: #11695f;
}

/* صفحه فعلی */

#mw-panel .portal .selected a,
#mw-panel .vector-menu-content-list .selected a {
    background: #e7f2ef;
    color: #11695f;
    font-weight: 700;
    border-right: 3px solid #168477;
}

/* فاصله بین بخش‌ها */

#mw-panel .portal {
    margin-bottom: 12px;
}

/* ابزارها کمی کم‌رنگ‌تر */

#p-tb a,
#p-tb .vector-menu-content-list a {
    color: #687678;
    font-size: 12px;
}

/* در موبایل */

@media (max-width: 720px) {

    #mw-panel .portal a,
    #mw-panel .vector-menu-content-list a {
        padding: 10px 12px;
    }

}

/* =========================================================
   WIKIDAD — LAW ARTICLE BOX
   ========================================================= */

.law-page {
    direction: rtl;
    text-align: right;
    font-family: "Vazirmatn", "IRANSans", Tahoma, Arial, sans-serif;
    line-height: 2;
    color: #263238;
}

.law-article-box {
    direction: rtl;
    text-align: right;
    margin: 25px 0;
    padding: 25px 28px;
    background: linear-gradient(135deg, #f1f8f6, #ffffff);
    border: 1px solid #dce9e6;
    border-right: 6px solid #168477;
    border-radius: 12px;
    box-shadow: 0 4px 18px rgba(20, 60, 55, 0.07);
}

.law-article-number {
    margin-bottom: 12px;
    color: #11695f;
    font-size: 21px;
    font-weight: 800;
}

.law-article-text {
    color: #263f3c;
    font-size: 16px;
    line-height: 2.2;
}

/* =========================================================
   ویکی‌داد — تست‌های تعاملی
   ========================================================= */


/* ---------------------------------------------------------
   عنوان و نوع سؤال
   --------------------------------------------------------- */

.wd-test-question {
    direction: rtl;
    text-align: right;
}

.wd-test-source {
    display: inline;
    margin-right: 5px;

    font-size: 12px;
    font-weight: normal;

    color: #8064a2;

    white-space: nowrap;
}


/* ---------------------------------------------------------
   گزینه‌های تست
   --------------------------------------------------------- */

.wd-test-options {
    display: flex;
    flex-direction: column;
    gap: 9px;
}

.wd-test-options ul {
    margin: 0 !important;
    padding: 0 !important;
}

.wd-test-options li {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}


/* ---------------------------------------------------------
   ظاهر اصلی گزینه
   --------------------------------------------------------- */

.wd-test-option {
    display: flex;
    align-items: center;

    width: 100%;
    box-sizing: border-box;

    padding: 12px 15px;

    background: #ffffff;
    border: 1px solid #dfe7e5;
    border-radius: 8px;

    color: #37474f !important;

    font-family:
        "Vazirmatn",
        "IRANSans",
        Tahoma,
        Arial,
        sans-serif;

    font-size: 15px;
    line-height: 1.9;

    text-align: right;

    cursor: pointer;
    user-select: none;

    transition:
        background 0.15s ease,
        border-color 0.15s ease,
        transform 0.15s ease;
}


/* ---------------------------------------------------------
   حالت Hover
   --------------------------------------------------------- */

.wd-test-option:hover {
    background: #f7faf9;
    border-color: #168477;

    transform: translateY(-1px);
}


/* ---------------------------------------------------------
   مربع کنار گزینه
   --------------------------------------------------------- */

.wd-test-option::before {
    content: "□";

    flex: 0 0 auto;

    margin-left: 11px;

    font-size: 21px;
    line-height: 1;

    color: #78909c;
}


/* ---------------------------------------------------------
   گزینه انتخاب‌شده
   --------------------------------------------------------- */

.wd-test-option.wd-selected::before {
    content: "☑";
}


/* ---------------------------------------------------------
   پاسخ صحیح
   --------------------------------------------------------- */

.wd-test-option.wd-correct {
    background: #edf8f2;
    border-color: #4b9b57;

    color: #276b35 !important;
}

.wd-test-option.wd-correct::before {
    color: #4b9b57;
}


/* ---------------------------------------------------------
   پاسخ غلط
   --------------------------------------------------------- */

.wd-test-option.wd-wrong {
    background: #fff1f1;
    border-color: #c85b5b;

    color: #9a3f3f !important;
}

.wd-test-option.wd-wrong::before {
    content: "☒";

    color: #c85b5b;
}


/* ---------------------------------------------------------
   پیام نتیجه
   --------------------------------------------------------- */

.wd-test-result-message.wd-result-correct {
    color: #287653;
}

.wd-test-result-message.wd-result-wrong {
    color: #a04444;
}


/* ---------------------------------------------------------
   وقتی پاسخ صحیح داده شد
   --------------------------------------------------------- */

.wd-test.wd-test-finished .wd-test-option {
    cursor: default;
}

.wd-test.wd-test-finished .wd-test-option:hover {
    transform: none;
}


/* =========================================================
   ویکی‌داد — Responsive Design
   نسخه جامع برای موبایل، تبلت و دسکتاپ
   ========================================================= */


/* =========================================================
   1. تنظیمات پایه
   ========================================================= */

html {
    box-sizing: border-box;
}

*,
*:before,
*:after {
    box-sizing: inherit;
}

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

table {
    max-width: 100%;
}

body {
    overflow-x: hidden;
}


/* =========================================================
   2. محتوای اصلی ویکی
   ========================================================= */

.mw-body,
#content,
.mw-content-container {
    max-width: 100%;
}

.mw-body {
    overflow-wrap: break-word;
}

.mw-parser-output {
    max-width: 100%;
}


/* =========================================================
   3. صفحات حقوقی
   ========================================================= */

.law-page {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    padding: 0;
    direction: rtl;
    text-align: right;
    font-family:
        "Vazirmatn",
        "IRANSans",
        Tahoma,
        Arial,
        sans-serif;
    line-height: 2;
}


/* جلوگیری از بیرون‌زدگی عناصر */

.law-page > *,
.law-page div,
.law-page section {
    max-width: 100%;
}


/* =========================================================
   4. صفحه اصلی
   ========================================================= */

.wd-home {
    width: 100%;
    max-width: 100%;
    direction: rtl;
    text-align: right;
}


/* گریدهای صفحه اصلی */

.wd-main-grid,
.wd-popular-grid {
    width: 100%;
}


/* جلوگیری از شکستن بد کارت‌ها */

.wd-main-grid > *,
.wd-popular-grid > * {
    min-width: 0;
}


/* =========================================================
   5. جعبه ماده
   ========================================================= */

.law-article-box {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
}

.law-article-text {
    overflow-wrap: break-word;
    word-break: normal;
}

.law-article-number {
    flex-shrink: 0;
}


/* =========================================================
   6. جعبه‌های محتوایی
   ========================================================= */

.related-laws-box,
.term-box,
.judgment-box,
.advisory-box,
.explanation-box {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
}


/* =========================================================
   7. تیترهای داخل صفحات
   ========================================================= */

.law-page h1,
.law-page h2,
.law-page h3,
.law-page h4 {
    overflow-wrap: break-word;
}

.law-page h2 {
    line-height: 1.9;
}

.law-page h3 {
    line-height: 2;
}


/* =========================================================
   8. لینک‌ها
   ========================================================= */

.law-page a {
    overflow-wrap: break-word;
}


/* =========================================================
   9. جداول
   ========================================================= */

.law-page table {
    width: 100%;
    max-width: 100%;
    border-collapse: collapse;
}

.law-page td,
.law-page th {
    overflow-wrap: break-word;
}


/* اگر جدول خیلی عریض باشد */

.law-page .wikitable {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}


/* =========================================================
   10. تست‌ها
   ========================================================= */

.wd-test {
    width: 100%;
    max-width: 100%;
}

.wd-test-question {
    overflow-wrap: break-word;
}

.wd-test-option {
    min-width: 0;
    overflow-wrap: break-word;
}

.wd-test-answer {
    max-width: 100%;
    overflow-wrap: break-word;
}


/* =========================================================
   11. Sidebar
   ========================================================= */

#mw-panel {
    max-width: 100%;
}

.vector-menu-portal {
    max-width: 100%;
}


/* =========================================================
   12. فرم جستجو
   ========================================================= */

input,
textarea,
select,
button {
    max-width: 100%;
}

input[type="search"],
input[type="text"] {
    box-sizing: border-box;
}


/* =========================================================
   13. موبایل
   حداکثر عرض 767px
   ========================================================= */

@media screen and (max-width: 767px) {


    /* -----------------------------------------------------
       بدنه
       ----------------------------------------------------- */

    body {
        font-size: 16px;
        overflow-x: hidden;
    }


    /* -----------------------------------------------------
       محتوای اصلی
       ----------------------------------------------------- */

    .mw-body {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

    #content {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .mw-parser-output {
        font-size: 16px;
        line-height: 2.15;
    }


    /* -----------------------------------------------------
       صفحه حقوقی
       ----------------------------------------------------- */

    .law-page {
        font-size: 16px;
        line-height: 2.15;
    }


    /* -----------------------------------------------------
       تیترهای اصلی
       ----------------------------------------------------- */

    .law-page h1 {
        font-size: 24px;
        line-height: 1.8;
    }

    .law-page h2 {
        font-size: 20px;
        line-height: 1.9;
        margin-top: 28px;
        margin-bottom: 14px;
    }

    .law-page h3 {
        font-size: 18px;
        line-height: 1.9;
    }

    .law-page h4 {
        font-size: 17px;
        line-height: 1.9;
    }


    /* -----------------------------------------------------
       جعبه ماده
       ----------------------------------------------------- */

    .law-article-box {
        margin-top: 18px !important;
        margin-bottom: 22px !important;

        padding: 16px !important;

        border-radius: 10px !important;
    }


    .law-article-number {
        font-size: 18px !important;
    }


    .law-article-text {
        font-size: 16px !important;
        line-height: 2.3 !important;
    }


    /* -----------------------------------------------------
       عنوان وضعیت ماده
       ----------------------------------------------------- */

    .law-article-box [style*="border-radius:16px"] {
        font-size: 11px !important;
        padding: 3px 9px !important;
    }


    /* -----------------------------------------------------
       دکمه‌های قبل / فهرست / بعد
       ----------------------------------------------------- */

    .law-article-box [style*="justify-content:space-between"] {
        gap: 6px !important;
    }

    .law-article-box [style*="justify-content:space-between"] > div {
        font-size: 12px !important;
    }


    /* -----------------------------------------------------
       شرح ماده
       ----------------------------------------------------- */

    .explanation-box {
        margin-top: 22px !important;
        margin-bottom: 22px !important;
    }


    /* -----------------------------------------------------
       همه باکس‌های محتوایی
       ----------------------------------------------------- */

    .related-laws-box,
    .term-box,
    .judgment-box,
    .advisory-box,
    .explanation-box {
        margin-top: 22px !important;
        margin-bottom: 22px !important;
    }


    /* -----------------------------------------------------
       متن داخل باکس‌ها
       ----------------------------------------------------- */

    .related-laws-box,
    .term-box,
    .judgment-box,
    .advisory-box,
    .explanation-box {
        font-size: 15.5px;
        line-height: 2.15;
    }


    /* -----------------------------------------------------
       اصطلاحات
       ----------------------------------------------------- */

    .term-box {
        padding-left: 0;
        padding-right: 0;
    }


    /* -----------------------------------------------------
       تست‌ها
       ----------------------------------------------------- */

    .wd-test {
        margin-top: 25px !important;
        margin-bottom: 28px !important;
    }


    .wd-test-question {
        font-size: 17px !important;
        line-height: 2.2 !important;
    }


    .wd-test-source {
        font-size: 11px !important;
        margin-right: 4px !important;
    }


    .wd-test-option {
        padding: 13px 13px !important;

        font-size: 16px !important;

        line-height: 2 !important;

        min-height: 50px;
    }


    .wd-test-option::before {
        margin-left: 9px;
        font-size: 21px;
    }


    .wd-test-result-message {
        font-size: 15px !important;
    }


    .wd-test-answer {
        font-size: 15px !important;
    }


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

    .wd-home {
        width: 100%;
        font-size: 16px;
    }


    /* هیرو */

    .wd-hero {
        width: 100% !important;
        padding: 24px 16px !important;
        margin-bottom: 24px !important;
    }


    .wd-hero-title {
        font-size: 28px !important;
        line-height: 1.7 !important;
    }


    .wd-hero-subtitle {
        font-size: 15px !important;
        line-height: 2 !important;
    }


    /* -----------------------------------------------------
       جستجوی صفحه اصلی
       ----------------------------------------------------- */

    .wd-search-box {
        width: 100% !important;
        max-width: 100% !important;
        margin-top: 18px !important;
    }


    .wd-search-box form {
        width: 100% !important;
    }


    .wd-search-box input[type="search"],
    .wd-search-box input[type="text"] {
        width: 100% !important;
        max-width: 100% !important;
        min-height: 48px !important;
        font-size: 16px !important;
    }


    .wd-search-box input[type="submit"],
    .wd-search-box button {
        min-height: 46px !important;
        font-size: 15px !important;
    }


    /* -----------------------------------------------------
       گریدهای صفحه اصلی
       ----------------------------------------------------- */

    .wd-main-grid,
    .wd-popular-grid {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 12px !important;
    }


    /* -----------------------------------------------------
       کارت‌های صفحه اصلی
       ----------------------------------------------------- */

    .wd-main-grid > *,
    .wd-popular-grid > * {
        width: 100% !important;
        min-width: 0 !important;
    }


    /* -----------------------------------------------------
       عنوان بخش‌های صفحه اصلی
       ----------------------------------------------------- */

    .wd-section-title {
        font-size: 19px !important;
        line-height: 1.9 !important;
        margin-top: 26px !important;
        margin-bottom: 14px !important;
    }


    /* -----------------------------------------------------
       اطلاعات پایین صفحه اصلی
       ----------------------------------------------------- */

    .wd-info-row {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 12px !important;
    }


    /* -----------------------------------------------------
       منوها
       ----------------------------------------------------- */

    .vector-menu-portal {
        font-size: 15px;
    }


    .vector-menu-portal a {
        line-height: 2;
    }


    /* -----------------------------------------------------
       تصاویر
       ----------------------------------------------------- */

    .mw-parser-output img {
        max-width: 100%;
        height: auto;
    }


    /* -----------------------------------------------------
       کدها
       ----------------------------------------------------- */

    pre,
    code {
        max-width: 100%;
        overflow-x: auto;
    }


    pre {
        font-size: 13px;
        line-height: 1.8;
    }


    /* -----------------------------------------------------
       نقل‌قول
       ----------------------------------------------------- */

    blockquote {
        margin-left: 0;
        margin-right: 0;
        padding-left: 12px;
        padding-right: 12px;
    }


    /* -----------------------------------------------------
       لیست‌ها
       ----------------------------------------------------- */

    .law-page ul,
    .law-page ol {
        padding-right: 24px;
        padding-left: 0;
    }


    /* -----------------------------------------------------
       جلوگیری از بزرگ شدن عرض صفحه
       ----------------------------------------------------- */

    .mw-parser-output > div,
    .mw-parser-output > section {
        max-width: 100%;
    }

}


/* =========================================================
   14. موبایل خیلی کوچک
   حداکثر عرض 480px
   ========================================================= */

@media screen and (max-width: 480px) {


    body {
        font-size: 16px;
    }


    .mw-parser-output {
        font-size: 16px;
    }


    .law-page {
        font-size: 16px;
    }


    /* عنوان ماده */

    .law-article-number {
        font-size: 17px !important;
    }


    /* متن ماده */

    .law-article-text {
        font-size: 16px !important;
        line-height: 2.25 !important;
    }


    /* عنوان تست */

    .wd-test-question {
        font-size: 16px !important;
        line-height: 2.2 !important;
    }


    /* منبع تست */

    .wd-test-source {
        font-size: 10.5px !important;
    }


    /* گزینه‌ها */

    .wd-test-option {
        padding: 12px !important;
        font-size: 15.5px !important;
        line-height: 2 !important;
    }


    /* هیرو */

    .wd-hero {
        padding: 20px 14px !important;
    }


    .wd-hero-title {
        font-size: 25px !important;
    }


    .wd-hero-subtitle {
        font-size: 14px !important;
    }


    /* باکس ماده */

    .law-article-box {
        padding: 14px !important;
    }


    /* فاصله‌های داخلی */

    .law-page [style*="padding:22px"],
    .law-page [style*="padding:24px"] {
        padding: 16px !important;
    }


}


/* =========================================================
   15. تبلت
   768 تا 1023 پیکسل
   ========================================================= */

@media screen and (min-width: 768px) and (max-width: 1023px) {


    body {
        font-size: 16px;
    }


    .mw-body {
        padding-left: 24px !important;
        padding-right: 24px !important;
    }


    .law-page {
        font-size: 16px;
    }


    .law-article-text {
        font-size: 16px;
        line-height: 2.2;
    }


    .wd-main-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }


    .wd-popular-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }


    .wd-test-option {
        font-size: 15px;
    }


}


/* =========================================================
   16. بهبود لمس در موبایل
   ========================================================= */

@media (hover: none) and (pointer: coarse) {

    a {
        -webkit-tap-highlight-color: rgba(22, 132, 119, 0.12);
    }


    .wd-test-option {
        min-height: 50px;
    }


    button,
    input[type="submit"],
    input[type="button"] {
        min-height: 44px;
    }

}


/* =========================================================
   17. جلوگیری از اسکرول افقی ناخواسته
   ========================================================= */

@media screen and (max-width: 767px) {

    #mw-page-base,
    #mw-head-base,
    #mw-head,
    #content,
    #footer,
    .mw-body,
    .mw-parser-output,
    .law-page,
    .wd-home {
        max-width: 100vw;
    }

}

/* =========================================================
   ویکی‌داد — مخفی کردن Sidebar در موبایل
   ========================================================= */

@media screen and (max-width: 767px) {

    /* سایدبار اصلی Vector */
    #mw-panel {
        display: none !important;
    }

    /* جلوگیری از رزرو فضای سایدبار */
    #content,
    .mw-body,
    .mw-workspace-container,
    .mw-body-content {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    /* محتوای اصلی تمام عرض */
    #content {
        width: 100% !important;
        max-width: 100% !important;
    }

    .mw-body {
        width: 100% !important;
        max-width: 100% !important;
    }

}


/* =========================================================
   ویکی‌داد — فهرست مواد قوانین
   ساختار:
   قانون → فصل → مبحث → ماده
   ========================================================= */


/* =========================================================
   صفحه فهرست قانون
   ========================================================= */

.wd-law-index {
    direction: rtl;
    text-align: right;
    margin: 30px 0;
    font-family: "Vazirmatn", "IRANSans", Tahoma, Arial, sans-serif;
    color: #263238;
}


/* =========================================================
   سربرگ قانون
   ========================================================= */

.wd-law-index-head {
    padding: 22px 24px 20px;
    background: #f4f8f7;
    border: 1px solid #dfe7e5;
    border-right: 6px solid #168477;
    border-radius: 12px;
    box-shadow: 0 3px 14px rgba(20, 60, 55, 0.05);
}

.wd-law-index-title {
    font-size: 24px;
    font-weight: 800;
    color: #11695f;
    line-height: 1.9;
}

.wd-law-index-description {
    margin-top: 5px;
    font-size: 14px;
    color: #607d8b;
    line-height: 2;
}

.wd-law-index-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-top: 15px;
    font-size: 12px;
    color: #687980;
}

.wd-law-index-meta > span:not(.wd-law-index-status) {
    padding-left: 12px;
    border-left: 1px solid #d5dfdc;
}


/* =========================================================
   وضعیت قانون
   ========================================================= */

.wd-law-index-status {
    display: inline-block;
    padding: 3px 10px;
    border-radius: 14px;
    font-weight: bold;
    line-height: 1.6;
}

.wd-law-index-status.معتبر {
    background: #edf7f2;
    border: 1px solid #c9e5d8;
    color: #287653;
}

.wd-law-index-status.اصلاح‌شده {
    background: #fff8e8;
    border: 1px solid #ead9a9;
    color: #80651f;
}

.wd-law-index-status.منسوخ {
    background: #f9eeee;
    border: 1px solid #e4c8c8;
    color: #9a4545;
}


/* =========================================================
   فصل
   ========================================================= */

.wd-law-chapter {
    margin: 34px 0 0;
}

.wd-law-chapter-clickable {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;

    width: 100%;
    box-sizing: border-box;

    padding: 15px 8px 14px;

    border-top: 2px solid #168477;
    border-bottom: 1px solid #dfe7e5;

    text-decoration: none !important;
    color: inherit !important;

    cursor: pointer;

    transition:
        background 0.15s ease,
        padding 0.15s ease;
}

.wd-law-chapter-clickable:hover {
    background: #f6faf8;
    padding-right: 14px;
    padding-left: 2px;
}

.wd-law-chapter-main {
    flex: 1;
    min-width: 0;
}

.wd-law-chapter-title {
    display: block;

    font-size: 18px;
    font-weight: 800;

    color: #11695f;

    line-height: 1.9;
}

.wd-law-chapter-description {
    display: block;

    margin-top: 3px;

    font-size: 12px;
    color: #7b898f;

    line-height: 1.9;
}

.wd-law-chapter-arrow {
    flex: 0 0 auto;

    color: #9aa8ad;
    font-size: 17px;
}

.wd-law-chapter-clickable:hover .wd-law-chapter-arrow {
    color: #168477;
}


/* =========================================================
   مبحث
   ========================================================= */

.wd-law-topic {
    margin: 18px 0 0;
}

.wd-law-topic-clickable {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;

    width: 100%;
    box-sizing: border-box;

    padding: 13px 16px;

    background: #f8f6f1;

    border: 1px solid #e5dfd2;
    border-right: 4px solid #c49a3a;

    border-radius: 8px;

    text-decoration: none !important;
    color: inherit !important;

    cursor: pointer;

    transition:
        background 0.15s ease,
        border-color 0.15s ease,
        transform 0.15s ease;
}

.wd-law-topic-clickable:hover {
    background: #fbf9f4;
    border-right-color: #a98128;
    transform: translateX(-2px);
}

.wd-law-topic-main {
    flex: 1;
    min-width: 0;
}

.wd-law-topic-title {
    display: block;

    font-size: 15px;
    font-weight: 800;

    color: #765b1e;

    line-height: 1.9;
}

.wd-law-topic-description {
    display: block;

    margin-top: 2px;

    font-size: 12px;
    color: #8a8175;

    line-height: 1.9;
}

.wd-law-topic-arrow {
    flex: 0 0 auto;

    color: #b29a67;
    font-size: 15px;
}

.wd-law-topic-clickable:hover .wd-law-topic-arrow {
    color: #80651f;
}


/* =========================================================
   سه ستون مواد
   ========================================================= */

.wd-law-items-grid {
    display: grid !important;

    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;

    column-gap: 24px;
    row-gap: 0;

    width: 100%;

    margin-top: 12px;
}


/* =========================================================
   هر ماده
   ========================================================= */

.wd-law-items-grid > .wd-law-item {
    display: block !important;

    width: 100%;
    min-width: 0;

    margin: 0;
}


/* کل ردیف ماده */

.wd-law-item-clickable {
    display: flex;

    align-items: center;

    width: 100%;
    min-height: 56px;

    box-sizing: border-box;

    gap: 9px;

    padding: 8px 3px;

    border-bottom: 1px solid #e7eceb;

    text-decoration: none !important;
    color: inherit !important;

    cursor: pointer;

    transition:
        background 0.15s ease,
        padding 0.15s ease;
}

.wd-law-item-clickable:hover {
    background: #f7faf9;

    padding-right: 8px;
    padding-left: 0;
}


/* شماره ماده */

.wd-law-item-number {
    flex: 0 0 54px;

    font-size: 13px;
    font-weight: 800;

    color: #176c88;

    line-height: 1.8;

    white-space: nowrap;
}


/* بخش متن */

.wd-law-item-text {
    flex: 1;

    min-width: 0;

    display: block;
}


/* عنوان */

.wd-law-item-title {
    display: block;

    font-size: 13px;
    font-weight: 700;

    color: #37474f;

    line-height: 1.8;

    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


/* خلاصه */

.wd-law-item-summary {
    display: block;

    font-size: 12px;

    color: #607d8b;

    line-height: 1.8;

    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


/* وضعیت ماده */

.wd-law-item-status {
    flex: 0 0 auto;

    padding: 2px 6px;

    border-radius: 10px;

    font-size: 9px;
    font-weight: bold;

    line-height: 1.5;

    white-space: nowrap;
}

.wd-law-item-status.معتبر {
    background: #edf7f2;
    color: #287653;
}

.wd-law-item-status.اصلاح‌شده {
    background: #fff8e8;
    color: #80651f;
}

.wd-law-item-status.منسوخ {
    background: #f9eeee;
    color: #9a4545;
}


/* فلش */

.wd-law-item-arrow {
    flex: 0 0 auto;

    color: #a8b3b6;

    font-size: 13px;
}

.wd-law-item-clickable:hover .wd-law-item-arrow {
    color: #168477;
}


/* =========================================================
   حذف فاصله و بولت‌های اضافی MediaWiki
   ========================================================= */

.wd-law-index-content ul {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.wd-law-index-content li {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}


/* =========================================================
   موبایل
   ========================================================= */

@media screen and (max-width: 767px) {

    .wd-law-index {
        margin: 20px 0;
    }

    .wd-law-index-head {
        padding: 18px 16px;
        border-right-width: 4px;
        border-radius: 9px;
    }

    .wd-law-index-title {
        font-size: 20px;
    }

    .wd-law-index-description {
        font-size: 13px;
    }

    .wd-law-index-meta {
        gap: 6px;
        font-size: 11px;
    }

    .wd-law-chapter {
        margin-top: 27px;
    }

    .wd-law-chapter-title {
        font-size: 16px;
    }

    .wd-law-topic-title {
        font-size: 14px;
    }

    /* موبایل = یک ستون */

    .wd-law-items-grid {
        grid-template-columns: 1fr !important;
    }

    .wd-law-item-clickable {
        min-height: 54px;
        gap: 8px;
        padding: 8px 3px;
    }

    .wd-law-item-number {
        flex-basis: 55px;
        font-size: 12px;
    }

    .wd-law-item-title {
        font-size: 13px;
    }

    .wd-law-item-summary {
        font-size: 11px;
    }

    .wd-law-item-status {
        display: none;
    }

}

.wd-breadcrumb {
    direction: rtl;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin: -4px 0 12px;
    padding: 6px 0;
    font-family: "Vazirmatn", "IRANSans", Tahoma, Arial, sans-serif;
}

.wd-breadcrumb-item,
.wd-breadcrumb-current {
    display: inline-block;
    padding: 6px 12px;
    background: #ffffff;
    border: 1px solid #cfded9;
    border-radius: 7px;
    font-size: 12px;
    line-height: 1.7;
    box-shadow: 0 1px 4px rgba(20, 60, 55, 0.04);
}

.wd-breadcrumb-item a {
    color: #28706a !important;
    text-decoration: none !important;
    font-weight: 600;
}

.wd-breadcrumb-item:hover {
    background: #f1f7f4;
    border-color: #8fb9ae;
}

.wd-breadcrumb-arrow {
    color: #8b9995;
    font-size: 13px;
    font-weight: bold;
}

.wd-breadcrumb-current {
    background: #e5f0ec;
    border-color: #a9c9c0;
    color: #245b55;
    font-weight: 800;
}

/* کاهش فاصله‌های ناخواسته اطراف Breadcrumb */
.wd-breadcrumb {
    margin: 0 !important;
    padding: 0 !important;
}

.wd-breadcrumb-item,
.wd-breadcrumb-current {
    margin: 0 !important;
}

.wd-breadcrumb-arrow {
    margin: 0 !important;
}

مدیاویکی:Common.css: تفاوت میان نسخه‌ها

Rasool (بحث | مشارکت‌ها)

نسخهٔ کنونی تا ۱۰ سپتامبر ۲۰۲۶، ساعت ۱۸:۵۹

منوی ناوبری

@@ خط ۱: / خط ۱: @@
-/* دستورات این بخش همهٔ کاربران را تحت تاثیر قرار می‌دهند. */
 /* =========================================================
-    WIKIDAD — Persian Legal Design System
+    WIKIDAD
+   Stage A — Base Persian UI
     MediaWiki:Common.css
-   Version 1.0
     ========================================================= */
-/* =========================================================
+/* ---------------------------------------------------------
-. VARIABLES — سیستم رنگ و اندازه
+. WIKIDAD VARIABLES
-    ========================================================= */
+    --------------------------------------------------------- */
 :root {
-     --law-primary: #168477;
+     --wd-primary: #168477;
-     --law-primary-dark: #11695f;
+     --wd-primary-dark: #11695f;
-     --law-primary-light: #eaf6f4;
+     --wd-primary-soft: #eaf6f4;
-     --law-link: #176c88;
+     --wd-gold: #c49a3a;
-     --law-gold: #c49a3a;
+     --wd-text: #263238;
-     --law-gold-light: #fbf7eb;
+     --wd-text-soft: #68777b;
-     --law-blue: #3978ad;
+     --wd-bg: #ffffff;
-     --law-blue-light: #eef4fa;
+     --wd-bg-soft: #f7f9f8;
-     --law-purple: #8064a2;
+     --wd-border: #dfe7e5;
-    --law-purple-light: #f3eff8;
-     --law-orange: #d38a27;
+     --wd-link: #176c88;
-    --law-orange-light: #fff5e7;
-     --law-green: #4b9b57;
+     --wd-radius: 10px;
-    --law-green-light: #edf7ee;
-     --law-text: #263238;
+     --wd-shadow:
-    --law-text-soft: #607277;
+3px 14px rgba(20, 60, 55, 0.07);
-    --law-bg: #ffffff;
-    --law-bg-soft: #f7f9f8;
-    --law-border: #dfe7e5;
-    --law-shadow: 0 4px 18px rgba(20, 60, 55, 0.07);
-    --law-shadow-hover: 0 8px 28px rgba(20, 60, 55, 0.11);
-    --law-radius: 12px;
-    --law-radius-small: 8px;
-    --law-space: 24px;
-    --law-content-width: 1100px;
 }
-/* =========================================================
+/* ---------------------------------------------------------
-. GLOBAL — تنظیمات عمومی فارسی
+. GLOBAL
-    ========================================================= */
+    --------------------------------------------------------- */
 html {
@@ خط ۶۴: / خط ۴۵: @@
      direction: rtl;
      text-align: right;
+    background: var(--wd-bg);
+    color: var(--wd-text);
      font-family:
          "Vazirmatn",
+        "IRANSansX",
          "IRANSans",
-        "IRANSansX",
          Tahoma,
          Arial,
          sans-serif;
-    color: var(--law-text);
-    background: var(--law-bg);
-    line-height: 2;
      font-size: 16px;
-     -webkit-font-smoothing: antialiased;
+     line-height: 1.95;
-    text-rendering: optimizeLegibility;
 }
-/* لینک‌ها */
+/* ---------------------------------------------------------
+. LINKS
+   --------------------------------------------------------- */
 a {
-     color: var(--law-link);
+     color: var(--wd-link);
-    text-decoration: none;
 }
 a:hover {
-     color: var(--law-primary-dark);
+     color: var(--wd-primary-dark);
-    text-decoration: underline;
 }
-a:visited {
-     color: #496f7c;
+/* ---------------------------------------------------------
+. PAGE BACKGROUND
+   --------------------------------------------------------- */
+#mw-page-base {
+     background:
+        linear-gradient(
+            to bottom,
+            #edf7f5 0,
+            #ffffff 150px
+        ) !important;
 }
-/* متن انتخاب‌شده */
+/* ---------------------------------------------------------
+. MAIN PAGE CONTAINER
+   --------------------------------------------------------- */
-::selection {
+#content {
-     background: var(--law-primary-light);
+     background: #ffffff;
-     color: var(--law-primary-dark);
+    border: 1px solid var(--wd-border);
+    border-radius: var(--wd-radius);
+     box-shadow: var(--wd-shadow);
 }
-/* =========================================================
+/* ---------------------------------------------------------
-. TYPOGRAPHY — تایپوگرافی
+. MAIN CONTENT
-    ========================================================= */
+    --------------------------------------------------------- */
+#bodyContent,
+.mw-body-content {
+    font-family:
+        "Vazirmatn",
+        "IRANSansX",
+        "IRANSans",
+        Tahoma,
+        Arial,
+        sans-serif;
+    color: var(--wd-text);
-.mw-body {
+     line-height: 2;
-     font-size: 16px;
 }
-.mw-body h1,
-.mw-body h2,
+/* ---------------------------------------------------------
-.mw-body h3,
+. PAGE TITLE
-.mw-body h4,
+   --------------------------------------------------------- */
-.mw-body h5,
-.mw-body h6 {
+#firstHeading {
+    color: var(--wd-primary-dark);
      font-family:
          "Vazirmatn",
+        "IRANSansX",
          "IRANSans",
          Tahoma,
@@ خط ۱۳۱: / خط ۱۴۱: @@
          sans-serif;
-     color: var(--law-text);
+     font-size: 30px;
-     font-weight: 700;
+     font-weight: 800;
-     line-height: 1.7;
+     line-height: 1.6;
      border-bottom: none;
-}
-.mw-body h1 {
+     margin-bottom: 24px;
-     font-size: 30px;
-    color: var(--law-primary-dark);
 }
-.mw-body h2 {
-    font-size: 24px;
-    margin-top: 36px;
-    padding-bottom: 10px;
-    border-bottom: 1px solid var(--law-border);
+/* ---------------------------------------------------------
-}
+. HEADINGS
+   --------------------------------------------------------- */
-.mw-body h3 {
+.mw-body-content h2 {
-    font-size: 20px;
+     color: var(--wd-primary-dark);
-     color: var(--law-primary-dark);
-     margin-top: 28px;
+     font-size: 23px;
-}
-.mw-body h4 {
+     font-weight: 800;
-     font-size: 18px;
-}
+    border-bottom:
+px solid var(--wd-primary-soft);
-/* =========================================================
+    padding-bottom: 8px;
-. MAIN CONTENT — محدوده اصلی سایت
-   ========================================================= */
-.mw-body {
+    margin-top: 34px;
-    background: var(--law-bg);
 }
+.mw-body-content h3 {
+    color: var(--wd-primary);
-/* فضای اطراف محتوای اصلی */
+    font-size: 20px;
-.mw-body-content {
+     font-weight: 700;
-     max-width: var(--law-content-width);
-    margin-left: auto;
+     margin-top: 28px;
-     margin-right: auto;
 }
+.mw-body-content h4 {
+    color: var(--wd-text);
+    font-size: 18px;
+}
-/* =========================================================
-. HEADER / VECTOR
-   ========================================================= */
-/* ظاهر کلی هدر */
+/* ---------------------------------------------------------
+. HEADER
+   --------------------------------------------------------- */
-.vector-header {
+#mw-head {
      font-family:
          "Vazirmatn",
+        "IRANSansX",
          "IRANSans",
          Tahoma,
@@ خط ۱۹۸: / خط ۲۰۴: @@
-/* نام سایت */
+/* Header background */
-.vector-menu-portal .vector-menu-heading {
+#mw-head {
-     font-weight: 700;
+     background: #ffffff;
 }
-/* منوها */
+/* ---------------------------------------------------------
+. PERSONAL MENU
+   --------------------------------------------------------- */
-.vector-menu-portal {
+#p-personal {
-     font-size: 14px;
+     font-size: 13px;
 }
+#p-personal a {
-/* لینک‌های منو */
+     color: var(--wd-text-soft);
-.vector-menu-portal a {
-     color: var(--law-text-soft);
 }
-.vector-menu-portal a:hover {
+#p-personal a:hover {
-     color: var(--law-primary);
+     color: var(--wd-primary);
 }
-/* =========================================================
+/* ---------------------------------------------------------
-. SEARCH — جستجوی سایت
+. SEARCH BOX
-    ========================================================= */
+    --------------------------------------------------------- */
 #p-search {
      font-family:
          "Vazirmatn",
+        "IRANSansX",
          "IRANSans",
          Tahoma,
@@ خط ۲۳۹: / خط ۲۴۵: @@
      font-family:
          "Vazirmatn",
+        "IRANSansX",
          "IRANSans",
          Tahoma,
@@ خط ۲۴۴: / خط ۲۵۱: @@
          sans-serif;
-     font-size: 15px;
+     font-size: 14px;
+    border:
+px solid var(--wd-border);
+    border-radius: 8px;
+    background: #ffffff;
-     border: 1px solid var(--law-border);
+     color: var(--wd-text);
-    border-radius: var(--law-radius-small);
-     padding: 8px 14px;
+     padding: 8px 12px;
      transition:
-         border-color 0.2s ease,
+         border-color .2s ease,
-         box-shadow 0.2s ease;
+         box-shadow .2s ease;
 }
 #searchInput:focus {
-     border-color: var(--law-primary);
+     border-color: var(--wd-primary);
      box-shadow:
-0 0 3px rgba(22, 132, 119, 0.12);
+0 0 3px rgba(22,132,119,.12);
      outline: none;
@@ خط ۲۶۶: / خط ۲۷۹: @@
-/* =========================================================
+/* ---------------------------------------------------------
-. PAGE TITLE — عنوان صفحات
+. SEARCH BUTTON
-    ========================================================= */
+    --------------------------------------------------------- */
+#searchButton {
+    border-radius: 8px;
+    border-color: var(--wd-primary);
+    color: var(--wd-primary);
+}
+/* ---------------------------------------------------------
+. TOP NAVIGATION
+   --------------------------------------------------------- */
+#mw-panel {
+    font-family:
+        "Vazirmatn",
+        "IRANSansX",
+        "IRANSans",
+        Tahoma,
+        Arial,
+        sans-serif;
+}
+/* Sidebar headings */
+#mw-panel .portal h3 {
+    color: var(--wd-primary-dark);
-#firstHeading {
+     font-size: 14px;
-     color: var(--law-primary-dark);
      font-weight: 800;
+}
+/* Sidebar links */
-     line-height: 1.6;
+#mw-panel .portal a {
+     color: var(--wd-text-soft);
-     margin-bottom: 24px;
+     font-size: 14px;
 }
+#mw-panel .portal a:hover {
+    color: var(--wd-primary);
+    text-decoration: none;
+}
-/* =========================================================
-. LAW PAGE — صفحه ماده قانونی
-   ========================================================= */
-.law-page {
+/* ---------------------------------------------------------
-    direction: rtl;
+. PORTLET MENUS
-    text-align: right;
+   --------------------------------------------------------- */
+.vector-menu-portal {
      font-family:
          "Vazirmatn",
+        "IRANSansX",
          "IRANSans",
          Tahoma,
          Arial,
          sans-serif;
+}
-    line-height: 2;
-    color: var(--law-text);
+/* ---------------------------------------------------------
-}
+. CONTENT LINKS
+   --------------------------------------------------------- */
+.mw-body-content a {
+    color: var(--wd-link);
-/* عنوان قانون */
+    transition:
+        color .15s ease;
-.law-page .law-title {
-    margin-bottom: 24px;
 }
+.mw-body-content a:hover {
+    color: var(--wd-primary-dark);
-/* =========================================================
+    text-decoration: underline;
-. ARTICLE BOX — جعبه ماده
+}
-   ========================================================= */
-.law-article-box {
-    position: relative;
-    background:
+/* ---------------------------------------------------------
-        linear-gradient(
+. PARAGRAPHS
-deg,
+   --------------------------------------------------------- */
-            #f7fcfb 0%,
-            #edf8f5 100%
-        );
-    border: 1px solid #d5e9e5;
+.mw-body-content p {
-     border-right: 6px solid var(--law-primary);
+     margin-top: 0;
-     border-radius: var(--law-radius);
+     margin-bottom: 16px;
+}
-    padding: 24px 28px;
-    margin: 24px 0;
+/* ---------------------------------------------------------
+. LISTS
+   --------------------------------------------------------- */
-    box-shadow: var(--law-shadow);
+.mw-body-content ul,
+.mw-body-content ol {
+    padding-right: 28px;
-     transition:
+     padding-left: 0;
-        box-shadow 0.2s ease,
-        transform 0.2s ease;
 }
-.law-article-box:hover {
+.mw-body-content li {
-     box-shadow: var(--law-shadow-hover);
+     margin-bottom: 7px;
 }
-/* شماره ماده */
+/* ---------------------------------------------------------
+. TABLE OF CONTENTS
+   --------------------------------------------------------- */
+#toc {
+    background: var(--wd-bg-soft);
+    border:
+px solid var(--wd-border);
+    border-right:
+px solid var(--wd-primary);
+    border-radius:
+        var(--wd-radius);
+    padding: 15px 20px;
-.law-article-number {
+    box-shadow:
-    display: inline-block;
+2px 10px rgba(20,60,55,.04);
+}
-     color: var(--law-primary-dark);
+#toc .toctitle {
+     color: var(--wd-primary-dark);
-    font-size: 18px;
      font-weight: 800;
+}
-    margin-bottom: 10px;
+/* ---------------------------------------------------------
-}
+. CATEGORIES
+   --------------------------------------------------------- */
+.catlinks {
+    background: var(--wd-bg-soft);
-/* متن ماده */
+    border:
+px solid var(--wd-border);
-.law-article-text {
+    border-radius:
-    color: #173b38;
+px;
-     font-size: 17px;
+     padding: 10px 14px;
-     line-height: 2.25;
+     margin-top: 30px;
-     text-align: justify;
+     font-size: 13px;
 }
-/* =========================================================
+/* ---------------------------------------------------------
-. RELATED LAWS — مواد مرتبط
+. FOOTER
-    ========================================================= */
+    --------------------------------------------------------- */
-.related-laws-box {
+#footer {
-     background: var(--law-gold-light);
+     font-family:
+        "Vazirmatn",
+        "IRANSansX",
+        "IRANSans",
+        Tahoma,
+        Arial,
+        sans-serif;
-     border: 1px solid #eee5ce;
+     color: var(--wd-text-soft);
-    border-right: 5px solid var(--law-gold);
-     border-radius: var(--law-radius);
+     border-top:
+px solid var(--wd-border);
-     padding: 20px 24px;
+     margin-top: 40px;
+}
-     margin: 28px 0;
+#footer a {
+     color: var(--wd-link);
 }
-.related-laws-box .box-title {
-    color: #80641f;
-    font-weight: 800;
+/* ---------------------------------------------------------
+. EDIT / TOOL LINKS
+   --------------------------------------------------------- */
-     margin-bottom: 12px;
+#p-cactions a,
+#p-views a,
+#p-cactions li,
+#p-views li {
+     font-family:
+        "Vazirmatn",
+        "IRANSansX",
+        "IRANSans",
+        Tahoma,
+        Arial,
+        sans-serif;
 }
-.related-laws-box ul {
-     margin: 0;
+/* ---------------------------------------------------------
-     padding-right: 20px;
+. EDIT SECTION
+   --------------------------------------------------------- */
+.mw-editsection {
+     font-size: 12px;
+     font-weight: normal;
 }
-.related-laws-box li {
+.mw-editsection a {
-     margin-bottom: 7px;
+     color: var(--wd-link);
 }
-.related-laws-box a {
-    color: var(--law-link);
-    font-weight: 600;
-}
+/* ---------------------------------------------------------
+. BLOCKQUOTES
+   --------------------------------------------------------- */
+blockquote {
+    background:
+        var(--wd-bg-soft);
-/* توضیح کنار لینک */
+    border-right:
+px solid var(--wd-primary);
-.related-laws-description {
+    border-left:
-    color: var(--law-text-soft);
+        none;
-     font-size: 14px;
+     border-radius:
-}
+px;
+    padding:
+px 18px;
-/* =========================================================
+    color:
-. EXPLANATION — شرح ماده
+        var(--wd-text-soft);
-   ========================================================= */
+}
-.explanation-box {
-    background: #ffffff;
-    border: 1px solid var(--law-border);
+/* ---------------------------------------------------------
-    border-right: 5px solid var(--law-primary);
+. TABLES
+   --------------------------------------------------------- */
-     border-radius: var(--law-radius);
+.wikitable {
+     border:
+px solid var(--wd-border);
-     padding: 24px 28px;
+     border-collapse:
+        collapse;
-     margin: 28px 0;
+     width: 100%;
-     box-shadow: var(--law-shadow);
+     font-family:
+        "Vazirmatn",
+        "IRANSansX",
+        "IRANSans",
+        Tahoma,
+        Arial,
+        sans-serif;
 }
-.explanation-box .box-title {
+.wikitable th {
-     color: var(--law-primary-dark);
+     background:
+        var(--wd-primary-soft);
-     font-size: 20px;
+     color:
-     font-weight: 800;
+        var(--wd-primary-dark);
+     border:
+px solid var(--wd-border);
-     margin-bottom: 18px;
+     padding:
+px 14px;
 }
-.explanation-box p {
+.wikitable td {
-     margin-top: 0;
+     border:
-     margin-bottom: 14px;
+px solid var(--wd-border);
+     padding:
+px 14px;
 }
-.explanation-box ul,
-.explanation-box ol {
+/* ---------------------------------------------------------
-     padding-right: 24px;
+. MOBILE
+   --------------------------------------------------------- */
+@media (max-width: 700px) {
+    body {
+        font-size: 15px;
+    }
+    #firstHeading {
+        font-size: 24px;
+    }
+    .mw-body-content h2 {
+        font-size: 20px;
+    }
+    .mw-body-content h3 {
+        font-size: 18px;
+    }
+     #content {
+        border-radius: 0;
+        border-left: none;
+        border-right: none;
+        box-shadow: none;
+    }
 }
+/* ---------------------------------------------------------
+. TEST MARKER
+   --------------------------------------------------------- */
+/*
+   اگر این فایل درست بارگذاری شده باشد،
+   رنگ عنوان صفحه باید سبز تیره شود.
+*/
 /* =========================================================
-. JUDGMENT — رأی قضایی
+    WIKIDAD — HOMEPAGE
+   صفحه اصلی ویکی‌داد
     ========================================================= */
-.judgment-box {
+.wd-home {
-     background: var(--law-blue-light);
+     direction: rtl;
+    max-width: 1180px;
+    margin: -8px auto 40px;
+    color: #263238;
+}
-    border: 1px solid #d9e6f1;
+/* ---------- Hero ---------- */
-    border-right: 5px solid var(--law-blue);
-     border-radius: var(--law-radius);
+.wd-hero {
+    position: relative;
+    overflow: hidden;
+    padding: 48px 42px 44px;
+    margin-bottom: 38px;
+     border-radius: 20px;
+    background: linear-gradient(135deg, #0f665d 0%, #168477 55%, #23978a 100%);
+    color: #fff;
+    box-shadow: 0 8px 30px rgba(20, 70, 65, 0.16);
+}
-     padding: 20px 24px;
+.wd-hero::before {
+    content: "§";
+    position: absolute;
+    left: 45px;
+    top: -25px;
+    font-family: Georgia, serif;
+    font-size: 190px;
+    line-height: 1;
+    color: rgba(255,255,255,0.07);
+     pointer-events: none;
+}
-     margin: 24px 0;
+.wd-hero-title {
+    position: relative;
+    z-index: 1;
+     margin-bottom: 5px;
+    font-size: 42px;
+    font-weight: 800;
+    letter-spacing: -1px;
+}
-     box-shadow: var(--law-shadow);
+.wd-hero-subtitle {
+    position: relative;
+     z-index: 1;
+    margin-bottom: 30px;
+    font-size: 18px;
+    font-weight: 400;
+    color: rgba(255,255,255,0.92);
 }
-.judgment-box .box-title {
+/* ---------- Search ---------- */
-    color: #275d8b;
-     font-weight: 800;
+.wd-search-box {
+    position: relative;
+    z-index: 2;
+     max-width: 780px;
+}
+.wd-search-box .mw-inputbox-form {
+    display: flex;
+    align-items: stretch;
+    gap: 8px;
+}
-     margin-bottom: 12px;
+.wd-search-box input[type="text"] {
+    flex: 1;
+    min-width: 0;
+    height: 54px;
+    padding: 0 20px;
+    border: 0;
+    border-radius: 11px;
+    background: #fff;
+    color: #263238;
+    font-family: inherit;
+    font-size: 16px;
+     box-shadow: 0 3px 15px rgba(0,0,0,0.12);
 }
-.judgment-box .judgment-number {
+.wd-search-box input[type="text"]::placeholder {
-     color: var(--law-blue);
+     color: #8a9699;
+}
+.wd-search-box input[type="submit"] {
+    height: 54px;
+    padding: 0 28px;
+    border: 0;
+    border-radius: 11px;
+    background: #c49a3a;
+    color: #fff;
+    font-family: inherit;
+    font-size: 16px;
      font-weight: 700;
+    cursor: pointer;
+    transition: 0.2s ease;
 }
+.wd-search-box input[type="submit"]:hover {
+    background: #ad842c;
+    transform: translateY(-1px);
+}
-/* =========================================================
+/* ---------- Section titles ---------- */
-. ADVISORY OPINION — نظریه مشورتی
-   ========================================================= */
-.advisory-box {
+.wd-section-title {
-     background: #fbf6ed;
+     position: relative;
+    margin: 34px 0 18px;
+    padding-right: 15px;
+    color: #11695f;
+    font-size: 22px;
+    font-weight: 800;
+}
-     border: 1px solid #eee1c9;
+.wd-section-title::before {
-     border-right: 5px solid #a9783b;
+    content: "";
+     position: absolute;
+    right: 0;
+    top: 4px;
+    bottom: 4px;
+    width: 5px;
+     border-radius: 5px;
+    background: #c49a3a;
+}
-    border-radius: var(--law-radius);
+/* ---------- Main cards ---------- */
-     padding: 20px 24px;
+.wd-main-grid {
+     display: grid;
+    grid-template-columns: repeat(4, 1fr);
+    gap: 18px;
+}
-     margin: 24px 0;
+.wd-card {
+     position: relative;
+    min-height: 215px;
+    padding: 25px 22px;
+    border: 1px solid #e0e7e5;
+    border-radius: 15px;
+    background: #fff;
+    box-shadow: 0 4px 18px rgba(20,60,55,0.07);
+    transition: transform 0.2s ease, box-shadow 0.2s ease;
+}
-     box-shadow: var(--law-shadow);
+.wd-card:hover {
+    transform: translateY(-4px);
+     box-shadow: 0 9px 28px rgba(20,60,55,0.12);
 }
-.advisory-box .box-title {
+.wd-card-icon {
-     color: #825b2c;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 48px;
+    height: 48px;
+    margin-bottom: 17px;
+    border-radius: 12px;
+    background: #eef7f5;
+     color: #168477;
+    font-family: Georgia, serif;
+    font-size: 25px;
+    font-weight: 700;
+}
+.wd-card-title {
+    margin-bottom: 10px;
+    color: #11695f;
+    font-size: 18px;
      font-weight: 800;
+}
-     margin-bottom: 12px;
+.wd-card-text {
+    min-height: 62px;
+    color: #667477;
+    font-size: 14px;
+     line-height: 1.9;
 }
+.wd-card-link {
+    margin-top: 15px;
+    color: #176c88;
+    font-size: 13px;
+    font-weight: 700;
+}
-/* =========================================================
+/* رنگ اختصاصی کارت‌ها */
-. TERMS — تعریف اصطلاحات
-   ========================================================= */
-.term-box {
+.wd-courts .wd-card-icon {
-     background: var(--law-purple-light);
+     background: #eef4fa;
+    color: #3978ad;
+}
-     border: 1px solid #e2d9eb;
+.wd-opinions .wd-card-icon {
-     border-right: 5px solid var(--law-purple);
+     background: #f8f2e8;
+     color: #a9783b;
+}
-    border-radius: var(--law-radius);
+.wd-terms .wd-card-icon {
+    background: #f3eff8;
+    color: #8064a2;
+}
-    padding: 20px 24px;
+/* ---------- Popular laws ---------- */
-     margin: 24px 0;
+.wd-popular-grid {
+     display: grid;
+    grid-template-columns: repeat(4, 1fr);
+    gap: 15px;
+}
-     box-shadow: var(--law-shadow);
+.wd-popular-card {
+    padding: 20px;
+     border: 1px solid #e0e7e5;
+    border-radius: 13px;
+    background: #f8faf9;
+    transition: 0.2s ease;
 }
-.term-box .term-title {
+.wd-popular-card:hover {
-     color: #684d88;
+     background: #fff;
+    border-color: #b8d6d1;
+    box-shadow: 0 5px 18px rgba(20,60,55,0.08);
+}
+.wd-popular-card a {
+    display: block;
+    margin-bottom: 7px;
+    color: #176c88 !important;
+    font-size: 17px;
      font-weight: 800;
+}
-     font-size: 18px;
+.wd-popular-card span {
+    display: block;
+    color: #788487;
+     font-size: 12px;
+    line-height: 1.8;
+}
+/* ---------- Information boxes ---------- */
+.wd-info-row {
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    gap: 18px;
+    margin-top: 30px;
+}
+.wd-info-box {
+    padding: 23px 25px;
+    border: 1px solid #e1e7e5;
+    border-radius: 14px;
+    background: #fff;
+}
+.wd-info-title {
      margin-bottom: 8px;
+    color: #11695f;
+    font-size: 17px;
+    font-weight: 800;
 }
-.term-box .term-content {
+.wd-info-box p {
-     color: var(--law-text);
+    margin: 0;
+     color: #667477;
+    font-size: 14px;
+    line-height: 2;
 }
+/* ---------- Remove unnecessary margins inside homepage ---------- */
-/* =========================================================
+.wd-home p {
-. TEST BANK — بانک تست
+    margin-top: 0;
-   ========================================================= */
+}
-.test-bank {
+.wd-home a {
-     margin: 28px 0;
+     text-decoration: none;
 }
-.test-card {
+/* ---------- Responsive ---------- */
-    background: #ffffff;
-    border: 1px solid var(--law-border);
+@media (max-width: 1000px) {
-     border-right: 5px solid var(--law-primary);
+     .wd-main-grid,
+    .wd-popular-grid {
+        grid-template-columns: repeat(2, 1fr);
+    }
-    border-radius: var(--law-radius);
+}
-    padding: 20px 24px;
+@media (max-width: 650px) {
-     margin: 18px 0;
+     .wd-home {
+        margin: 0 8px 30px;
+    }
-     box-shadow: var(--law-shadow);
+     .wd-hero {
+        padding: 32px 22px;
+        border-radius: 15px;
+    }
+    .wd-hero-title {
+        font-size: 32px;
+    }
+    .wd-hero-subtitle {
+        font-size: 15px;
+    }
+    .wd-search-box .mw-inputbox-form {
+        display: block;
+    }
+    .wd-search-box input[type="text"],
+    .wd-search-box input[type="submit"] {
+        width: 100%;
+        box-sizing: border-box;
+    }
+    .wd-search-box input[type="submit"] {
+        margin-top: 8px;
+    }
+    .wd-main-grid,
+    .wd-popular-grid,
+    .wd-info-row {
+        grid-template-columns: 1fr;
+    }
-    transition:
-        box-shadow 0.2s ease,
-        transform 0.2s ease;
 }
-.test-card:hover {
-     box-shadow: var(--law-shadow-hover);
+/* =========================================================
+   WIKIDAD — CUSTOM SIDEBAR
+   ========================================================= */
+#mw-panel {
+    direction: rtl;
+     font-family: "Vazirmatn", "IRANSans", Tahoma, Arial, sans-serif;
 }
+/* عنوان‌های منو */
+#mw-panel .portal > h3,
+#mw-panel .vector-menu-heading {
+    margin: 18px 8px 8px;
+    padding: 8px 10px;
+    border-right: 4px solid #c49a3a;
+    border-radius: 0 6px 6px 0;
+    color: #11695f;
+    background: #f5f8f7;
+    font-size: 14px;
+    font-weight: 800;
+}
-/* تست مستند */
+/* حذف ظاهر پیش‌فرض لیست */
-.test-official {
+#mw-panel .portal ul,
-     border-right-color: var(--law-blue);
+#mw-panel .vector-menu-content-list {
+     margin: 0;
+    padding: 0;
 }
-.test-official .test-label {
+/* آیتم‌های منو */
-     color: var(--law-blue);
+#mw-panel .portal li,
+#mw-panel .vector-menu-content-list li {
+     margin: 3px 0;
 }
+/* لینک‌های منو */
-/* سؤال تألیفی */
+#mw-panel .portal a,
+#mw-panel .vector-menu-content-list a {
+    display: block;
+    margin: 0 5px;
+    padding: 9px 13px;
+    border-radius: 8px;
+    color: #3d5052;
+    font-size: 13px;
+    text-decoration: none;
+    transition: all 0.18s ease;
+}
-.test-authored {
+/* حالت Hover */
-     border-right-color: var(--law-purple);
+#mw-panel .portal a:hover,
+#mw-panel .vector-menu-content-list a:hover {
+     padding-right: 17px;
+    background: #eef6f4;
+    color: #11695f;
 }
-.test-authored .test-label {
+/* صفحه فعلی */
-     color: var(--law-purple);
+#mw-panel .portal .selected a,
+#mw-panel .vector-menu-content-list .selected a {
+    background: #e7f2ef;
+     color: #11695f;
+    font-weight: 700;
+    border-right: 3px solid #168477;
 }
+/* فاصله بین بخش‌ها */
-/* دام تستی */
+#mw-panel .portal {
+    margin-bottom: 12px;
+}
-.test-trap {
+/* ابزارها کمی کم‌رنگ‌تر */
-    border-right-color: var(--law-orange);
-    background: var(--law-orange-light);
+#p-tb a,
+#p-tb .vector-menu-content-list a {
+    color: #687678;
+    font-size: 12px;
 }
-.test-trap .test-label {
+/* در موبایل */
-    color: #a96512;
+@media (max-width: 720px) {
+    #mw-panel .portal a,
+    #mw-panel .vector-menu-content-list a {
+        padding: 10px 12px;
+    }
 }
+/* =========================================================
+   WIKIDAD — LAW ARTICLE BOX
+   ========================================================= */
-/* برچسب تست */
+.law-page {
+    direction: rtl;
+    text-align: right;
+    font-family: "Vazirmatn", "IRANSans", Tahoma, Arial, sans-serif;
+    line-height: 2;
+    color: #263238;
+}
-.test-label {
+.law-article-box {
-     display: inline-block;
+     direction: rtl;
+    text-align: right;
+    margin: 25px 0;
+    padding: 25px 28px;
+    background: linear-gradient(135deg, #f1f8f6, #ffffff);
+    border: 1px solid #dce9e6;
+    border-right: 6px solid #168477;
+    border-radius: 12px;
+    box-shadow: 0 4px 18px rgba(20, 60, 55, 0.07);
+}
-     font-size: 13px;
+.law-article-number {
+    margin-bottom: 12px;
+    color: #11695f;
+     font-size: 21px;
      font-weight: 800;
+}
-     margin-bottom: 8px;
+.law-article-text {
+    color: #263f3c;
+    font-size: 16px;
+     line-height: 2.2;
 }
+/* =========================================================
+   ویکی‌داد — تست‌های تعاملی
+   ========================================================= */
-/* متن سؤال */
+/* ---------------------------------------------------------
+   عنوان و نوع سؤال
+   --------------------------------------------------------- */
-.test-question {
+.wd-test-question {
-     font-size: 16px;
+     direction: rtl;
+    text-align: right;
+}
+.wd-test-source {
+    display: inline;
+    margin-right: 5px;
-     font-weight: 600;
+    font-size: 12px;
+     font-weight: normal;
-     line-height: 2;
+     color: #8064a2;
-     margin-bottom: 14px;
+     white-space: nowrap;
 }
-/* گزینه‌ها */
+/* ---------------------------------------------------------
+   گزینه‌های تست
+   --------------------------------------------------------- */
-.test-options {
+.wd-test-options {
-     margin: 12px 0;
+     display: flex;
+    flex-direction: column;
+    gap: 9px;
+}
-     padding-right: 20px;
+.wd-test-options ul {
+    margin: 0 !important;
+     padding: 0 !important;
 }
-.test-options li {
+.wd-test-options li {
-     margin-bottom: 6px;
+    list-style: none !important;
+     margin: 0 !important;
+    padding: 0 !important;
 }
-/* پاسخ */
+/* ---------------------------------------------------------
+   ظاهر اصلی گزینه
+   --------------------------------------------------------- */
+.wd-test-option {
+    display: flex;
+    align-items: center;
-.test-answer {
+    width: 100%;
-     background: var(--law-green-light);
+     box-sizing: border-box;
-     border-right: 4px solid var(--law-green);
+     padding: 12px 15px;
-     border-radius: var(--law-radius-small);
+    background: #ffffff;
+    border: 1px solid #dfe7e5;
+     border-radius: 8px;
-     padding: 14px 18px;
+     color: #37474f !important;
-     margin-top: 16px;
+     font-family:
+        "Vazirmatn",
+        "IRANSans",
+        Tahoma,
+        Arial,
+        sans-serif;
+    font-size: 15px;
+    line-height: 1.9;
+    text-align: right;
+    cursor: pointer;
+    user-select: none;
+    transition:
+        background 0.15s ease,
+        border-color 0.15s ease,
+        transform 0.15s ease;
 }
-/* نکته آزمونی */
+/* ---------------------------------------------------------
+   حالت Hover
+   --------------------------------------------------------- */
+.wd-test-option:hover {
+    background: #f7faf9;
+    border-color: #168477;
+    transform: translateY(-1px);
+}
-.exam-tip {
+/* ---------------------------------------------------------
-    background: #fff9e8;
+   مربع کنار گزینه
+   --------------------------------------------------------- */
-     border-right: 4px solid #d0a928;
+.wd-test-option::before {
+     content: "□";
-     border-radius: var(--law-radius-small);
+     flex: 0 0 auto;
-     padding: 14px 18px;
+     margin-left: 11px;
-     margin-top: 16px;
+     font-size: 21px;
+    line-height: 1;
-     color: #665315;
+     color: #78909c;
 }
-/* =========================================================
+/* ---------------------------------------------------------
-. COLLAPSIBLE SECTIONS — بخش‌های باز و بسته‌شونده
+    گزینه انتخاب‌شده
-    ========================================================= */
+    --------------------------------------------------------- */
-.law-page details {
+.wd-test-option.wd-selected::before {
-     background: #ffffff;
+     content: "☑";
+}
-    border: 1px solid var(--law-border);
-    border-radius: var(--law-radius);
+/* ---------------------------------------------------------
+   پاسخ صحیح
+   --------------------------------------------------------- */
-     margin: 18px 0;
+.wd-test-option.wd-correct {
+     background: #edf8f2;
+    border-color: #4b9b57;
-     box-shadow: 0 2px 10px rgba(20, 60, 55, 0.04);
+     color: #276b35 !important;
 }
-.law-page details summary {
+.wd-test-option.wd-correct::before {
-     cursor: pointer;
+     color: #4b9b57;
+}
-    padding: 15px 20px;
-    color: var(--law-primary-dark);
+/* ---------------------------------------------------------
+   پاسخ غلط
+   --------------------------------------------------------- */
-     font-weight: 800;
+.wd-test-option.wd-wrong {
+    background: #fff1f1;
+     border-color: #c85b5b;
-     list-style: none;
+     color: #9a3f3f !important;
 }
-.law-page details summary::-webkit-details-marker {
+.wd-test-option.wd-wrong::before {
-     display: none;
+     content: "☒";
+    color: #c85b5b;
 }
-.law-page details summary::before {
-    content: "‹";
-     display: inline-block;
+/* ---------------------------------------------------------
+   پیام نتیجه
+   --------------------------------------------------------- */
+.wd-test-result-message.wd-result-correct {
+     color: #287653;
+}
+.wd-test-result-message.wd-result-wrong {
+    color: #a04444;
+}
-    margin-left: 10px;
-    font-size: 20px;
+/* ---------------------------------------------------------
+   وقتی پاسخ صحیح داده شد
+   --------------------------------------------------------- */
-     transition: transform 0.2s ease;
+.wd-test.wd-test-finished .wd-test-option {
+     cursor: default;
 }
-.law-page details[open] summary::before {
+.wd-test.wd-test-finished .wd-test-option:hover {
-     transform: rotate(-90deg);
+     transform: none;
 }
-.law-page details > div {
-    padding: 0 20px 20px;
+/* =========================================================
-}
+   ویکی‌داد — Responsive Design
+   نسخه جامع برای موبایل، تبلت و دسکتاپ
+   ========================================================= */
 /* =========================================================
-. RELATED TOPICS — جستارهای وابسته
+. تنظیمات پایه
     ========================================================= */
-.related-topics {
+html {
-     background: var(--law-bg-soft);
+     box-sizing: border-box;
+}
-     border: 1px solid var(--law-border);
+*,
+*:before,
+*:after {
+     box-sizing: inherit;
+}
-     border-radius: var(--law-radius);
+img {
+     max-width: 100%;
+    height: auto;
+}
-     padding: 20px 24px;
+table {
+     max-width: 100%;
+}
-     margin: 28px 0;
+body {
+     overflow-x: hidden;
 }
-.related-topics-title {
-    font-weight: 800;
-     color: var(--law-text);
+/* =========================================================
+. محتوای اصلی ویکی
+   ========================================================= */
+.mw-body,
+#content,
+.mw-content-container {
+     max-width: 100%;
+}
+.mw-body {
+    overflow-wrap: break-word;
+}
-     margin-bottom: 10px;
+.mw-parser-output {
+     max-width: 100%;
 }
 /* =========================================================
-. LAW NAVIGATION — ماده قبل و بعد
+. صفحات حقوقی
     ========================================================= */
-.law-navigation {
+.law-page {
-     display: flex;
+     width: 100%;
+    max-width: 100%;
-     justify-content: space-between;
+    margin: 0 auto;
-     align-items: center;
+     padding: 0;
+    direction: rtl;
+    text-align: right;
+    font-family:
+        "Vazirmatn",
+        "IRANSans",
+        Tahoma,
+        Arial,
+        sans-serif;
+     line-height: 2;
+}
-    gap: 16px;
-    background: var(--law-primary-light);
+/* جلوگیری از بیرون‌زدگی عناصر */
-     border: 1px solid #d4ebe7;
+.law-page > *,
+.law-page div,
+.law-page section {
+     max-width: 100%;
+}
-    border-radius: var(--law-radius);
-    padding: 14px 18px;
+/* =========================================================
+. صفحه اصلی
+   ========================================================= */
-     margin: 32px 0;
+.wd-home {
+     width: 100%;
+    max-width: 100%;
+    direction: rtl;
+    text-align: right;
 }
-.law-navigation a {
-    color: var(--law-primary-dark);
-     font-weight: 700;
+/* گریدهای صفحه اصلی */
+.wd-main-grid,
+.wd-popular-grid {
+     width: 100%;
 }
-.law-navigation .current-article {
-    color: var(--law-text-soft);
-    font-size: 14px;
+/* جلوگیری از شکستن بد کارت‌ها */
-     text-align: center;
+.wd-main-grid > *,
+.wd-popular-grid > * {
+     min-width: 0;
 }
 /* =========================================================
-. LAW STATUS — وضعیت ماده
+. جعبه ماده
     ========================================================= */
-.law-status {
+.law-article-box {
-     display: inline-flex;
+    width: 100%;
+    max-width: 100%;
+    overflow: hidden;
+}
+.law-article-text {
+     overflow-wrap: break-word;
+    word-break: normal;
+}
+.law-article-number {
+    flex-shrink: 0;
+}
-    align-items: center;
-    gap: 6px;
+/* =========================================================
+. جعبه‌های محتوایی
+   ========================================================= */
-     padding: 4px 10px;
+.related-laws-box,
+.term-box,
+.judgment-box,
+.advisory-box,
+.explanation-box {
+     width: 100%;
+    max-width: 100%;
+    overflow: hidden;
+}
-    border-radius: 20px;
-    font-size: 12px;
+/* =========================================================
+. تیترهای داخل صفحات
+   ========================================================= */
-     font-weight: 700;
+.law-page h1,
+.law-page h2,
+.law-page h3,
+.law-page h4 {
+     overflow-wrap: break-word;
 }
-.law-status-valid {
+.law-page h2 {
-     background: var(--law-green-light);
+     line-height: 1.9;
-    color: #34743d;
 }
-.law-status-amended {
+.law-page h3 {
-     background: #fff6e6;
+     line-height: 2;
-    color: #946515;
 }
-.law-status-repealed {
-     background: #f7eeee;
+/* =========================================================
-    color: #9a4848;
+. لینک‌ها
+   ========================================================= */
+.law-page a {
+     overflow-wrap: break-word;
 }
 /* =========================================================
-. LAW INDEX — فهرست مواد قانون
+. جداول
     ========================================================= */
-.law-index {
+.law-page table {
-     margin: 30px 0;
+     width: 100%;
+    max-width: 100%;
+    border-collapse: collapse;
+}
+.law-page td,
+.law-page th {
+    overflow-wrap: break-word;
 }
-.law-index table {
+/* اگر جدول خیلی عریض باشد */
+.law-page .wikitable {
+    display: block;
      width: 100%;
+    overflow-x: auto;
+    -webkit-overflow-scrolling: touch;
+}
-    border-collapse: separate;
+/* =========================================================
-    border-spacing: 0;
+. تست‌ها
+   ========================================================= */
-     overflow: hidden;
+.wd-test {
+     width: 100%;
+    max-width: 100%;
+}
-     border: 1px solid var(--law-border);
+.wd-test-question {
+     overflow-wrap: break-word;
+}
-     border-radius: var(--law-radius);
+.wd-test-option {
+     min-width: 0;
+    overflow-wrap: break-word;
 }
-.law-index th {
+.wd-test-answer {
-     background: var(--law-primary);
+     max-width: 100%;
+    overflow-wrap: break-word;
+}
-    color: #ffffff;
-    font-weight: 700;
+/* =========================================================
+. Sidebar
+   ========================================================= */
-     padding: 12px 16px;
+#mw-panel {
+     max-width: 100%;
+}
-     text-align: right;
+.vector-menu-portal {
+     max-width: 100%;
 }
-.law-index td {
-    padding: 12px 16px;
-    border-bottom: 1px solid var(--law-border);
+/* =========================================================
+. فرم جستجو
+   ========================================================= */
-     background: #ffffff;
+input,
+textarea,
+select,
+button {
+     max-width: 100%;
 }
-.law-index tr:last-child td {
+input[type="search"],
-     border-bottom: none;
+input[type="text"] {
+     box-sizing: border-box;
 }
-.law-index tr:hover td {
-     background: var(--law-bg-soft);
+/* =========================================================
+. موبایل
+   حداکثر عرض 767px
+   ========================================================= */
+@media screen and (max-width: 767px) {
+    /* -----------------------------------------------------
+       بدنه
+       ----------------------------------------------------- */
+    body {
+        font-size: 16px;
+        overflow-x: hidden;
+    }
+    /* -----------------------------------------------------
+       محتوای اصلی
+       ----------------------------------------------------- */
+    .mw-body {
+        padding-left: 12px !important;
+        padding-right: 12px !important;
+    }
+    #content {
+        padding-left: 0 !important;
+        padding-right: 0 !important;
+    }
+    .mw-parser-output {
+        font-size: 16px;
+        line-height: 2.15;
+    }
+    /* -----------------------------------------------------
+       صفحه حقوقی
+       ----------------------------------------------------- */
+    .law-page {
+        font-size: 16px;
+        line-height: 2.15;
+    }
+    /* -----------------------------------------------------
+       تیترهای اصلی
+       ----------------------------------------------------- */
+    .law-page h1 {
+        font-size: 24px;
+        line-height: 1.8;
+    }
+    .law-page h2 {
+        font-size: 20px;
+        line-height: 1.9;
+        margin-top: 28px;
+        margin-bottom: 14px;
+    }
+    .law-page h3 {
+        font-size: 18px;
+        line-height: 1.9;
+    }
+    .law-page h4 {
+        font-size: 17px;
+        line-height: 1.9;
+    }
+    /* -----------------------------------------------------
+       جعبه ماده
+       ----------------------------------------------------- */
+    .law-article-box {
+        margin-top: 18px !important;
+        margin-bottom: 22px !important;
+        padding: 16px !important;
+        border-radius: 10px !important;
+    }
+    .law-article-number {
+        font-size: 18px !important;
+    }
+    .law-article-text {
+        font-size: 16px !important;
+        line-height: 2.3 !important;
+    }
+    /* -----------------------------------------------------
+       عنوان وضعیت ماده
+       ----------------------------------------------------- */
+    .law-article-box [style*="border-radius:16px"] {
+        font-size: 11px !important;
+        padding: 3px 9px !important;
+    }
+    /* -----------------------------------------------------
+       دکمه‌های قبل / فهرست / بعد
+       ----------------------------------------------------- */
+    .law-article-box [style*="justify-content:space-between"] {
+        gap: 6px !important;
+    }
+    .law-article-box [style*="justify-content:space-between"] > div {
+        font-size: 12px !important;
+    }
+    /* -----------------------------------------------------
+       شرح ماده
+       ----------------------------------------------------- */
+    .explanation-box {
+        margin-top: 22px !important;
+        margin-bottom: 22px !important;
+    }
+    /* -----------------------------------------------------
+       همه باکس‌های محتوایی
+       ----------------------------------------------------- */
+    .related-laws-box,
+    .term-box,
+    .judgment-box,
+    .advisory-box,
+    .explanation-box {
+        margin-top: 22px !important;
+        margin-bottom: 22px !important;
+    }
+    /* -----------------------------------------------------
+       متن داخل باکس‌ها
+       ----------------------------------------------------- */
+    .related-laws-box,
+    .term-box,
+    .judgment-box,
+    .advisory-box,
+    .explanation-box {
+        font-size: 15.5px;
+        line-height: 2.15;
+    }
+    /* -----------------------------------------------------
+       اصطلاحات
+       ----------------------------------------------------- */
+    .term-box {
+        padding-left: 0;
+        padding-right: 0;
+    }
+    /* -----------------------------------------------------
+       تست‌ها
+       ----------------------------------------------------- */
+    .wd-test {
+        margin-top: 25px !important;
+        margin-bottom: 28px !important;
+    }
+    .wd-test-question {
+        font-size: 17px !important;
+        line-height: 2.2 !important;
+    }
+    .wd-test-source {
+        font-size: 11px !important;
+        margin-right: 4px !important;
+    }
+    .wd-test-option {
+        padding: 13px 13px !important;
+        font-size: 16px !important;
+        line-height: 2 !important;
+        min-height: 50px;
+    }
+    .wd-test-option::before {
+        margin-left: 9px;
+        font-size: 21px;
+    }
+    .wd-test-result-message {
+        font-size: 15px !important;
+    }
+    .wd-test-answer {
+        font-size: 15px !important;
+    }
+    /* -----------------------------------------------------
+       صفحه اصلی
+       ----------------------------------------------------- */
+    .wd-home {
+        width: 100%;
+        font-size: 16px;
+    }
+    /* هیرو */
+    .wd-hero {
+        width: 100% !important;
+        padding: 24px 16px !important;
+        margin-bottom: 24px !important;
+    }
+    .wd-hero-title {
+        font-size: 28px !important;
+        line-height: 1.7 !important;
+    }
+    .wd-hero-subtitle {
+        font-size: 15px !important;
+        line-height: 2 !important;
+    }
+    /* -----------------------------------------------------
+       جستجوی صفحه اصلی
+       ----------------------------------------------------- */
+    .wd-search-box {
+        width: 100% !important;
+        max-width: 100% !important;
+        margin-top: 18px !important;
+    }
+    .wd-search-box form {
+        width: 100% !important;
+    }
+    .wd-search-box input[type="search"],
+    .wd-search-box input[type="text"] {
+        width: 100% !important;
+        max-width: 100% !important;
+        min-height: 48px !important;
+        font-size: 16px !important;
+    }
+    .wd-search-box input[type="submit"],
+    .wd-search-box button {
+        min-height: 46px !important;
+        font-size: 15px !important;
+    }
+    /* -----------------------------------------------------
+       گریدهای صفحه اصلی
+       ----------------------------------------------------- */
+    .wd-main-grid,
+    .wd-popular-grid {
+        display: grid !important;
+        grid-template-columns: 1fr !important;
+        gap: 12px !important;
+    }
+    /* -----------------------------------------------------
+       کارت‌های صفحه اصلی
+       ----------------------------------------------------- */
+    .wd-main-grid > *,
+    .wd-popular-grid > * {
+        width: 100% !important;
+        min-width: 0 !important;
+    }
+    /* -----------------------------------------------------
+       عنوان بخش‌های صفحه اصلی
+       ----------------------------------------------------- */
+     .wd-section-title {
+        font-size: 19px !important;
+        line-height: 1.9 !important;
+        margin-top: 26px !important;
+        margin-bottom: 14px !important;
+    }
+    /* -----------------------------------------------------
+       اطلاعات پایین صفحه اصلی
+       ----------------------------------------------------- */
+    .wd-info-row {
+        display: grid !important;
+        grid-template-columns: 1fr !important;
+        gap: 12px !important;
+    }
+    /* -----------------------------------------------------
+       منوها
+       ----------------------------------------------------- */
+    .vector-menu-portal {
+        font-size: 15px;
+    }
+    .vector-menu-portal a {
+        line-height: 2;
+    }
+    /* -----------------------------------------------------
+       تصاویر
+       ----------------------------------------------------- */
+    .mw-parser-output img {
+        max-width: 100%;
+        height: auto;
+    }
+    /* -----------------------------------------------------
+       کدها
+       ----------------------------------------------------- */
+    pre,
+    code {
+        max-width: 100%;
+        overflow-x: auto;
+    }
+    pre {
+        font-size: 13px;
+        line-height: 1.8;
+    }
+    /* -----------------------------------------------------
+       نقل‌قول
+       ----------------------------------------------------- */
+    blockquote {
+        margin-left: 0;
+        margin-right: 0;
+        padding-left: 12px;
+        padding-right: 12px;
+    }
+    /* -----------------------------------------------------
+       لیست‌ها
+       ----------------------------------------------------- */
+    .law-page ul,
+    .law-page ol {
+        padding-right: 24px;
+        padding-left: 0;
+    }
+    /* -----------------------------------------------------
+       جلوگیری از بزرگ شدن عرض صفحه
+       ----------------------------------------------------- */
+    .mw-parser-output > div,
+    .mw-parser-output > section {
+        max-width: 100%;
+    }
 }
 /* =========================================================
-. GENERAL TABLES — جداول عمومی
+. موبایل خیلی کوچک
+   حداکثر عرض 480px
     ========================================================= */
-.mw-body table.wikitable {
+@media screen and (max-width: 480px) {
-     border: 1px solid var(--law-border);
+    body {
+        font-size: 16px;
+    }
+    .mw-parser-output {
+        font-size: 16px;
+    }
+    .law-page {
+        font-size: 16px;
+    }
+    /* عنوان ماده */
+    .law-article-number {
+        font-size: 17px !important;
+    }
+    /* متن ماده */
+    .law-article-text {
+        font-size: 16px !important;
+        line-height: 2.25 !important;
+    }
+    /* عنوان تست */
+    .wd-test-question {
+        font-size: 16px !important;
+        line-height: 2.2 !important;
+    }
+    /* منبع تست */
+     .wd-test-source {
+        font-size: 10.5px !important;
+    }
+    /* گزینه‌ها */
+    .wd-test-option {
+        padding: 12px !important;
+        font-size: 15.5px !important;
+        line-height: 2 !important;
+    }
+    /* هیرو */
+    .wd-hero {
+        padding: 20px 14px !important;
+    }
-    border-collapse: collapse;
-     width: 100%;
+     .wd-hero-title {
+        font-size: 25px !important;
+    }
-    margin: 24px 0;
-     font-size: 15px;
+     .wd-hero-subtitle {
-}
+        font-size: 14px !important;
+    }
-.mw-body table.wikitable th {
-    background: var(--law-primary-light);
-     color: var(--law-primary-dark);
+     /* باکس ماده */
-     font-weight: 700;
+     .law-article-box {
+        padding: 14px !important;
+    }
-    border: 1px solid var(--law-border);
-     padding: 10px 14px;
+     /* فاصله‌های داخلی */
-}
-.mw-body table.wikitable td {
+    .law-page [style*="padding:22px"],
-    border: 1px solid var(--law-border);
+    .law-page [style*="padding:24px"] {
+        padding: 16px !important;
+    }
-    padding: 10px 14px;
-}
-.mw-body table.wikitable tr:nth-child(even) td {
-    background: #fbfcfc;
 }
 /* =========================================================
-. BLOCKQUOTES — نقل قول
+. تبلت
+تا 1023 پیکسل
     ========================================================= */
-blockquote {
+@media screen and (min-width: 768px) and (max-width: 1023px) {
-     background: var(--law-bg-soft);
+    body {
+        font-size: 16px;
+    }
+     .mw-body {
+        padding-left: 24px !important;
+        padding-right: 24px !important;
+    }
+    .law-page {
+        font-size: 16px;
+    }
+    .law-article-text {
+        font-size: 16px;
+        line-height: 2.2;
+    }
-     border-right: 4px solid var(--law-primary);
+     .wd-main-grid {
+        grid-template-columns: repeat(2, 1fr) !important;
+    }
-    border-left: none;
-     border-radius: var(--law-radius-small);
+     .wd-popular-grid {
+        grid-template-columns: repeat(2, 1fr) !important;
+    }
-    margin: 24px 0;
-     padding: 16px 20px;
+     .wd-test-option {
+        font-size: 15px;
+    }
-    color: var(--law-text-soft);
 }
 /* =========================================================
-. NOTICE / INFO BOXES
+. بهبود لمس در موبایل
     ========================================================= */
-.law-info-box {
+@media (hover: none) and (pointer: coarse) {
-    background: var(--law-blue-light);
-     border-right: 5px solid var(--law-blue);
+     a {
+        -webkit-tap-highlight-color: rgba(22, 132, 119, 0.12);
+    }
+    .wd-test-option {
+        min-height: 50px;
+    }
-    border-radius: var(--law-radius);
-     padding: 18px 22px;
+     button,
+    input[type="submit"],
+    input[type="button"] {
+        min-height: 44px;
+    }
-    margin: 22px 0;
 }
-.law-warning-box {
-    background: var(--law-orange-light);
-    border-right: 5px solid var(--law-orange);
+/* =========================================================
+. جلوگیری از اسکرول افقی ناخواسته
+   ========================================================= */
-    border-radius: var(--law-radius);
+@media screen and (max-width: 767px) {
-     padding: 18px 22px;
+     #mw-page-base,
+    #mw-head-base,
+    #mw-head,
+    #content,
+    #footer,
+    .mw-body,
+    .mw-parser-output,
+    .law-page,
+    .wd-home {
+        max-width: 100vw;
+    }
-    margin: 22px 0;
 }
-.law-success-box {
+/* =========================================================
-    background: var(--law-green-light);
+   ویکی‌داد — مخفی کردن Sidebar در موبایل
+   ========================================================= */
-    border-right: 5px solid var(--law-green);
+@media screen and (max-width: 767px) {
-     border-radius: var(--law-radius);
+     /* سایدبار اصلی Vector */
+    #mw-panel {
+        display: none !important;
+    }
-     padding: 18px 22px;
+     /* جلوگیری از رزرو فضای سایدبار */
+    #content,
+    .mw-body,
+    .mw-workspace-container,
+    .mw-body-content {
+        margin-right: 0 !important;
+        margin-left: 0 !important;
+    }
+    /* محتوای اصلی تمام عرض */
+    #content {
+        width: 100% !important;
+        max-width: 100% !important;
+    }
+    .mw-body {
+        width: 100% !important;
+        max-width: 100% !important;
+    }
-    margin: 22px 0;
 }
 /* =========================================================
-. BREADCRUMBS / CATEGORIES
+    ویکی‌داد — فهرست مواد قوانین
+   ساختار:
+   قانون → فصل → مبحث → ماده
     ========================================================= */
-.mw-indicators {
+/* =========================================================
+   صفحه فهرست قانون
+   ========================================================= */
+.wd-law-index {
      direction: rtl;
+    text-align: right;
+    margin: 30px 0;
+    font-family: "Vazirmatn", "IRANSans", Tahoma, Arial, sans-serif;
+    color: #263238;
 }
-.catlinks {
-    background: var(--law-bg-soft);
-     border: 1px solid var(--law-border);
+/* =========================================================
+   سربرگ قانون
+   ========================================================= */
+.wd-law-index-head {
+    padding: 22px 24px 20px;
+    background: #f4f8f7;
+     border: 1px solid #dfe7e5;
+    border-right: 6px solid #168477;
+    border-radius: 12px;
+    box-shadow: 0 3px 14px rgba(20, 60, 55, 0.05);
+}
-     border-radius: var(--law-radius-small);
+.wd-law-index-title {
+     font-size: 24px;
+    font-weight: 800;
+    color: #11695f;
+    line-height: 1.9;
+}
-     padding: 10px 14px;
+.wd-law-index-description {
+     margin-top: 5px;
+    font-size: 14px;
+    color: #607d8b;
+    line-height: 2;
+}
-     margin-top: 28px;
+.wd-law-index-meta {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    gap: 8px;
+     margin-top: 15px;
+    font-size: 12px;
+    color: #687980;
+}
-     font-size: 13px;
+.wd-law-index-meta > span:not(.wd-law-index-status) {
+    padding-left: 12px;
+     border-left: 1px solid #d5dfdc;
 }
 /* =========================================================
-. FOOTER
+    وضعیت قانون
     ========================================================= */
-.mw-footer {
+.wd-law-index-status {
-     font-family:
+    display: inline-block;
-        "Vazirmatn",
+    padding: 3px 10px;
-        "IRANSans",
+    border-radius: 14px;
-        Tahoma,
+     font-weight: bold;
-        Arial,
+    line-height: 1.6;
-        sans-serif;
+}
+.wd-law-index-status.معتبر {
+    background: #edf7f2;
+    border: 1px solid #c9e5d8;
+    color: #287653;
+}
-    color: var(--law-text-soft);
+.wd-law-index-status.اصلاح‌شده {
+    background: #fff8e8;
+    border: 1px solid #ead9a9;
+    color: #80651f;
 }
-.mw-footer a {
+.wd-law-index-status.منسوخ {
-     color: var(--law-link);
+    background: #f9eeee;
+    border: 1px solid #e4c8c8;
+     color: #9a4545;
 }
 /* =========================================================
-. EDITOR / EDIT MODE
+    فصل
     ========================================================= */
-.mw-editsection {
+.wd-law-chapter {
+    margin: 34px 0 0;
+}
+.wd-law-chapter-clickable {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 15px;
+    width: 100%;
+    box-sizing: border-box;
+    padding: 15px 8px 14px;
+    border-top: 2px solid #168477;
+    border-bottom: 1px solid #dfe7e5;
+    text-decoration: none !important;
+    color: inherit !important;
+    cursor: pointer;
+    transition:
+        background 0.15s ease,
+        padding 0.15s ease;
+}
+.wd-law-chapter-clickable:hover {
+    background: #f6faf8;
+    padding-right: 14px;
+    padding-left: 2px;
+}
+.wd-law-chapter-main {
+    flex: 1;
+    min-width: 0;
+}
+.wd-law-chapter-title {
+    display: block;
+    font-size: 18px;
+    font-weight: 800;
+    color: #11695f;
+    line-height: 1.9;
+}
+.wd-law-chapter-description {
+    display: block;
+    margin-top: 3px;
      font-size: 12px;
+    color: #7b898f;
-     margin-right: 8px;
+     line-height: 1.9;
 }
-.mw-editsection a {
+.wd-law-chapter-arrow {
-     color: var(--law-link);
+    flex: 0 0 auto;
+     color: #9aa8ad;
+    font-size: 17px;
+}
+.wd-law-chapter-clickable:hover .wd-law-chapter-arrow {
+    color: #168477;
 }
 /* =========================================================
-. CODE / TECHNICAL CONTENT
+    مبحث
     ========================================================= */
-code,
+.wd-law-topic {
-pre,
+    margin: 18px 0 0;
-.mw-code {
+}
-     direction: ltr;
+.wd-law-topic-clickable {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 15px;
+    width: 100%;
+    box-sizing: border-box;
+    padding: 13px 16px;
+    background: #f8f6f1;
+    border: 1px solid #e5dfd2;
+    border-right: 4px solid #c49a3a;
+    border-radius: 8px;
+    text-decoration: none !important;
+    color: inherit !important;
+    cursor: pointer;
+    transition:
+        background 0.15s ease,
+        border-color 0.15s ease,
+        transform 0.15s ease;
+}
+.wd-law-topic-clickable:hover {
+    background: #fbf9f4;
+    border-right-color: #a98128;
+    transform: translateX(-2px);
+}
+.wd-law-topic-main {
+    flex: 1;
+    min-width: 0;
+}
+.wd-law-topic-title {
+     display: block;
-     text-align: left;
+     font-size: 15px;
+    font-weight: 800;
-     font-family:
+     color: #765b1e;
-        Consolas,
-        "Courier New",
+    line-height: 1.9;
-        monospace;
 }
-pre {
+.wd-law-topic-description {
-     border: 1px solid var(--law-border);
+     display: block;
-     border-radius: var(--law-radius-small);
+     margin-top: 2px;
-     background: #f6f8f8;
+     font-size: 12px;
+    color: #8a8175;
-     padding: 16px;
+     line-height: 1.9;
+}
-     overflow-x: auto;
+.wd-law-topic-arrow {
+     flex: 0 0 auto;
+    color: #b29a67;
+    font-size: 15px;
+}
+.wd-law-topic-clickable:hover .wd-law-topic-arrow {
+    color: #80651f;
 }
 /* =========================================================
-. LISTS — فهرست‌ها
+    سه ستون مواد
     ========================================================= */
-.mw-body ul,
+.wd-law-items-grid {
-.mw-body ol {
+    display: grid !important;
-     padding-right: 28px;
-     padding-left: 0;
+    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
-}
+     column-gap: 24px;
+     row-gap: 0;
+    width: 100%;
-.mw-body li {
+     margin-top: 12px;
-     margin-bottom: 5px;
 }
 /* =========================================================
-. REFERENCES — منابع و پانویس
+    هر ماده
     ========================================================= */
-.mw-references-wrap {
+.wd-law-items-grid > .wd-law-item {
-     background: var(--law-bg-soft);
+     display: block !important;
+    width: 100%;
+    min-width: 0;
+    margin: 0;
+}
+/* کل ردیف ماده */
+.wd-law-item-clickable {
+    display: flex;
+    align-items: center;
+    width: 100%;
+    min-height: 56px;
+    box-sizing: border-box;
+    gap: 9px;
+    padding: 8px 3px;
+    border-bottom: 1px solid #e7eceb;
+    text-decoration: none !important;
+    color: inherit !important;
+    cursor: pointer;
+    transition:
+        background 0.15s ease,
+        padding 0.15s ease;
+}
+.wd-law-item-clickable:hover {
+    background: #f7faf9;
+    padding-right: 8px;
+    padding-left: 0;
+}
+/* شماره ماده */
-    border: 1px solid var(--law-border);
+.wd-law-item-number {
+    flex: 0 0 54px;
-     border-radius: var(--law-radius);
+     font-size: 13px;
+    font-weight: 800;
-     padding: 18px 22px;
+     color: #176c88;
-     margin-top: 30px;
+     line-height: 1.8;
+    white-space: nowrap;
+}
+/* بخش متن */
+.wd-law-item-text {
+    flex: 1;
+    min-width: 0;
+    display: block;
 }
-.references {
-     font-size: 14px;
+/* عنوان */
-     line-height: 1.9;
+.wd-law-item-title {
+    display: block;
+     font-size: 13px;
+    font-weight: 700;
+    color: #37474f;
+     line-height: 1.8;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
 }
-/* =========================================================
+/* خلاصه */
-. MOBILE — موبایل
-   ========================================================= */
+.wd-law-item-summary {
+    display: block;
+    font-size: 12px;
+    color: #607d8b;
+    line-height: 1.8;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
-@media (max-width: 700px) {
-    body {
+/* وضعیت ماده */
-        font-size: 15px;
-    }
-    .mw-body h1,
+.wd-law-item-status {
-     #firstHeading {
+     flex: 0 0 auto;
-        font-size: 24px;
-    }
-     .mw-body h2 {
+     padding: 2px 6px;
-        font-size: 21px;
-    }
-     .mw-body h3 {
+     border-radius: 10px;
-        font-size: 18px;
-    }
-     .law-article-box {
+     font-size: 9px;
-        padding: 18px 18px;
+    font-weight: bold;
-        border-right-width: 4px;
+    line-height: 1.5;
-    }
-     .law-article-text {
+     white-space: nowrap;
-        font-size: 16px;
+}
-        line-height: 2.15;
+.wd-law-item-status.معتبر {
+    background: #edf7f2;
+    color: #287653;
+}
-        text-align: right;
+.wd-law-item-status.اصلاح‌شده {
-     }
+    background: #fff8e8;
+     color: #80651f;
+}
-    .related-laws-box,
+.wd-law-item-status.منسوخ {
-    .explanation-box,
+     background: #f9eeee;
-    .judgment-box,
+     color: #9a4545;
-     .advisory-box,
+}
-    .term-box,
-     .test-card {
-        padding: 17px 18px;
-    }
-    .law-navigation {
-        flex-direction: column;
-        align-items: stretch;
+/* فلش */
-        text-align: center;
+.wd-law-item-arrow {
-    }
+    flex: 0 0 auto;
-     .law-navigation a {
+     color: #a8b3b6;
-        display: block;
-        padding: 8px;
+    font-size: 13px;
-    }
+}
-    .law-index {
+.wd-law-item-clickable:hover .wd-law-item-arrow {
-        overflow-x: auto;
+    color: #168477;
-    }
+}
-    .law-index table {
-        min-width: 600px;
-    }
-    .mw-body table.wikitable {
+/* =========================================================
-        display: block;
+   حذف فاصله و بولت‌های اضافی MediaWiki
+   ========================================================= */
-        overflow-x: auto;
+.wd-law-index-content ul {
+    margin: 0 !important;
+    padding: 0 !important;
+    list-style: none !important;
+}
-        white-space: nowrap;
+.wd-law-index-content li {
-     }
+    margin: 0 !important;
+     padding: 0 !important;
+    list-style: none !important;
 }
 /* =========================================================
-. PRINT — نسخه چاپ
+    موبایل
     ========================================================= */
-@media print {
+@media screen and (max-width: 767px) {
+    .wd-law-index {
+        margin: 20px 0;
+    }
-     body {
+     .wd-law-index-head {
-         background: #ffffff !important;
+         padding: 18px 16px;
+        border-right-width: 4px;
+        border-radius: 9px;
+    }
-         color: #000000 !important;
+    .wd-law-index-title {
+         font-size: 20px;
      }
-     .law-article-box,
+     .wd-law-index-description {
-    .related-laws-box,
+         font-size: 13px;
-    .explanation-box,
-    .judgment-box,
-    .advisory-box,
-    .term-box,
-    .test-card {
-         box-shadow: none !important;
      }
-     .law-navigation {
+     .wd-law-index-meta {
-         display: none;
+         gap: 6px;
+        font-size: 11px;
      }
-     a {
+     .wd-law-chapter {
-         color: #000000 !important;
+         margin-top: 27px;
+    }
-         text-decoration: none !important;
+    .wd-law-chapter-title {
+         font-size: 16px;
      }
-     .mw-editsection {
+     .wd-law-topic-title {
-         display: none;
+         font-size: 14px;
      }
-}
+    /* موبایل = یک ستون */
-/* =========================================================
+    .wd-law-items-grid {
-. ACCESSIBILITY — خوانایی و دسترسی
+        grid-template-columns: 1fr !important;
-   ========================================================= */
+    }
-a:focus,
+    .wd-law-item-clickable {
-button:focus,
+        min-height: 54px;
-input:focus,
+        gap: 8px;
-summary:focus {
+        padding: 8px 3px;
-     outline: 2px solid var(--law-primary);
+     }
-     outline-offset: 2px;
+     .wd-law-item-number {
-}
+        flex-basis: 55px;
+        font-size: 12px;
+    }
+    .wd-law-item-title {
+        font-size: 13px;
+    }
+    .wd-law-item-summary {
+        font-size: 11px;
+    }
-/* =========================================================
+    .wd-law-item-status {
-. UTILITY CLASSES — کلاس‌های کمکی
+        display: none;
-   ========================================================= */
+    }
-.law-center {
-    text-align: center;
 }
-.law-muted {
+.wd-breadcrumb {
-     color: var(--law-text-soft);
+     direction: rtl;
+    display: flex;
+    align-items: center;
+    flex-wrap: wrap;
+    gap: 8px;
+    margin: -4px 0 12px;
+    padding: 6px 0;
+    font-family: "Vazirmatn", "IRANSans", Tahoma, Arial, sans-serif;
 }
-.law-gold {
+.wd-breadcrumb-item,
-     color: var(--law-gold);
+.wd-breadcrumb-current {
+     display: inline-block;
+    padding: 6px 12px;
+    background: #ffffff;
+    border: 1px solid #cfded9;
+    border-radius: 7px;
+    font-size: 12px;
+    line-height: 1.7;
+    box-shadow: 0 1px 4px rgba(20, 60, 55, 0.04);
 }
-.law-primary {
+.wd-breadcrumb-item a {
-     color: var(--law-primary);
+     color: #28706a !important;
+    text-decoration: none !important;
+    font-weight: 600;
 }
-.law-blue {
+.wd-breadcrumb-item:hover {
-     color: var(--law-blue);
+     background: #f1f7f4;
+    border-color: #8fb9ae;
 }
-.law-purple {
+.wd-breadcrumb-arrow {
-     color: var(--law-purple);
+     color: #8b9995;
+    font-size: 13px;
+    font-weight: bold;
 }
-.law-orange {
+.wd-breadcrumb-current {
-     color: var(--law-orange);
+    background: #e5f0ec;
+    border-color: #a9c9c0;
+     color: #245b55;
+    font-weight: 800;
 }
-.law-bold {
+/* کاهش فاصله‌های ناخواسته اطراف Breadcrumb */
-     font-weight: 700;
+.wd-breadcrumb {
+     margin: 0 !important;
+    padding: 0 !important;
 }
-.law-small {
+.wd-breadcrumb-item,
-     font-size: 13px;
+.wd-breadcrumb-current {
+     margin: 0 !important;
 }
-.law-large {
+.wd-breadcrumb-arrow {
-     font-size: 18px;
+     margin: 0 !important;
 }
-/* =========================================================
-   END — WIKIDAD DESIGN SYSTEM
-   ========================================================= */