/* Developer: @Marcopel77 | Telegram: https://t.me/Marcopel77 */
:root {
    --bg:#f6f1e7;
    --paper:#fffdf7;
    --card:rgba(255,253,247,.88);
    --green:#355f3b;
    --green-dark:#1f3f2b;
    --sage:#8fae7d;
    --leaf:#dbe8cf;
    --wood:#8a623f;
    --cream:#fff8e9;
    --line:rgba(53,95,59,.14);
    --text:#223025;
    --muted:#6e796d;
    --shadow:0 22px 60px rgba(43,65,42,.12);
    --radius:30px;
    --small:18px
}

* {
    box-sizing:border-box;
    margin:0;
    padding:0
}

html {
    scroll-behavior:smooth
}

body {
    font-family:tahoma,arial,sans-serif;
    background:radial-gradient(circle at 10% 0%,rgba(143,174,125,.34),transparent 27%),radial-gradient(circle at 92% 8%,rgba(138,98,63,.15),transparent 30%),linear-gradient(180deg,#fbf7ec 0%,var(--bg) 56%,#efe1c8 100%);
    color:var(--text);
    line-height:2.05;
    overflow-x:hidden
}

a {
    text-decoration:none;
    color:inherit
}

img {
    display:block;
    max-width:100%
}

.blog-hero,.article-hero {
    padding:18px 16px 58px;
    overflow:hidden
}

.top-nav {
    width:min(1180px,calc(100% - 32px));
    margin:0 auto;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px
}

.top-nav div {
    display:flex;
    gap:10px
}

.top-nav a {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:46px;
    padding:10px 18px;
    border:1px solid var(--line);
    border-radius:999px;
    background:rgba(255,253,247,.72);
    color:var(--green-dark);
    font-weight:900;
    box-shadow:0 12px 28px rgba(43,65,42,.08)
}

.top-nav .brand {
    background:var(--green-dark);
    color:#fff
}

.hero-box,.article-title {
    width:min(950px,calc(100% - 32px));
    margin:54px auto 0;
    padding:48px;
    border:1px solid rgba(255,255,255,.70);
    border-radius:42px;
    background:linear-gradient(145deg,rgba(255,253,247,.84),rgba(255,248,233,.66));
    box-shadow:var(--shadow);
    text-align:center
}

.hero-box span,.article-title span,.chip {
    display:inline-flex;
    width:max-content;
    max-width:100%;
    padding:6px 14px;
    border-radius:999px;
    background:var(--leaf);
    color:var(--green-dark);
    font-size:12px;
    font-weight:900
}

.hero-box h1,.article-title h1 {
    font-size:48px;
    line-height:1.45;
    color:var(--green-dark);
    margin:16px 0 10px
}

.hero-box p,.article-title p {
    max-width:720px;
    margin:0 auto;
    color:var(--muted);
    font-size:16px
}

.search-box {
    display:flex;
    gap:10px;
    max-width:640px;
    margin:28px auto 0;
    padding:9px;
    background:#fff;
    border:1px solid var(--line);
    border-radius:999px
}

.search-box input {
    flex:1;
    border:0;
    background:transparent;
    outline:0;
    padding:0 16px;
    font:inherit;
    color:var(--text)
}

.search-box button,.admin-btn,.btn-read,.like-button {
    border:0;
    border-radius:999px;
    background:var(--green-dark);
    color:#fff;
    font:inherit;
    font-weight:900;
    padding:11px 22px;
    cursor:pointer
}

.blog-wrap {
    width:min(1180px,calc(100% - 32px));
    margin:0 auto;
    padding:34px 0 72px;
    display:grid;
    grid-template-columns:280px minmax(0,1fr);
    gap:24px
}

.blog-sidebar {
    display:grid;
    gap:16px;
    align-self:start;
    position:sticky;
    top:16px
}

.sidebar-card,.featured-card,.post-card,.admin-card,.login-box,.related-card {
    background:var(--card);
    border:1px solid var(--line);
    border-radius:var(--radius);
    box-shadow:var(--shadow);
    overflow:hidden
}

.sidebar-card {
    padding:20px
}

.sidebar-card h3 {
    font-size:20px;
    color:var(--green-dark);
    margin-bottom:12px
}

.side-categories {
    display:grid;
    gap:9px
}

.side-categories a {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    padding:11px 14px;
    border-radius:16px;
    background:#fff;
    border:1px solid var(--line);
    color:var(--green-dark);
    font-weight:800
}

.side-categories a.active {
    background:var(--green-dark);
    color:#fff
}

.featured-card {
    margin-bottom:22px
}

.featured-card a {
    display:grid;
    grid-template-columns:1.05fr .95fr;
    min-height:390px
}

.featured-image,.post-image {
    background:var(--cream);
    height:100%;
    min-height:260px
}

.featured-image img,.post-image img {
    width:100%;
    height:100%;
    object-fit:cover
}

.featured-text,.post-text {
    padding:34px;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:center
}

.featured-text h2 {
    font-size:34px;
    line-height:1.55;
    color:var(--green-dark);
    margin:12px 0
}

.featured-text p,.post-text p {
    color:var(--muted);
    font-size:15px
}

.meta {
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-top:14px;
    color:var(--muted);
    font-size:13px
}

.btn-read {
    display:inline-flex;
    margin-top:20px
}

.journal-strip {
    margin-bottom:20px;
    padding:16px 22px;
    border-radius:22px;
    background:rgba(255,255,255,.55);
    border:1px solid var(--line);
    display:grid;
    gap:4px
}

.journal-strip span {
    font-weight:900;
    color:var(--green-dark)
}

.journal-strip strong {
    font-size:14px;
    color:var(--muted);
    font-weight:500
}

.posts-list {
    display:grid;
    gap:18px
}

.post-card a {
    display:grid;
    grid-template-columns:260px minmax(0,1fr)
}

.post-image {
    min-height:220px
}

.post-text {
    padding:24px
}

.post-text h2 {
    font-size:24px;
    line-height:1.65;
    color:var(--green-dark);
    margin:10px 0 6px
}

.empty,.pagination {
    padding:22px;
    text-align:center;
    background:#fff;
    border:1px solid var(--line);
    border-radius:24px;
    color:var(--muted)
}

.pagination {
    display:flex;
    align-items:center;
    justify-content:center;
    gap:14px;
    margin-top:18px
}

.pagination a {
    font-weight:900;
    color:var(--green-dark)
}

.single-wrap {
    width:min(920px,calc(100% - 32px));
    margin:0 auto;
    padding:34px 0 70px
}

.single-image {
    border-radius:34px;
    overflow:hidden;
    box-shadow:var(--shadow);
    margin-bottom:22px
}

.single-image img {
    width:100%;
    max-height:520px;
    object-fit:cover
}

.article-content {
    background:var(--card);
    border:1px solid var(--line);
    border-radius:34px;
    padding:44px;
    box-shadow:var(--shadow);
    font-size:17px
}

.article-content h2,.article-content h3 {
    color:var(--green-dark);
    margin:22px 0 8px
}

.article-content p {
    margin-bottom:14px
}

.article-content ul,.article-content ol {
    padding-right:26px;
    margin-bottom:16px
}

.article-content blockquote {
    padding:16px 20px;
    border-right:4px solid var(--sage);
    background:var(--cream);
    border-radius:18px;
    margin:18px 0
}

.like-box {
    margin-top:18px;
    padding:20px;
    border-radius:24px;
    background:#fff;
    border:1px solid var(--line);
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px
}

.related {
    margin-top:38px
}

.related h2 {
    color:var(--green-dark);
    margin-bottom:14px
}

.related-grid {
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:14px
}

.related-card img {
    width:100%;
    height:160px;
    object-fit:cover
}

.related-card div {
    padding:14px
}

.related-card strong {
    display:block;
    color:var(--green-dark);
    line-height:1.7
}

.related-card p,.related-card span {
    font-size:13px;
    color:var(--muted)
}

.blog-footer {
    text-align:center;
    padding:34px 16px;
    color:var(--muted)
}

/* Admin */
.admin-body {
    background:linear-gradient(180deg,#faf4e8,var(--bg));
    min-height:100vh
}

.admin-shell {
    width:min(1180px,calc(100% - 32px));
    margin:0 auto;
    padding:24px 0 60px
}

.admin-top {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    margin-bottom:18px;
    padding:18px 20px;
    border:1px solid var(--line);
    border-radius:28px;
    background:rgba(255,253,247,.78);
    box-shadow:var(--shadow)
}

.admin-top span {
    color:var(--muted);
    font-size:12px;
    font-weight:900
}

.admin-top h1 {
    color:var(--green-dark);
    font-size:28px
}

.admin-top nav {
    display:flex;
    flex-wrap:wrap;
    gap:8px
}

.admin-top a,.admin-card-head a {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:9px 13px;
    border-radius:999px;
    background:#fff;
    border:1px solid var(--line);
    font-weight:900;
    color:var(--green-dark);
    font-size:13px
}

.admin-grid {
    display:grid;
    grid-template-columns:380px minmax(0,1fr);
    gap:18px
}

.admin-card {
    padding:22px;
    margin-bottom:18px
}

.admin-card-head {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin-bottom:16px
}

.admin-card h2 {
    color:var(--green-dark);
    font-size:24px
}

.admin-form {
    display:grid;
    gap:12px
}

.admin-form label {
    font-weight:900;
    color:var(--green-dark);
    font-size:13px
}

.admin-form input,.admin-form select,.admin-form textarea {
    width:100%;
    border:1px solid var(--line);
    background:#fff;
    border-radius:16px;
    padding:12px 14px;
    font-family:inherit;
    font-size:14px;
    outline:none
}

.admin-form textarea {
    resize:vertical
}

.editor-layout {
    display:grid;
    grid-template-columns:minmax(0,1fr) 340px;
    gap:18px
}

.toolbar {
    display:flex;
    gap:7px;
    flex-wrap:wrap;
    background:var(--cream);
    border:1px solid var(--line);
    border-radius:18px;
    padding:8px
}

.toolbar button {
    border:1px solid var(--line);
    background:#fff;
    border-radius:12px;
    padding:7px 11px;
    font-family:inherit;
    cursor:pointer;
    font-weight:900;
    color:var(--green-dark)
}

.visual-editor {
    min-height:370px;
    background:#fff;
    border:1px solid var(--line);
    border-radius:20px;
    padding:18px;
    outline:none;
    line-height:2.3
}

.editor-side {
    display:grid;
    gap:12px;
    align-self:start
}

.seo-box {
    display:grid;
    gap:10px;
    background:var(--cream);
    border:1px solid var(--line);
    border-radius:20px;
    padding:14px
}

.seo-box h3 {
    color:var(--green-dark)
}

.seo-box small {
    color:var(--muted);
    font-size:12px
}

.preview-img {
    width:180px;
    height:120px;
    object-fit:cover;
    border-radius:18px;
    border:1px solid var(--line)
}

.table-wrap {
    overflow-x:auto
}

.admin-table {
    width:100%;
    border-collapse:collapse;
    min-width:780px
}

.admin-table th,.admin-table td {
    padding:13px 10px;
    text-align:right;
    border-bottom:1px solid var(--line);
    vertical-align:middle
}

.admin-table th {
    font-size:13px;
    color:var(--muted);
    font-weight:900
}

.admin-table small {
    color:var(--muted)
}

.inline-delete {
    display:inline
}

.inline-delete button {
    border:0;
    background:none;
    color:#a63d2d;
    cursor:pointer;
    font-family:inherit;
    font-weight:900
}

.login-box {
    width:min(420px,calc(100% - 28px));
    margin:12vh auto 0;
    padding:28px
}

.login-box h1 {
    color:var(--green-dark);
    font-size:26px;
    margin-bottom:20px
}

.error,.success {
    padding:13px 16px;
    border-radius:16px;
    margin-bottom:14px;
    font-weight:900
}

.error {
    background:#ffe7e2;
    color:#9d2d20
}

.success {
    background:#e3f1d7;
    color:var(--green-dark)
}

@media(max-width:900px) {
    .blog-wrap,.admin-grid,.editor-layout {
        grid-template-columns:1fr
    }
    .blog-sidebar {
        position:static;
        order:-1
    }
    .featured-card a,.post-card a {
        grid-template-columns:1fr
    }
    .featured-image,.post-image {
        height:240px
    }
    .related-grid {
        grid-template-columns:1fr 1fr
    }
    .admin-top {
        align-items:flex-start;
        flex-direction:column
    }
    .admin-top nav {
        width:100%
    }
}

@media(max-width:640px) {
    body {
        font-size:14px;
        line-height:1.9
    }
    .blog-hero,.article-hero {
        padding:12px 0 32px
    }
    .top-nav {
        width:calc(100% - 18px);
        gap:8px
    }
    .top-nav,.top-nav div {
        overflow-x:auto;
        justify-content:flex-start
    }
    .top-nav::-webkit-scrollbar,.top-nav div::-webkit-scrollbar {
        display:none
    }
    .top-nav a {
        flex:0 0 auto;
        min-height:38px;
        padding:7px 12px;
        font-size:12px
    }
    .hero-box,.article-title {
        width:calc(100% - 18px);
        margin-top:24px;
        padding:20px 17px;
        border-radius:24px
    }
    .hero-box h1,.article-title h1 {
        font-size:28px;
        line-height:1.45;
        margin:10px 0 8px
    }
    .hero-box p,.article-title p {
        font-size:14px;
        line-height:2
    }
    .search-box {
        margin-top:18px;
        border-radius:20px;
        gap:8px;
        padding:7px;
        flex-direction:column
    }
    .search-box input {
        min-height:42px;
        font-size:16px
    }
    .search-box button {
        min-height:42px;
        width:100%
    }
    .blog-wrap,.single-wrap,.admin-shell {
        width:calc(100% - 16px);
        padding-top:20px
    }
    .sidebar-card {
        padding:15px;
        border-radius:22px
    }
    .side-categories {
        display:flex;
        gap:8px;
        overflow-x:auto;
        padding-bottom:5px
    }
    .side-categories a {
        flex:0 0 auto;
        min-width:140px
    }
    .featured-card,.post-card {
        border-radius:22px
    }
    .featured-image,.post-image {
        height:205px;
        min-height:205px
    }
    .featured-text,.post-text,.article-content,.admin-card {
        padding:17px
    }
    .featured-text h2,.post-text h2 {
        font-size:20px;
        line-height:1.65
    }
    .featured-text p,.post-text p {
        font-size:14px;
        line-height:2
    }
    .chip {
        font-size:11px;
        padding:5px 11px
    }
    .meta {
        gap:6px;
        font-size:12px
    }
    .journal-strip {
        padding:14px 15px;
        border-radius:20px
    }
    .single-image {
        border-radius:22px
    }
    .article-content {
        font-size:15px;
        line-height:2.25;
        border-radius:22px
    }
    .like-box {
        align-items:stretch;
        flex-direction:column
    }
    .like-button,.btn-read {
        width:100%;
        text-align:center
    }
    .related-grid {
        grid-template-columns:1fr
    }
    .admin-top {
        position:sticky;
        top:0;
        z-index:20;
        margin:0 -8px 14px;
        padding:10px 8px;
        background:rgba(247,241,229,.94);
        backdrop-filter:blur(10px);
        border-radius:0;
        border-left:0;
        border-right:0
    }
    .admin-top h1 {
        font-size:22px
    }
    .admin-top nav {
        display:grid;
        grid-template-columns:1fr 1fr;
        gap:8px
    }
    .admin-top a {
        width:100%;
        font-size:12px
    }
    .admin-form input,.admin-form select,.admin-form textarea {
        min-height:48px;
        border-radius:14px;
        font-size:16px
    }
    .admin-btn {
        width:100%
    }
    .visual-editor {
        min-height:300px
    }
    .table-wrap {
        overflow:visible
    }
    .admin-table {
        min-width:0;
        border-collapse:separate;
        border-spacing:0 12px
    }
    .admin-table thead {
        display:none
    }
    .admin-table tr {
        display:block;
        background:#fff;
        border:1px solid var(--line);
        border-radius:20px;
        padding:12px
    }
    .admin-table td {
        display:block;
        border-bottom:1px solid rgba(53,95,59,.10);
        padding:9px 0
    }
    .admin-table td:last-child {
        border-bottom:0
    }
    .login-box {
        margin-top:8vh;
        padding:22px;
        border-radius:24px
    }
}

/* Admin stats cards */
.stats-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    margin: 0 0 18px;
}

.stats-grid div {
    position: relative;
    overflow: hidden;
    background: linear-gradient(135deg, rgba(255, 250, 242, .94), rgba(236, 246, 232, .92));
    border: 1px solid rgba(47, 111, 78, .15);
    border-radius: 24px;
    padding: 18px 18px 16px;
    box-shadow: 0 14px 34px rgba(31, 54, 39, .08);
}

.stats-grid div::before {
    content: '';
    position: absolute;
    width: 74px;
    height: 74px;
    left: -24px;
    top: -24px;
    border-radius: 50%;
    background: rgba(47, 111, 78, .09);
}

.stats-grid span {
    display: block;
    color: #6f7d73;
    font-size: 13px;
    font-weight: 700;
    margin-bottom: 8px;
}

.stats-grid strong {
    display: block;
    color: #173d2b;
    font-size: 32px;
    line-height: 1;
    font-weight: 900;
}

@media (max-width: 900px) {
    .stats-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 520px) {
    .stats-grid {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .stats-grid div {
        border-radius: 18px;
        padding: 14px;
    }

    .stats-grid strong {
        font-size: 26px;
    }
}


/* =========================
   Admin editor and SEO panel
   ========================= */
.wp-admin-wrap {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 330px;
    gap: 18px;
    align-items: start;
}

.wp-main,
.wp-side {
    display: grid;
    gap: 16px;
}

.wp-box {
    background: #fff;
    border: 1px solid rgba(47, 111, 78, .13);
    border-radius: 22px;
    padding: 18px;
    box-shadow: 0 14px 35px rgba(31, 54, 39, .08);
}

.wp-box h3 {
    margin: 0 0 14px;
    color: #173d2b;
}

.seo-preview {
    direction: ltr;
    text-align: left;
    background: #f8faf7;
    border: 1px solid #e8eee5;
    border-radius: 16px;
    padding: 14px;
    font-family: Arial, sans-serif;
}

.seo-preview strong {
    display: block;
    color: #1a0dab;
    font-size: 18px;
    font-weight: 400;
}

.seo-preview span {
    display: block;
    color: #006621;
    font-size: 13px;
    margin: 6px 0;
}

.seo-preview p {
    color: #545454;
    font-size: 13px;
    line-height: 1.5;
    margin: 0;
}

.editor-tabs {
    display: flex;
    gap: 8px;
    margin: 0 0 10px;
}

.editor-tabs button,
.toolbar button {
    border: 1px solid #dce6d8;
    background: #fff;
    border-radius: 10px;
    padding: 8px 10px;
    cursor: pointer;
}

.toolbar {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin-bottom: 8px;
}

.visual-editor {
    min-height: 380px;
    background: #fff;
    border: 1px solid #dce6d8;
    border-radius: 18px;
    padding: 18px;
    line-height: 2.1;
    outline: none;
}

.visual-editor:focus {
    border-color: #2f6f4e;
    box-shadow: 0 0 0 4px rgba(47, 111, 78, .08);
}

.hidden-content {
    display: none;
}

.field-note {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    color: #7b897e;
    font-size: 12px;
    margin-top: 6px;
}

.seo-score {
    display: grid;
    gap: 8px;
}

.seo-score div {
    display: flex;
    justify-content: space-between;
    background: #f8faf7;
    border-radius: 12px;
    padding: 10px;
}

.seo-good {
    color: #237a45;
}

.seo-warn {
    color: #9a6a00;
}

.seo-bad {
    color: #ad3434;
}

.post-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 310px;
    gap: 18px;
}

.category-row {
    display: grid;
    grid-template-columns: 1fr 110px 90px;
    gap: 10px;
    align-items: end;
}

.category-table td,
.category-table th {
    vertical-align: middle;
}

.admin-table .ops {
    display: flex;
    gap: 8px;
    align-items: center;
    flex-wrap: wrap;
}

.suggestion-card {
    background: linear-gradient(135deg, #f8f2e7, #edf5e9);
    border: 1px dashed rgba(47, 111, 78, .28);
    border-radius: 18px;
    padding: 15px;
    line-height: 2;
}

.suggestion-card strong {
    color: #173d2b;
}

.admin-pill {
    display: inline-flex;
    border-radius: 999px;
    background: #e7ecd9;
    color: #173d2b;
    padding: 6px 10px;
    font-weight: 800;
    font-size: 12px;
}

@media (max-width: 980px) {
    .wp-admin-wrap,
    .post-layout {
        grid-template-columns: 1fr;
    }

    .wp-side {
        order: -1;
    }
}

@media (max-width: 700px) {
    .wp-admin-wrap,
    .post-layout {
        gap: 12px;
    }

    .wp-box {
        padding: 14px;
        border-radius: 18px;
    }

    .wp-box h3 {
        font-size: 17px;
        margin-bottom: 10px;
    }

    .wp-side {
        order: 0;
    }

    .wp-main {
        gap: 12px;
    }

    .toolbar {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 8px;
        padding: 8px;
    }

    .toolbar button {
        width: 100%;
        padding: 10px 8px;
        font-size: 12px;
    }

    .visual-editor {
        min-height: 300px;
        padding: 14px;
        border-radius: 16px;
        font-size: 15px;
        line-height: 2.2;
        max-height: 62vh;
        overflow: auto;
    }

    .field-note {
        display: block;
        font-size: 11.5px;
        line-height: 1.9;
    }

    .field-note b {
        display: block;
        margin-top: 3px;
    }

    .seo-preview {
        padding: 12px;
        border-radius: 14px;
        overflow: hidden;
    }

    .seo-preview strong {
        font-size: 16px;
        line-height: 1.45;
    }

    .seo-preview span {
        word-break: break-all;
    }

    .seo-score div {
        display: grid;
        grid-template-columns: 1fr auto;
        align-items: center;
        padding: 9px;
    }

    .category-row {
        grid-template-columns: 1fr;
    }

    .suggestion-card {
        font-size: 13px;
        padding: 12px;
    }

    .preview-img {
        width: 100%;
        height: auto;
        max-height: 190px;
    }

    .category-table td:nth-child(1):before {
        content: "دسته";
    }

    .category-table td:nth-child(2):before {
        content: "اسلاگ";
    }

    .category-table td:nth-child(3):before {
        content: "تعداد";
    }

    .category-table td:nth-child(4):before {
        content: "ترتیب";
    }

    .category-table td:nth-child(5):before {
        content: "عملیات";
    }
}

@media (max-width: 420px) {
    .toolbar {
        grid-template-columns: 1fr;
    }

    .wp-box {
        padding: 12px;
    }

    .visual-editor {
        min-height: 260px;
    }
}

/* =========================
   Single post route-safe UI
   ========================= */
.article-hero {
    padding-bottom: 34px;
}

.article-title {
    max-width: 900px;
    margin-top: 34px;
    padding: 34px 40px;
}

.article-title h1 {
    max-width: 820px;
    margin-left: auto;
    margin-right: auto;
    font-size: clamp(32px, 5vw, 52px);
    line-height: 1.5;
    overflow-wrap: anywhere;
}

.article-title .meta {
    justify-content: center;
}

.article-content figure {
    margin: 28px 0;
}

.article-content figure img,
.article-content > img {
    width: 100%;
    height: auto;
    max-height: 620px;
    object-fit: contain;
    border-radius: 24px;
    background: var(--cream);
    box-shadow: 0 14px 34px rgba(31, 63, 43, .10);
}

.article-content figcaption {
    margin-top: 8px;
    color: var(--muted);
    text-align: center;
    font-size: 13px;
    line-height: 1.8;
}

.article-content a {
    color: #1f6337;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 4px;
}

.article-content .post-cta {
    margin: 28px 0;
    padding: 22px;
    border: 1px solid var(--line);
    border-radius: 24px;
    background: linear-gradient(135deg, var(--cream), var(--leaf));
}

@media (max-width: 640px) {
    .article-hero {
        padding-bottom: 18px;
    }

    .article-title {
        width: calc(100% - 20px);
        margin-top: 18px;
        padding: 18px 15px 20px;
        border-radius: 22px;
    }

    .article-title h1 {
        font-size: 28px;
        line-height: 1.55;
        margin: 10px auto 8px;
        letter-spacing: 0;
    }

    .article-title p {
        font-size: 14px;
        line-height: 2;
    }

    .article-title .meta {
        justify-content: center;
        gap: 7px 10px;
        font-size: 12px;
    }

    .single-wrap {
        width: calc(100% - 18px);
        padding-top: 14px;
    }

    .single-image {
        margin-bottom: 14px;
        border-radius: 20px;
    }

    .single-image img {
        max-height: none;
        aspect-ratio: 16 / 9;
        object-fit: cover;
    }

    .article-content {
        padding: 18px 15px;
        font-size: 15px;
        line-height: 2.15;
    }

    .article-content h2 {
        font-size: 23px;
        line-height: 1.7;
        margin-top: 30px;
    }

    .article-content h3 {
        font-size: 19px;
        line-height: 1.75;
        margin-top: 24px;
    }

    .article-content figure {
        margin: 22px -6px;
    }

    .article-content figure img,
    .article-content > img {
        border-radius: 18px;
        max-height: none;
    }

    .article-content ul,
    .article-content ol {
        padding-right: 22px;
    }
}


/* =========================================================
   Delzhin Journal CMS Pro v2 - Admin only
   ========================================================= */
:root{--admin-bg:#f5f3ec;--admin-card:#fffdfa;--admin-ink:#183426;--admin-muted:#718076;--admin-line:#e2e4dc;--admin-green:#2f6a45;--admin-green-2:#4d865f;--admin-soft:#edf4eb;--admin-warn:#a36a20;--admin-danger:#a44242;--admin-shadow:0 16px 40px rgba(31,63,43,.07)}
.admin-pro-body{background:var(--admin-bg);color:var(--admin-ink);min-height:100vh}.admin-pro-shell{display:grid;grid-template-columns:230px minmax(0,1fr);min-height:100vh;direction:ltr}.admin-sidebar{direction:rtl;position:sticky;top:0;height:100vh;background:#173b29;color:#fff;padding:24px 14px;display:flex;flex-direction:column;z-index:50}.admin-logo{display:flex;flex-direction:column;color:#fff;text-decoration:none;padding:8px 12px 24px;border-bottom:1px solid rgba(255,255,255,.12)}.admin-logo b{font-size:24px}.admin-logo span{font-size:12px;opacity:.68}.admin-sidebar nav{display:grid;gap:6px;margin-top:20px}.admin-sidebar nav a{display:flex;gap:10px;align-items:center;padding:11px 13px;border-radius:13px;color:#e8f1eb;text-decoration:none;font-size:14px}.admin-sidebar nav a:hover,.admin-sidebar nav a.active{background:rgba(255,255,255,.12);color:#fff}.admin-logout{margin-top:auto;color:#e9c9c9;text-decoration:none;font-size:13px;padding:12px}.admin-pro-main{direction:rtl;min-width:0;padding:24px 28px 60px}.admin-pro-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.admin-pro-header>div{display:flex;align-items:center;gap:12px}.admin-pro-header small{color:var(--admin-muted);font-size:11px}.admin-pro-header h1{font-size:25px;margin:2px 0 0}.mobile-menu{display:none;border:0;background:transparent;font-size:24px}.admin-toast{margin:-10px 0 18px}.pro-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.pro-stats article,.pro-card{background:var(--admin-card);border:1px solid var(--admin-line);border-radius:20px;box-shadow:var(--admin-shadow)}.pro-stats article{padding:19px}.pro-stats span{display:block;color:var(--admin-muted);font-size:13px}.pro-stats strong{display:block;font-size:30px;margin:7px 0}.pro-stats small{color:#9a9f9a}.dashboard-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:18px}.pro-card{padding:20px;margin-bottom:18px}.pro-card-head,.section-title{display:flex;justify-content:space-between;align-items:start;gap:12px;margin-bottom:16px}.pro-card-head h2,.section-title h2{margin:0;font-size:18px}.pro-card-head p,.section-title small{color:var(--admin-muted);margin:4px 0 0;font-size:12px}.pro-card-head a{font-size:13px;color:var(--admin-green)}.activity-list{display:grid}.activity-list a{display:flex;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid var(--admin-line);text-decoration:none;color:inherit}.activity-list a:last-child{border:0}.activity-list b{font-size:14px}.activity-list small{display:block;color:var(--admin-muted);margin-top:4px}.activity-list time{white-space:nowrap;color:var(--admin-muted);font-size:11px}.rank-list{display:grid;gap:10px}.rank-list>div{display:flex;gap:11px;align-items:center}.rank-list>div>span{width:28px;height:28px;border-radius:10px;background:var(--admin-soft);display:grid;place-items:center;font-weight:800}.rank-list small{display:block;color:var(--admin-muted)}.quick-actions>div{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.quick-actions a{padding:15px;border:1px dashed #cbd5cb;border-radius:14px;text-decoration:none;color:var(--admin-ink);background:#fbfcf8}.quick-actions a:hover{border-color:var(--admin-green);background:var(--admin-soft)}
.post-filters{display:grid;grid-template-columns:minmax(240px,1fr) 170px 180px auto;gap:10px;margin-bottom:18px}.post-filters input,.post-filters select,.admin-pro-body input,.admin-pro-body select,.admin-pro-body textarea{border:1px solid var(--admin-line);border-radius:12px;background:#fff;padding:11px 12px;color:var(--admin-ink);font-family:inherit;outline:none}.admin-pro-body input:focus,.admin-pro-body select:focus,.admin-pro-body textarea:focus{border-color:#7aa98a;box-shadow:0 0 0 3px rgba(77,134,95,.10)}.pro-post-list{display:grid;gap:10px}.pro-post-list article{display:grid;grid-template-columns:100px minmax(0,1fr) auto;gap:16px;align-items:center;border:1px solid var(--admin-line);border-radius:16px;padding:12px}.post-thumb{width:100px;height:78px;border-radius:12px;overflow:hidden;background:#eef0eb;display:grid;place-items:center;color:var(--admin-muted);font-size:11px}.post-thumb img{width:100%;height:100%;object-fit:cover}.post-info h3{margin:7px 0 5px;font-size:16px}.post-info p{margin:0 0 5px;color:var(--admin-muted);font-size:12px}.post-info>small{color:var(--admin-muted)}.post-badges{display:flex;gap:6px}.post-badges span{font-size:10px;padding:4px 7px;border-radius:999px;background:#f0f1ee}.post-badges .is-live{background:#e3f2e6;color:#276039}.post-badges .is-draft{background:#f5eadb;color:#855a22}.post-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap;max-width:190px}.post-actions a,.post-actions button{border:0;background:#eef2ec;color:var(--admin-ink);padding:7px 9px;border-radius:9px;text-decoration:none;font:inherit;font-size:11px;cursor:pointer}.post-actions .danger{color:var(--admin-danger);background:#faeeee}.post-actions form{margin:0}.empty-state{text-align:center;padding:50px;color:var(--admin-muted)}
.editor-pro-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:18px;align-items:start}.editor-pro-main,.editor-pro-side{min-width:0}.sticky-publish{position:sticky;top:16px;z-index:8}.title-card>label,.pro-card>label,.advanced-seo label{display:block;font-size:12px;font-weight:700;margin:10px 0 6px}.title-card #titleInput{font-size:22px;font-weight:800;padding:15px;width:100%}.permalink-row{display:flex;align-items:center;gap:4px;margin-top:11px;color:var(--admin-muted);font-size:11px;direction:ltr}.permalink-row input{padding:6px 8px;min-width:100px;flex:1}.editor-card{padding:0;overflow:visible}.editor-card-head{display:flex;justify-content:space-between;align-items:center;padding:15px 18px;border-bottom:1px solid var(--admin-line)}.editor-card-head b{display:block}.editor-card-head small{color:var(--admin-muted);font-size:10px}.ghost-btn{border:1px solid var(--admin-line);background:#fff;border-radius:9px;padding:7px 9px;cursor:pointer;margin-right:4px}.pro-toolbar{display:flex;flex-wrap:wrap;gap:5px;padding:9px 10px;border-bottom:1px solid var(--admin-line);background:#fafbf7;position:sticky;top:0;z-index:7}.pro-toolbar button,.pro-toolbar select{border:1px solid #e1e4dd;background:#fff;border-radius:8px;padding:7px 9px;font:inherit;font-size:11px;cursor:pointer}.pro-toolbar button:hover{background:var(--admin-soft)}.pro-editor{min-height:520px;padding:28px;font-size:16px;line-height:2.1;outline:none;background:#fff;overflow:auto}.pro-editor h2{font-size:27px;margin:34px 0 12px}.pro-editor h3{font-size:21px;margin:28px 0 10px}.pro-editor p{margin:0 0 15px}.pro-editor img{max-width:100%;height:auto;border-radius:14px}.pro-editor figure{margin:24px 0}.pro-editor table{width:100%;border-collapse:collapse}.pro-editor td,.pro-editor th{border:1px solid #ddd;padding:8px}.source-editor{display:none;min-height:520px;width:100%;border:0!important;border-radius:0!important;padding:20px!important;font-family:monospace!important;direction:ltr;text-align:left}.editor-status{display:flex;gap:14px;padding:9px 14px;border-top:1px solid var(--admin-line);font-size:10px;color:var(--admin-muted)}.editor-fullscreen{position:fixed!important;inset:10px!important;z-index:1000!important;margin:0!important;background:#fff!important;overflow:auto!important}.editor-fullscreen .pro-editor{min-height:calc(100vh - 170px)}.char-counter{text-align:left;color:var(--admin-muted);font-size:10px;margin-top:5px}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px}.editor-pro-side input,.editor-pro-side select,.editor-pro-side textarea,.editor-pro-main textarea{width:100%;box-sizing:border-box}.publish-btn{width:100%;margin-top:14px}.preview-post-btn{display:block;text-align:center;margin-top:8px;color:var(--admin-green);font-size:12px}.featured-preview{width:100%;max-height:180px;object-fit:cover;border-radius:13px;margin-bottom:10px}.help{display:block;color:var(--admin-muted);font-size:10px;line-height:1.7;margin-top:7px}.score-pill,.seo-orb{display:inline-grid;place-items:center;border-radius:999px;background:#f4e6d5;color:#8a5a19;font-weight:800}.score-pill{padding:5px 9px;font-size:10px}.seo-orb{width:44px;height:44px}.score-pill.good,.seo-orb.good{background:#dff1e3;color:#28613a}.score-pill.mid,.seo-orb.mid{background:#f6ecd8;color:#95671e}.smart-field{display:flex;gap:6px;align-items:stretch}.smart-field input,.smart-field textarea{flex:1}.smart-field button{border:0;border-radius:10px;background:var(--admin-soft);color:var(--admin-green);padding:0 10px;font:inherit;font-size:10px;cursor:pointer}.textarea-smart button{min-width:46px}.google-preview{border:1px solid #e7e7e7;border-radius:12px;padding:12px;margin-top:14px;background:#fff;direction:rtl}.google-preview small{display:block;color:#777}.google-preview b{display:block;color:#1a0dab;font-size:16px;margin:5px 0}.google-preview span{color:#16713d;font-size:10px;direction:ltr;display:block;overflow:hidden;text-overflow:ellipsis}.google-preview p{font-size:11px;color:#565656;line-height:1.6;margin:5px 0 0}.seo-checks{display:grid;gap:6px;margin-top:12px}.seo-checks>div{display:flex;gap:7px;align-items:center;font-size:11px;padding:7px;border-radius:8px}.seo-checks .ok{background:#edf7ef;color:#316642}.seo-checks .warn{background:#fbf0e5;color:#8a5e25}.advanced-seo summary{font-weight:800;cursor:pointer}.advanced-seo[open] summary{margin-bottom:14px}.check-row{display:flex;gap:16px;margin:10px 0}.check-row label{display:flex!important;align-items:center;gap:5px;margin:0!important}.check-row input{width:auto}.internal-link-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.internal-link-grid button{border:1px solid var(--admin-line);background:#fff;border-radius:12px;text-align:right;padding:10px;cursor:pointer;font:inherit}.internal-link-grid button:hover{border-color:#8cad96;background:var(--admin-soft)}.internal-link-grid b{display:block;font-size:12px}.internal-link-grid small{color:var(--admin-muted)}.revision-list{display:grid;gap:6px}.revision-list form{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px;border:1px solid var(--admin-line);border-radius:10px}.revision-list b,.revision-list small{display:block;font-size:10px}.revision-list small{color:var(--admin-muted)}.revision-list button{border:0;background:var(--admin-soft);color:var(--admin-green);border-radius:8px;padding:5px 7px;font:inherit;font-size:9px}
.media-modal{display:none;position:fixed;inset:0;background:rgba(13,31,21,.68);z-index:1200;padding:25px}.media-modal.open{display:grid;place-items:center}.media-modal-box{width:min(1000px,95vw);max-height:90vh;background:#fff;border-radius:20px;overflow:hidden;display:flex;flex-direction:column}.media-modal-box header{display:flex;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--admin-line)}.media-modal-box header h2{margin:0}.media-modal-box header small{color:var(--admin-muted)}.media-modal-box header button{border:0;background:transparent;font-size:20px}.media-modal-grid{padding:16px;display:grid;grid-template-columns:repeat(5,1fr);gap:9px;overflow:auto}.media-modal-grid button{border:1px solid var(--admin-line);border-radius:11px;background:#fff;padding:5px;cursor:pointer}.media-modal-grid img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px}.media-modal-grid span{display:block;font-size:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:4px}.media-modal-box footer{padding:10px 18px;border-top:1px solid var(--admin-line)}.media-upload-box{display:flex;gap:10px;align-items:center;border:2px dashed #cfd8cf;border-radius:16px;padding:18px;margin-bottom:18px}.media-upload-box input{flex:1}.media-library{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.media-library article{border:1px solid var(--admin-line);border-radius:14px;overflow:hidden}.media-library img{width:100%;aspect-ratio:4/3;object-fit:cover}.media-library article>div{padding:9px}.media-library b,.media-library small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-library small{color:var(--admin-muted);font-size:9px}.media-library input{width:100%;font-size:9px;margin-top:6px}.danger-link{border:0;background:none;color:var(--admin-danger);font:inherit;font-size:9px;margin-top:6px;cursor:pointer}.category-pro-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px}.category-pro-list{display:grid;gap:9px}.category-pro-list article{display:flex;justify-content:space-between;gap:12px;border:1px solid var(--admin-line);border-radius:13px;padding:13px}.category-pro-list small{display:block;color:var(--admin-muted)}.category-pro-list p{margin:5px 0 0;font-size:11px;color:var(--admin-muted)}.category-pro-list article>div:last-child{display:flex;align-items:center;gap:5px}.category-pro-list a,.category-pro-list button{border:0;background:#eef2ec;border-radius:8px;padding:6px 8px;color:var(--admin-ink);text-decoration:none;font:inherit;font-size:10px}.category-pro-list button{color:var(--admin-danger)}.category-form{position:sticky;top:16px}.category-form h2{margin-top:0}.admin-pro-login{max-width:440px}.admin-pro-login>p{color:var(--admin-muted)}
@media(max-width:1050px){.admin-pro-shell{grid-template-columns:78px minmax(0,1fr)}.admin-sidebar nav a span,.admin-logo span,.admin-logout{display:none}.admin-logo b{font-size:17px}.admin-sidebar nav a{justify-content:center;font-size:20px}.editor-pro-layout{grid-template-columns:minmax(0,1fr) 300px}.dashboard-grid{grid-template-columns:1fr}.media-library{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.admin-pro-shell{display:block}.admin-sidebar{position:fixed;right:-260px;width:220px;transition:.2s;box-shadow:0 0 40px rgba(0,0,0,.25)}.sidebar-open .admin-sidebar{right:0}.admin-sidebar nav a span,.admin-logo span,.admin-logout{display:inline}.admin-sidebar nav a{justify-content:flex-start;font-size:14px}.mobile-menu{display:block}.admin-pro-main{padding:16px 12px 50px}.admin-pro-header{margin-bottom:15px}.admin-pro-header h1{font-size:19px}.pro-stats{grid-template-columns:1fr 1fr;gap:8px}.pro-stats article{padding:13px}.pro-stats strong{font-size:23px}.quick-actions>div{grid-template-columns:1fr 1fr}.post-filters{grid-template-columns:1fr 1fr}.post-filters input{grid-column:1/-1}.pro-post-list article{grid-template-columns:76px 1fr}.post-thumb{width:76px;height:68px}.post-actions{grid-column:1/-1;max-width:none}.editor-pro-layout{display:block}.sticky-publish{position:static}.editor-pro-side{display:flex;flex-direction:column}.editor-pro-side .sticky-publish{order:-10}.title-card #titleInput{font-size:18px}.pro-editor{min-height:420px;padding:18px 14px;font-size:15px}.pro-toolbar{overflow-x:auto;flex-wrap:nowrap}.pro-toolbar button,.pro-toolbar select{white-space:nowrap}.editor-status{overflow:auto;white-space:nowrap}.internal-link-grid{grid-template-columns:1fr}.media-modal{padding:8px}.media-modal-grid{grid-template-columns:repeat(3,1fr)}.media-library{grid-template-columns:1fr 1fr}.category-pro-grid{display:block}.category-form{position:static}.two-fields{grid-template-columns:1fr}.permalink-row span:first-child{display:none}}
@media(max-width:430px){.pro-stats{grid-template-columns:1fr 1fr}.quick-actions>div{grid-template-columns:1fr}.media-library{grid-template-columns:1fr}.media-modal-grid{grid-template-columns:repeat(2,1fr)}}

/* Delzhin AI Blog v1 */
.ai-blog-card{border:1px solid rgba(80,120,80,.22);background:linear-gradient(135deg,rgba(246,250,245,.96),rgba(255,255,255,.98))}.ai-blog-card p{line-height:1.9;margin:.5rem 0;color:#4b554d}.ai-language-box{padding:12px 14px;border:1px solid #dde5dc;border-radius:12px;background:#f8faf7;line-height:1.9;font-size:13px}.single-image figcaption{font-size:.88rem;opacity:.72;margin-top:.65rem;text-align:center}