/* وبلاگ دکتر پلن — کارت‌ها، صفحهٔ مقاله و کادرهای درون‌متن */
.bl{--b1:var(--brand-primary,#5225c0);--b2:var(--brand-secondary,#df1683);--line:var(--bs-border-color,#e4e7ee);--mut:var(--bs-secondary-color,#6b7280)}
.bl-wrap{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:1.6rem;align-items:start}
@media(max-width:991px){.bl-wrap{grid-template-columns:1fr}}
.bl-top{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:1.1rem;margin-bottom:2rem}
.bl-top.one{grid-template-columns:1fr}
@media(max-width:767px){.bl-top{grid-template-columns:1fr}}
.bl-hero{position:relative;display:block;border-radius:18px;overflow:hidden;min-height:430px;color:#fff;text-decoration:none;background:linear-gradient(135deg,var(--b1),#1e1b4b)}
.bl-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top}
.bl-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.8),rgba(0,0,0,.05) 65%)}
.bl-hero .in{position:absolute;right:0;left:0;bottom:0;padding:1.3rem 1.4rem;z-index:1}
.bl-hero h2,.bl-hero p{color:#fff}
.bl-hero h2{font-size:1.45rem;line-height:1.8;margin:.3rem 0}
.bl-hero p{margin:0;opacity:.9;font-size:.95rem;line-height:1.9}
.bl-tag{display:inline-block;background:linear-gradient(90deg,var(--b1),var(--b2));color:#fff;border-radius:999px;font-size:.75rem;padding:.1rem .8rem}
.bl-hero .bl-m{color:#e5e7eb;font-size:.8rem}
.bl-box{border:1px solid var(--line);border-radius:16px;padding:1rem 1.1rem;background:var(--bs-body-bg,#fff);margin-bottom:1.1rem}
.bl-box h3{font-size:1rem;margin:0 0 .7rem;padding-right:.6rem;border-right:4px solid var(--b1)}
.bl-ol{list-style:none;margin:0;padding:0}
.bl-ol li{padding:.65rem 0;border-bottom:1px dashed var(--line)}
.bl-ol li:last-child{border:0}
.bl-ol a{text-decoration:none;color:inherit;font-weight:600;line-height:1.9;display:block}
.bl-ol a:hover{color:var(--b1)}
.bl-ol .bl-m{font-size:.8rem;color:var(--mut)}
.bl-cta{background:linear-gradient(135deg,var(--b1),#1e1b4b);color:#fff;border:0}
.bl-cta h3{border-color:#fff;color:#fff}
.bl-cta a.btn{background:#fff;color:var(--b1)}
.bl-sec h2{font-size:1.2rem;margin:0 0 1rem;padding-right:.6rem;border-right:4px solid var(--b1)}
/* کارت مقاله (مثل Liona) */
.bl-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.6rem 1.3rem}
@media(max-width:991px){.bl-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:575px){.bl-grid{grid-template-columns:1fr}}
.bl-card{display:flex;flex-direction:column;gap:.75rem;text-decoration:none;color:inherit}
.bl-ph{position:relative;display:block;border-radius:20px;overflow:hidden;aspect-ratio:16/10;background:linear-gradient(135deg,#ede9fe,#fce7f3)}
.bl-ph img,.bl-ph .ph{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s}
.bl-card:hover .bl-ph img{transform:scale(1.04)}
.bl-ph:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.55),transparent 55%)}
.bl-cat{position:absolute;right:12px;bottom:12px;z-index:1;display:inline-flex;gap:.35rem;align-items:center;background:rgba(0,0,0,.45);backdrop-filter:blur(4px);color:#fff;border-radius:999px;padding:.15rem .8rem .15rem .25rem;font-size:.75rem}
.bl-cat i{font-style:normal;background:linear-gradient(90deg,var(--b1),var(--b2));border-radius:999px;padding:.1rem .6rem}
.bl-card h2{font-size:1.02rem;margin:0;line-height:1.9;font-weight:700}
.bl-card:hover h2{color:var(--b1)}
.bl-card .bl-meta{display:flex;gap:1rem;align-items:center;color:var(--mut);font-size:.82rem}
.bl-card .bl-go{margin-right:auto;font-size:1.1rem}
/* صفحهٔ مقاله */
.po-head{max-width:880px;margin:0 auto 1.4rem;text-align:right}
.po-head h1{font-size:1.9rem;line-height:1.9;margin:.5rem 0}
.po-lead{color:var(--mut);font-size:1.05rem;line-height:2}
.po-meta{display:flex;flex-wrap:wrap;gap:.6rem 1.2rem;align-items:center;color:var(--mut);font-size:.88rem;margin-top:.8rem}
.po-meta .av{display:inline-flex;align-items:center;gap:.4rem;color:inherit}
.po-meta .av b{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,var(--b1),var(--b2));color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:.8rem}
.po-meta button{border:1px solid var(--line);background:none;border-radius:999px;padding:.1rem .7rem;color:inherit;font:inherit;cursor:pointer}
.po-cover{display:block;width:100%;max-width:1100px;margin:0 auto 1.8rem;border-radius:22px;aspect-ratio:16/8;object-fit:cover}
.po-wrap{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:2rem;max-width:1100px;margin:0 auto;align-items:start}
@media(max-width:991px){.po-wrap{grid-template-columns:1fr}}
.po-side{position:sticky;top:84px}
@media(max-width:991px){.po-side{position:static}}
.po-toc ol{margin:0;padding:0;list-style:none;line-height:2.2}
.po-toc a{text-decoration:none;color:inherit}
.po-toc a:hover{color:var(--b1)}
.content{line-height:2.2;font-size:1.05rem;--fs:1}
.content.fs-1{font-size:1.15rem}.content.fs-2{font-size:1.25rem}
.content h2{font-size:1.45rem;margin:2.2rem 0 .9rem;padding-bottom:.4rem;border-bottom:2px solid var(--line);position:relative;scroll-margin-top:90px}
.content h2:after{content:"";position:absolute;right:0;bottom:-2px;width:70px;height:2px;background:linear-gradient(90deg,var(--b1),var(--b2))}
.content h3{font-size:1.15rem;margin:1.6rem 0 .6rem;color:var(--b1)}
.content p{margin:0 0 1rem}
.content ul,.content ol{margin:0 0 1.1rem;padding-right:1.4rem}
.content li{margin-bottom:.3rem}
.content a{color:var(--b1)}
.content sup a{text-decoration:none;font-weight:700;padding:0 .1rem}
.content img{max-width:100%;height:auto;border-radius:12px}
.content blockquote{margin:1.4rem 0;border-right:4px solid var(--b2);padding:.8rem 1.1rem;background:rgba(223,22,131,.05);border-radius:12px;font-weight:500}
.content table{width:100%;border-collapse:separate;border-spacing:0;margin:1.2rem 0;border:1px solid var(--line);border-radius:12px;overflow:hidden;font-size:.95rem;line-height:1.9}
.content th{background:linear-gradient(90deg,var(--b1),#6d3fe0);color:#fff;padding:.55rem .8rem;text-align:right}
.content td{padding:.5rem .8rem;border-top:1px solid var(--line);vertical-align:top}
.content tr:nth-child(even) td{background:rgba(82,37,192,.04)}
.content div[class^="bx-"]{border-radius:16px;padding:1rem 1.2rem;margin:1.4rem 0;line-height:2;font-size:.98rem;border:1px solid transparent;position:relative}
.content div[class^="bx-"] p:last-child{margin-bottom:0}
.content div[class^="bx-"]>strong:first-child,.content div[class^="bx-"] h3:first-child{display:block;margin:0 0 .3rem;font-size:1rem}
.bx-tip{background:#ecfdf5;border-color:#a7f3d0!important;border-right:5px solid #10b981!important;color:#064e3b}
.bx-warn{background:#fff7ed;border-color:#fed7aa!important;border-right:5px solid #f97316!important;color:#7c2d12}
.bx-key{background:#f5f3ff;border-color:#ddd6fe!important;border-right:5px solid var(--b1)!important;color:#2e1065}
.bx-note{background:#eff6ff;border-color:#bfdbfe!important;border-right:5px solid #3b82f6!important;color:#1e3a8a}
.bx-ex{background:#fdf2f8;border-color:#fbcfe8!important;border-right:5px solid var(--b2)!important;color:#831843}
.bx-stat{background:linear-gradient(135deg,var(--b1),#1e1b4b);color:#fff;text-align:center}
.bx-cta{background:linear-gradient(135deg,#0f766e,#134e4a);color:#fff}
.bx-cta a,.bx-stat a{color:#fff;font-weight:700}
.bx-refs{background:var(--bs-tertiary-bg,#f8fafc);border:1px solid var(--line)!important;font-size:.88rem!important;direction:ltr;text-align:left}
.bx-refs h3{direction:rtl;text-align:right;color:inherit}
.bx-refs ol{padding-left:1.5rem;padding-right:0;margin:0}
.bx-refs li{margin-bottom:.55rem;line-height:1.8;scroll-margin-top:90px}
.bx-refs li:target{background:#fef9c3;border-radius:6px}
.po-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin:2rem 0 1rem}
.po-tags a,.po-tags span{border:1px solid var(--line);border-radius:999px;padding:.15rem .9rem;font-size:.85rem;color:inherit;text-decoration:none}
.po-author{display:flex;gap:1rem;align-items:center;border:1px solid var(--line);border-radius:18px;padding:1.1rem 1.3rem;margin:1.4rem 0}
.po-author .av{flex:none;width:70px;height:70px;border-radius:50%;background:linear-gradient(135deg,var(--b1),var(--b2));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.3rem}
.po-nav{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1.4rem 0}
@media(max-width:575px){.po-nav{grid-template-columns:1fr}}
.po-nav a{display:block;border:1px solid var(--line);border-radius:16px;padding:.9rem 1.1rem;text-decoration:none;color:inherit}
.po-nav a small{display:block;color:var(--mut)}
.po-nav a:hover{border-color:var(--b1)}
.po-share a,.po-share button{border:1px solid var(--line);background:none;border-radius:999px;padding:.2rem .9rem;font-size:.85rem;color:inherit;text-decoration:none;cursor:pointer;font-family:inherit}
@media(prefers-reduced-motion:reduce){.bl-ph img{transition:none}.bl-card:hover .bl-ph img{transform:none}}