مدیاویکی:Common.css

نکته: پس از انتشار ممکن است برای دیدن تغییرات نیاز باشد که حافظهٔ نهانی مرورگر خود را پاک کنید.

• فایرفاکس / سافاری: کلید Shift را نگه دارید و روی دکمهٔ Reload کلیک کنید، یا کلید‌های Ctrl-F5 یا Ctrl-R را با هم فشار دهید (در رایانه‌های اپل مکینتاش کلید‌های ⌘-R)
• گوگل کروم: کلیدهای Ctrl+Shift+R را با هم فشار دهید (در رایانه‌های اپل مکینتاش کلید‌های ⌘-Shift-R)
• Edge: کلید Ctrl را نگه‌دارید و روی دکمهٔ Refresh کلیک کنید، یا کلید‌های Ctrl-F5 را با هم فشار دهید

/* =========================================================
   ویکی‌داد — MediaWiki:Common.css
   نسخه یکپارچه طراحی سایت
   ========================================================= */


/* =========================================================
   01 — DESIGN SYSTEM
   ========================================================= */

:root {

    /* رنگ اصلی */
    --law-primary: #168477;
    --law-primary-dark: #11695f;

    /* لینک */
    --law-link: #176c88;

    /* رنگ‌های معنایی */
    --law-gold: #c49a3a;
    --law-blue: #3978ad;
    --law-purple: #8064a2;
    --law-orange: #d38a27;

    /* متن */
    --law-text: #263238;
    --law-text-soft: #546e7a;

    /* زمینه */
    --law-bg: #ffffff;
    --law-bg-soft: #f7f9f8;

    /* خطوط */
    --law-border: #dfe7e5;

    /* سایه */
    --law-shadow: 0 4px 18px rgba(20, 60, 55, 0.07);

    /* گوشه */
    --law-radius: 12px;

    /* فاصله */
    --law-space: 24px;
}


/* =========================================================
   02 — پایه عمومی فارسی
   ========================================================= */

html {
    direction: rtl;
}

body {
    direction: rtl;
    text-align: right;
    color: var(--law-text);
}

body,
.mw-body,
.mw-page-container,
.mw-workspace-container {
    font-family:
        "Vazirmatn",
        "IRANSans",
        Tahoma,
        Arial,
        sans-serif;
}

input,
textarea,
select,
button {
    font-family: inherit;
}


/* =========================================================
   03 — لینک‌های عمومی
   ========================================================= */

.mw-body a {
    color: var(--law-link);
}

.mw-body a:hover {
    color: var(--law-primary-dark);
}


/* =========================================================
   04 — تیترهای محتوای حقوقی
   ========================================================= */

.mw-body h1,
.mw-body h2,
.mw-body h3,
.mw-body h4 {
    color: var(--law-text);
    font-weight: 700;
}

.mw-body table {
    direction: rtl;
}


/* =========================================================
   05 — صفحه حقوقی
   ========================================================= */

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

.law-page a {
    color: var(--law-link);
    font-weight: 500;
}

.law-page a:hover {
    color: #0e4e63;
}


/* =========================================================
   06 — جعبه ماده
   ========================================================= */

.law-article-box {
    background:
        linear-gradient(
            135deg,
            #e8f5f2 0%,
            #d9eee9 100%
        );

    border-right: 6px solid var(--law-primary);
    border-radius: 12px;

    padding: 22px 26px;
    margin: 20px 0 25px;

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

.law-article-box .article-number {
    color: var(--law-primary-dark);
    font-size: 1.35em;
    font-weight: bold;
    margin-bottom: 10px;
}

.law-article-box .article-text {
    color: #173b38;
    font-size: 1.08em;
    font-weight: 500;
}


/* =========================================================
   07 — مواد مرتبط
   ========================================================= */

.related-laws-box {
    background: #f5f1e8;
    border-right: 5px solid var(--law-gold);
    border-radius: 10px;

    padding: 18px 22px;
    margin: 20px 0;
}

.related-laws-title {
    color: #80621e;
    font-weight: bold;
    font-size: 1.12em;
}


/* =========================================================
   08 — اصطلاحات
   ========================================================= */

.term-box {
    background: #f3eff8;
    border-right: 5px solid var(--law-purple);
    border-radius: 10px;

    padding: 18px 22px;
    margin: 18px 0;
}


/* =========================================================
   09 — جعبه رأی قضایی
   ========================================================= */

.judgment-box {
    background: #eef4fa;
    border-right: 5px solid var(--law-blue);
    border-radius: 10px;

    padding: 20px 24px;
    margin: 18px 0;
}

.judgment-title {
    color: #245d89;
    font-weight: bold;
}


/* =========================================================
   10 — نظریه مشورتی
   ========================================================= */

.advisory-box {
    background: #f5f0e9;
    border-right: 5px solid #a9783b;
    border-radius: 10px;

    padding: 20px 24px;
    margin: 18px 0;
}


/* =========================================================
   11 — شرح ماده
   ========================================================= */

.explanation-box {
    background: #ffffff;
    border-right: 5px solid var(--law-primary);
    border-radius: 10px;

    padding: 20px 24px;
    margin: 18px 0;

    box-shadow:
        0 2px 8px rgba(0, 0, 0, 0.06);
}


/* =========================================================
   12 — جعبه جستارهای وابسته
   ========================================================= */

.related-topics-box {
    background: #f7f7f7;
    border-right: 4px solid #777;
    border-radius: 8px;

    padding: 18px 22px;
}


/* =========================================================
   13 — ناوبری مواد
   ========================================================= */

.law-navigation {
    margin: 35px 0;
    padding: 18px;

    background: #f1f7f6;
    border: 1px solid #c9e3df;
    border-radius: 12px;
}

.law-navigation-title {
    color: var(--law-primary-dark);
    font-weight: bold;
    font-size: 1.15em;
    margin-bottom: 12px;
}


/* =========================================================
   14 — جدول قدیمی فهرست مواد
   ========================================================= */

.law-index-table {
    width: 100%;
    border-collapse: collapse;
    direction: rtl;
}

.law-index-table th {
    background: var(--law-primary);
    color: #fff;
    padding: 10px;
}

.law-index-table td {
    padding: 9px;
    border: 1px solid #ddd;
}

.law-index-table tr:nth-child(even) {
    background: #f8fbfa;
}

.law-index-table a {
    text-decoration: none;
}


/* =========================================================
   15 — Breadcrumb اختصاصی ویکی‌داد
   ========================================================= */

.wd-breadcrumb {
    direction: rtl;

    display: flex;
    align-items: center;
    flex-wrap: wrap;

    gap: 8px;

    margin: 12px 0 24px;
    padding: 6px 0;

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

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

    color: #667773;
}

.wd-breadcrumb-item {
    display: inline-flex;
    align-items: center;
}

.wd-breadcrumb-item a {
    color: var(--law-link);
    text-decoration: none;
    font-weight: 600;
}

.wd-breadcrumb-item a:hover {
    color: var(--law-primary-dark);
    text-decoration: underline;
}

.wd-breadcrumb-arrow {
    display: inline-flex;
    align-items: center;

    color: #a5b3af;
    font-size: 13px;

    user-select: none;
}

.wd-breadcrumb-current {
    display: inline-flex;
    align-items: center;

    color: #405b56;
    font-weight: 800;
}


/* =========================================================
   16 — فهرست مدرن قانون
   ========================================================= */

.wd-law-index {
    direction: rtl;
    text-align: right;

    margin: 28px 0;

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

.wd-law-index-head {
    padding: 20px 22px;

    background: #f7faf9;
    border: 1px solid var(--law-border);

    border-right: 5px solid var(--law-primary);

    border-radius: 10px 10px 0 0;
}

.wd-law-index-title {
    font-size: 22px;
    font-weight: 800;

    color: #245b55;

    line-height: 1.9;
}

.wd-law-index-description {
    margin-top: 5px;

    font-size: 13px;
    color: #687875;

    line-height: 2;
}

.wd-law-index-meta {
    display: flex;
    flex-wrap: wrap;

    gap: 7px;

    margin-top: 12px;
}

.wd-law-index-meta span {
    display: inline-block;

    padding: 4px 10px;

    background: #ffffff;
    border: 1px solid #dce6e3;
    border-radius: 20px;

    color: #58706b;

    font-size: 12px;
}

.wd-law-index-status {
    font-weight: bold;
}

.wd-law-index-content {
    padding: 18px 0;
}


/* =========================================================
   17 — فصل قانون
   ========================================================= */

.wd-law-chapter {
    direction: rtl;
    text-align: right;

    margin: 12px 0;

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

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

    color: inherit;
    text-decoration: none;
}

.wd-law-chapter-clickable {
    display: flex;
    align-items: center;

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

    padding: 15px 17px;

    background: #f3f8f6;

    border: 1px solid #d5e4e0;
    border-right: 5px solid var(--law-primary);

    border-radius: 9px;

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

.wd-law-chapter-clickable:hover {
    background: #edf5f2;
    border-color: #bcd5cf;

    transform: translateY(-1px);
}

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

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

    color: #245b55;

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

    line-height: 2;
}

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

    margin-top: 2px;

    color: #6b7d79;

    font-size: 12px;
    line-height: 1.9;
}

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

    margin-right: 14px;

    color: var(--law-primary);

    font-size: 18px;
    font-weight: bold;
}


/* =========================================================
   18 — مبحث قانون
   ========================================================= */

.wd-law-topic {
    direction: rtl;
    text-align: right;

    margin: 9px 0 9px 18px;

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

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

    color: inherit;
    text-decoration: none;
}

.wd-law-topic-clickable {
    display: flex;
    align-items: center;

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

    padding: 12px 15px;

    background: #faf9fc;

    border: 1px solid #e4deea;
    border-right: 4px solid var(--law-purple);

    border-radius: 8px;

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

.wd-law-topic-clickable:hover {
    background: #f5f1f8;
    border-color: #d3c6df;

    transform: translateY(-1px);
}

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

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

    color: #654d83;

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

    line-height: 2;
}

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

    margin-top: 2px;

    color: #77807e;

    font-size: 12px;
}

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

    margin-right: 12px;

    color: var(--law-purple);

    font-size: 17px;
    font-weight: bold;
}


/* =========================================================
   19 — ماده در فهرست قانون
   ========================================================= */

.wd-law-item {
    direction: rtl;
    text-align: right;

    margin: 7px 0 7px 36px;

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

.wd-law-item > a {
    display: block;

    color: inherit;
    text-decoration: none;
}

.wd-law-item-clickable {
    display: flex;
    align-items: center;

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

    min-height: 54px;

    padding: 9px 13px;

    background: #ffffff;

    border: 1px solid #e2e8e6;
    border-right: 3px solid #9bbab4;

    border-radius: 7px;

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

.wd-law-item-clickable:hover {
    background: #f8fbfa;
    border-color: #c5d8d3;

    transform: translateY(-1px);
}

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

    min-width: 65px;

    color: #245b55;

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

.wd-law-item-text {
    flex: 1;
    min-width: 0;

    padding: 0 10px;
}

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

    color: #405b56;

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

    line-height: 1.9;
}

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

    color: #778582;

    font-size: 12px;

    line-height: 1.8;
}

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

    padding: 3px 8px;

    border-radius: 15px;

    background: #edf6f2;

    color: #39776d;

    font-size: 11px;
    font-weight: bold;
}

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

    margin-right: 10px;

    color: #8aa7a1;

    font-size: 16px;
}


/* =========================================================
   20 — سیستم تست تعاملی
   نسخه نهایی فعلی
   ========================================================= */

.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;
}

.wd-test-option:hover {
    background: #f7faf9;
    border-color: var(--law-primary);

    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;
}

.wd-test-source {
    font-size: 12px;
    font-weight: normal;

    color: var(--law-purple);

    white-space: nowrap;
}


/* =========================================================
   21 — تست‌های قدیمی / کلاس‌های پایه
   برای سازگاری با قالب‌های قبلی
   ========================================================= */

.test-bank {
    margin: 25px 0;
}

.test-card {
    border-radius: 12px;

    padding: 20px 22px;
    margin: 22px 0;

    box-shadow:
        0 3px 12px rgba(0, 0, 0, 0.07);

    direction: rtl;
    text-align: right;
}

.test-official {
    background: #edf6fc;
    border-right: 6px solid var(--law-blue);
}

.test-official .test-label {
    color: #245d89;
}

.test-authored {
    background: #f5effa;
    border-right: 6px solid var(--law-purple);
}

.test-authored .test-label {
    color: #694d8b;
}

.test-trap {
    background: #fff5e7;
    border-right: 6px solid var(--law-orange);
}

.test-trap .test-label {
    color: #a56311;
}

.test-label {
    font-weight: bold;
    font-size: .92em;

    margin-bottom: 10px;
}

.test-option {
    display: block;

    background: rgba(255, 255, 255, .72);

    border: 1px solid #ddd;
    border-radius: 8px;

    padding: 10px 13px;
    margin: 8px 0;

    cursor: pointer;
}

.test-option:hover {
    background: #fff;
}

.test-answer {
    margin-top: 15px;

    padding: 15px 18px;

    background: #eef8ef;

    border-right: 4px solid #4b9b57;
    border-radius: 8px;
}

.test-answer-title {
    color: #31743a;
    font-weight: bold;
}

.exam-tip {
    background: #fff9df;

    border-right: 4px solid #d0a928;
    border-radius: 8px;

    padding: 13px 16px;

    margin-top: 12px;
}


/* =========================================================
   22 — References / منابع و مآخذ
   ========================================================= */

.wd-references {
    direction: rtl;
    text-align: right;

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

    font-size: 13px;
    color: #52615e;
}

.wd-references ol {
    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    column-gap: 28px;
    row-gap: 2px;

    margin: 0 !important;
    padding: 0 !important;

    list-style: none !important;

    counter-reset: wd-reference;
}

.wd-references li {
    position: relative;

    box-sizing: border-box;

    margin: 0 !important;

    padding:
        4px 27px 4px 0 !important;

    background: transparent !important;

    border: 0 !important;
    border-radius: 0 !important;

    line-height: 1.9;

    min-height: 0;

    counter-increment: wd-reference;
}

.wd-references li::before {
    content: counter(wd-reference);

    position: absolute;

    right: 0;
    top: 50%;

    transform: translateY(-50%);

    color: var(--law-primary);

    font-size: 11px;
    font-weight: 800;
}

.wd-references a {
    color: var(--law-link);
    text-decoration: none;
}

.wd-references a:hover {
    color: var(--law-primary-dark);
    text-decoration: underline;
}

.wd-references .mw-cite-backlink {
    margin-right: 4px;
    white-space: nowrap;
}

.wd-references .mw-cite-backlink a {
    color: var(--law-primary);
    font-weight: bold;
}


/* =========================================================
   23 — Dropdown / Details
   ========================================================= */

.law-collapsible {
    direction: rtl;
    margin: 18px 0;

    border: 1px solid var(--law-border);
    border-radius: 10px;

    background: #ffffff;
}

.law-collapsible summary {
    cursor: pointer;

    padding: 13px 17px;

    color: #405b56;

    font-weight: 800;

    background: #f7faf9;

    border-radius: 10px;

    list-style: none;
}

.law-collapsible summary::-webkit-details-marker {
    display: none;
}

.law-collapsible summary::before {
    content: "＋";

    display: inline-block;

    margin-left: 8px;

    color: var(--law-primary);

    font-weight: bold;
}

.law-collapsible[open] summary {
    border-bottom: 1px solid var(--law-border);
    border-radius: 10px 10px 0 0;
}

.law-collapsible[open] summary::before {
    content: "−";
}

.law-collapsible > *:not(summary) {
    padding-left: 17px;
    padding-right: 17px;
}


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

.wd-home {
    direction: rtl;
    text-align: right;

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

.wd-hero {
    position: relative;

    margin: 0 0 30px;

    padding: 42px 28px;

    background:
        linear-gradient(
            135deg,
            #eef7f4 0%,
            #f7faf9 100%
        );

    border: 1px solid #dce8e4;
    border-right: 6px solid var(--law-primary);

    border-radius: 14px;

    text-align: center;
}

.wd-hero-title {
    font-size: 34px;
    font-weight: 900;

    color: #245b55;

    line-height: 1.5;
}

.wd-hero-subtitle {
    margin-top: 5px;

    color: #62736f;

    font-size: 15px;

    line-height: 2;
}

.wd-search-box {
    max-width: 720px;

    margin: 24px auto 0;
}

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

    width: 100%;

    min-height: 46px;

    padding: 10px 15px;

    border: 1px solid #cfded9;
    border-radius: 8px;

    background: #ffffff;

    color: var(--law-text);

    font-family: inherit;
    font-size: 14px;
}

.wd-search-box input:focus {
    outline: none;

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

    box-shadow:
        0 0 0 3px rgba(22, 132, 119, 0.10);
}


/* =========================================================
   25 — Sidebar / منوی کناری
   ========================================================= */

#mw-panel {
    direction: rtl;
    text-align: right;
}

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

#mw-panel .portal h3 {
    position: relative;

    padding: 8px 10px;

    color: #405b56;

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

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

    border-bottom: 1px solid #dfe7e5;
}

#mw-panel .portal h3::after {
    content: "";

    position: absolute;

    right: 0;
    bottom: -1px;

    width: 34px;
    height: 2px;

    background: var(--law-primary);
}

#mw-panel .portal ul {
    margin: 5px 0 0;
    padding: 0;
}

#mw-panel .portal li {
    margin: 1px 0;
}

#mw-panel .portal li a {
    display: block;

    padding: 7px 10px;

    color: #52615e;

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

    font-size: 13px;

    text-decoration: none;

    border-radius: 6px;

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

#mw-panel .portal li a:hover {
    background: #f1f7f5;
    color: var(--law-primary-dark);
}

#mw-panel .portal li.selected a {
    background: #eaf3f0;
    color: var(--law-primary-dark);

    font-weight: bold;
}


/* =========================================================
   26 — عنوان‌های بخش‌های صفحه ماده
   ========================================================= */

.law-section-title {
    direction: rtl;
    text-align: right;

    margin: 28px 0 12px;

    padding-bottom: 8px;

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

    color: #405b56;

    font-size: 19px;
    font-weight: 800;
}

.law-section-title.purple {
    border-bottom-color: var(--law-purple);
    color: #654d83;
}

.law-section-title.blue {
    border-bottom-color: var(--law-blue);
    color: #245d89;
}

.law-section-title.gold {
    border-bottom-color: var(--law-gold);
    color: #80621e;
}


/* =========================================================
   27 — Typography برای متن‌های توضیحی
   ========================================================= */

.law-page p {
    line-height: 2.15;
}

.law-page blockquote {
    margin: 18px 0;

    padding: 12px 18px;

    background: #f7f9f8;

    border-right: 4px solid #b6cbc5;

    color: #52615e;

    border-radius: 7px;
}


/* =========================================================
   28 — لیست‌های حقوقی
   ========================================================= */

.law-page ul,
.law-page ol {
    line-height: 2.1;
}

.law-page li {
    margin-bottom: 4px;
}


/* =========================================================
   29 — جدول‌های محتوایی
   ========================================================= */

.law-page table.wikitable {
    width: 100%;

    border-collapse: collapse;

    direction: rtl;

    margin: 20px 0;
}

.law-page table.wikitable th {
    background: #edf5f2;

    color: #245b55;

    font-weight: 800;

    padding: 9px 11px;

    border: 1px solid #d4e1dd;
}

.law-page table.wikitable td {
    padding: 9px 11px;

    border: 1px solid #dfe7e5;

    background: #ffffff;
}

.law-page table.wikitable tr:nth-child(even) td {
    background: #fafcfb;
}


/* =========================================================
   30 — Mobile
   ========================================================= */

@media (max-width: 700px) {

    .law-page {
        line-height: 1.95;
    }

    .law-article-box {
        padding: 18px 17px;
        margin: 16px 0 21px;
    }

    .law-article-box .article-number {
        font-size: 1.2em;
    }

    .law-article-box .article-text {
        font-size: 1em;
    }

    .related-laws-box,
    .term-box,
    .judgment-box,
    .advisory-box,
    .explanation-box {
        padding: 16px 17px;
    }

    .wd-breadcrumb {
        gap: 5px;

        margin: 8px 0 18px;
        padding: 4px 0;

        font-size: 12px;
        line-height: 1.8;
    }

    .wd-breadcrumb-arrow {
        font-size: 11px;
    }

    .wd-law-chapter-clickable {
        padding: 13px 12px;
    }

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

    .wd-law-topic {
        margin-right: 0;
        margin-left: 8px;
    }

    .wd-law-topic-clickable {
        padding: 10px 11px;
    }

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

    .wd-law-item {
        margin-right: 0;
        margin-left: 0;
    }

    .wd-law-item-clickable {
        min-height: 50px;
        padding: 8px 10px;
    }

    .wd-law-item-number {
        min-width: 58px;
        font-size: 12px;
    }

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

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

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

    .wd-test-option {
        padding: 11px 12px;
        font-size: 14px;
    }

    .wd-references ol {
        grid-template-columns: 1fr;

        column-gap: 0;
    }

    .wd-hero {
        padding: 30px 17px;
    }

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

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

    .wd-search-box {
        margin-top: 18px;
    }

    .law-section-title {
        font-size: 17px;
    }
}


/* =========================================================
   31 — چاپ
   ========================================================= */

@media print {

    .wd-breadcrumb {
        margin-bottom: 15px;
    }

    .wd-test-option:hover,
    .wd-law-chapter-clickable:hover,
    .wd-law-topic-clickable:hover,
    .wd-law-item-clickable:hover {
        transform: none;
    }

    .wd-hero,
    .law-article-box,
    .related-laws-box,
    .term-box,
    .judgment-box,
    .advisory-box,
    .explanation-box {
        box-shadow: none !important;
    }
}