:root{
    --pgco-brand:#19284F; --pgco-accent:#EF4444; --pgco-muted:#6E7A90;
    --pgco-bg:#F7F8FA; --pgco-card:#FFFFFF; --pgco-text:#1B2748;
    --pgco-chip:#EAEDEF; --pgco-border:#E5E8EF; --container:1200px;
}

.pg-about{
    width:100%;
    max-width:var(--container);
    margin:0 auto;
    padding:16px 12px 80px;
    color:var(--pgco-text);
}

/* عنوان fallback وقتی topbar نداری */
.about-hero{padding:6px 2px 10px}
.about-title{margin:0; font-size:22px; font-weight:900}

/* Grid پایه: در موبایل به ترتیب (متن عادی → تصویر → متن کادر‌دار) */
.about-grid{
    display:grid;
    grid-template-columns:1fr;
    gap:16px;
    margin-top:8px;
}

/* کارت عمومی برای متن عادی */
.card{
    background:var(--pgco-card);
    border:1px solid var(--pgco-border);
    border-radius:18px;
    padding:16px;
    box-shadow:0 12px 26px rgba(0,0,0,.06);
    margin-top: 15px;
}

/* محتوای متن عادی */
.entry-content{
    line-height:1.9;
    font-size:15px;
}
.entry-content p{margin:0 0 12px}
.entry-content img{max-width:100%; height:auto; border-radius:12px}
.entry-content a{color:#3D619B; text-decoration:underline}

/* ===== تصویر: بدون بک‌گراند/بردر/شدو و بدون نسبت اجباری ===== */
.media-card{
    background:transparent;
    border:none;
    box-shadow:none;
    padding:0;
}
.media-thumb{
    width:100%;
    /* بدون aspect-ratio و بدون کانتینر رنگی */
    background:transparent;
    border:none;
    border-radius:0;
    overflow:visible;
}
.media-thumb img{
    display:block;
    max-width:100%;
    height:auto;
    border-radius:0; /* هرچی خودِ تصویر هست همان بماند */
}

/* ===== متن کادر‌دار: فقط بک‌گراند متفاوت، بدون بردر ===== */
.boxed{
    background:var(--pgco-chip); /* بک‌گراند ملایم و متفاوت از کارت سفید */
    border:none;                 /* طبق درخواست: بدون بردر */
    border-radius:16px;
    padding:16px;
    line-height:1.9;
    font-weight:800;
    box-shadow:none;             /* شادو هم حذف شد تا خیلی تمیز بماند */
}
.boxed p{margin:0 0 10px}

/* دسکتاپ: دو ستونه؛ کادر‌دار تمام‌عرض پایین */
@media (min-width:992px){
    .about-grid{
        grid-template-columns:1fr 1fr;
        gap:22px;
    }
    .about-normal{grid-column:1}
    .about-media{grid-column:2}
    .about-boxed{grid-column:1 / -1}

    .card{padding:20px}
    .entry-content{font-size:16px}
}

/* جداساز اختیاری */
.pg-sep{ border:0; height:1px; background:var(--pgco-border); margin:22px 0 18px; }