/* ============================================================
   UI Polish Layer
   بهبود ظاهری عمومی صفحات موجود بدون دستکاری سنگین
   ============================================================ */

:root {
    --ht-green: #0f3d2e;
    --ht-green-2: #14532d;
    --ht-gold: #d6a84f;
    --ht-slate: #0f172a;
    --ht-muted: #64748b;
    --ht-bg: #f6f7f4;
    --ht-card: #ffffff;
    --ht-border: #e5e7eb;
    --ht-radius-lg: 24px;
    --ht-radius-md: 16px;
    --ht-shadow: 0 16px 45px rgba(15, 23, 42, .06);
}

body {
    background:
        radial-gradient(circle at top right, rgba(214,168,79,.12), transparent 28%),
        linear-gradient(180deg, #f8fafc, var(--ht-bg));
}

.container {
    max-width: 1180px;
}

a {
    transition: .2s ease;
}

a:hover {
    opacity: .86;
}

.article-page,
.report-page,
.certificate-page,
.review-page,
.sources-page,
.dossier-page,
.editor-page,
.revision-page,
.quiz-page,
.verify-page {
    box-shadow: var(--ht-shadow) !important;
    border-radius: var(--ht-radius-lg) !important;
}

.notice,
.policy-note,
.review-warning,
.sources-section .citation-box,
.dossier-warning,
.warning-box,
.priority-box {
    border-radius: 18px !important;
}

.btn,
button,
.certificate-actions a,
.certificate-actions button,
.review-nav a,
.sources-nav a,
.dossier-nav a,
.editor-nav a,
.revision-nav a,
.quality-nav a,
.quiz-nav a,
.verify-actions button,
.verify-actions a {
    box-shadow: 0 8px 22px rgba(15, 23, 42, .12);
    font-weight: 600;
}

.btn:hover,
button:hover,
.certificate-actions a:hover,
.certificate-actions button:hover,
.review-nav a:hover,
.sources-nav a:hover,
.dossier-nav a:hover,
.editor-nav a:hover,
.revision-nav a:hover,
.quality-nav a:hover,
.quiz-nav a:hover,
.verify-actions button:hover,
.verify-actions a:hover {
    transform: translateY(-1px);
}

h1, h2, h3 {
    letter-spacing: -.2px;
}

table {
    box-shadow: 0 10px 30px rgba(15, 23, 42, .035);
}

th {
    font-weight: 800;
}

input,
textarea,
select {
    transition: .2s ease;
}

input:focus,
textarea:focus,
select:focus {
    outline: none;
    border-color: var(--ht-green-2) !important;
    box-shadow: 0 0 0 4px rgba(20, 83, 45, .12);
}

.card,
.quiz-card,
.dossier-card,
.source-card,
.review-card,
.editor-card,
revision-card,
.metric-card {
    transition: .2s ease;
}

.quiz-card:hover,
.dossier-card:hover,
.source-card:hover,
.review-card:hover,
.editor-card:hover,
.metric-card:hover {
    transform: translateY(-3px);
}

/* خوانایی بهتر متن‌های فارسی */
p, li, td, th {
    font-size: 15.5px;
}

/* بهتر شدن صفحات در موبایل */
@media (max-width: 700px) {
    h1 {
        font-size: 25px !important;
    }

    h2 {
        font-size: 21px !important;
    }

    .container {
        padding-right: 14px;
        padding-left: 14px;
    }
}