/* Articles — BookKav professional article system */
.page-articles,.page-article-detail,.page-article-form,.page-my-articles{background:var(--bk-bg);}
.articles-hero__grid,.article-detail__hero-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.7fr);gap:clamp(1.5rem,4vw,3rem);align-items:center;}
.articles-hero h1,.article-detail__hero h1,.article-form-head h1{margin:.45rem 0;color:var(--bk-heading);font-size:clamp(2rem,4vw,3.7rem);line-height:1.35;}
.articles-hero p,.article-form-head p,.article-detail__subtitle{color:var(--bk-muted);line-height:2;max-width:72ch;}
.articles-hero__actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.2rem;}
.articles-hero__panel{border:1px solid color-mix(in srgb,var(--bk-gold) 36%,rgba(255,255,255,.16));background:rgba(255,255,255,.07);border-radius:var(--radius-lg);padding:clamp(1.2rem,3vw,2rem);display:grid;gap:.45rem;text-align:center;box-shadow:none;}
.articles-hero__panel strong{font-size:clamp(2.2rem,5vw,4rem);color:var(--bk-gold);line-height:1;}
.articles-hero__panel span{color:#fff;font-weight:800;}
.articles-hero__panel small{color:rgba(255,255,255,.72);line-height:1.8;}

.articles-index__grid{display:grid;grid-template-columns:minmax(270px,320px) minmax(0,1fr);gap:clamp(1.2rem,3vw,2rem);align-items:start;}
.articles-filter{position:sticky;top:96px;}
.articles-filter form,.articles-cats,.article-side__box{border:1px solid var(--bk-border);border-radius:24px;background:var(--bk-card);padding:1rem;box-shadow:none;}
.articles-filter form{display:grid;gap:.78rem;}
.articles-filter strong,.articles-cats span,.article-side__box strong{font-size:1rem;color:var(--bk-heading);}
.articles-filter label{display:grid;gap:.28rem;color:var(--bk-muted);font-size:.78rem;}
.article-filter__control,.article-form__control{width:100%;border:1px solid var(--bk-border);border-radius:18px;background:var(--bk-bg);color:var(--bk-heading);padding:.78rem .9rem;font-family:var(--font-main);}
.article-filter__control:focus,.article-form__control:focus{outline:none;border-color:var(--bk-gold);box-shadow:0 0 0 3px rgba(168,129,45,.13);}
.articles-filter__clear{font-size:.82rem;color:var(--bk-gold-700);font-weight:800;text-align:center;}
.articles-cats{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:1rem;}
.articles-cats span{width:100%;}
.articles-cats a,.article-tags a{border:1px solid var(--bk-border);border-radius:999px;padding:.42rem .76rem;background:var(--bk-bg);color:var(--bk-body);font-size:.8rem;}
.articles-cats a:hover,.article-tags a:hover{border-color:var(--bk-gold);color:var(--bk-heading);}
.articles-featured{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-bottom:1.2rem;}
.articles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem;}
.article-card{border:1px solid var(--bk-border);border-radius:24px;background:var(--bk-card);overflow:hidden;box-shadow:none;transition:transform .24s var(--ease),border-color .24s var(--ease);}
.article-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--bk-gold) 34%,var(--bk-border));}
.article-card__media{display:block;aspect-ratio:16/10;background:linear-gradient(135deg,var(--bk-brand),color-mix(in srgb,var(--bk-gold) 45%,var(--bk-brand)));overflow:hidden;}
.article-card__media img{width:100%;height:100%;object-fit:cover;display:block;}
.article-card__placeholder{width:100%;height:100%;display:grid;place-items:center;color:#fff;font-size:3rem;font-weight:900;}
.article-card__body{padding:1rem;display:grid;gap:.62rem;}
.article-card__meta{display:flex;justify-content:space-between;gap:.6rem;color:var(--bk-muted);font-size:.76rem;}
.article-card__meta a{color:var(--bk-gold-700);font-weight:800;}
.article-card h2{font-size:1.05rem;line-height:1.6;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.article-card h2 a{color:var(--bk-heading);}
.article-card p{margin:0;color:var(--bk-body);font-size:.86rem;line-height:1.9;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.article-card__foot{display:flex;justify-content:space-between;gap:.6rem;color:var(--bk-muted);font-size:.76rem;border-top:1px solid var(--bk-border);padding-top:.7rem;}
.articles-pagination{display:flex;justify-content:center;align-items:center;gap:.75rem;margin-top:1.5rem;}
.articles-pagination a{border:1px solid var(--bk-border);border-radius:999px;padding:.5rem .95rem;background:var(--bk-card);color:var(--bk-heading);font-weight:800;}
.articles-empty{border:1px dashed var(--bk-border);border-radius:24px;background:var(--bk-inset);padding:2rem;text-align:center;color:var(--bk-muted);}

.article-detail__hero{padding-block:clamp(2rem,5vw,4rem);}
.article-detail__meta{display:flex;flex-wrap:wrap;gap:.6rem;margin:1rem 0 1.35rem;color:rgba(255,255,255,.78);}
.article-detail__meta span,.article-detail__meta time{border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:.35rem .75rem;background:rgba(255,255,255,.06);}
.article-detail__cover{width:100%;border-radius:28px;aspect-ratio:4/3;object-fit:cover;border:1px solid rgba(255,255,255,.14);}
.article-detail__layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,300px);gap:clamp(1.2rem,3vw,2rem);align-items:start;padding-block:clamp(2rem,5vw,4rem);}
.article-content{border:1px solid var(--bk-border);border-radius:28px;background:var(--bk-card);padding:clamp(1.25rem,3vw,2.5rem);font-size:1.02rem;line-height:2.15;color:var(--bk-body);}
.article-content h2,.article-content h3,.article-content h4{color:var(--bk-heading);line-height:1.6;margin:2rem 0 .8rem;}
.article-content h2{font-size:1.75rem;}
.article-content h3{font-size:1.35rem;}
.article-content p{margin:0 0 1rem;}
.article-content blockquote{margin:1.2rem 0;padding:1rem 1.2rem;border-inline-start:4px solid var(--bk-gold);background:var(--bk-inset);border-radius:18px;color:var(--bk-heading);}
.article-content img{max-width:100%;border-radius:22px;display:block;margin:1.2rem auto;}
.article-content table{width:100%;border-collapse:collapse;margin:1.2rem 0;overflow:hidden;border-radius:18px;display:table;}
.article-content th,.article-content td{border:1px solid var(--bk-border);padding:.75rem;text-align:start;}
.article-content th{background:var(--bk-inset);color:var(--bk-heading);}
.article-content pre{direction:ltr;text-align:left;background:#111827;color:#E5E7EB;padding:1rem;border-radius:18px;overflow:auto;}
.article-tags{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:2rem;padding-top:1.2rem;border-top:1px solid var(--bk-border);}
.article-side{position:sticky;top:96px;display:grid;gap:1rem;}
.article-side__box{display:grid;gap:.65rem;}
.article-side__box a{color:var(--bk-body);line-height:1.8;}
.article-side__box a:hover{color:var(--bk-gold-700);}

.article-form-page,.my-articles-page{padding-top:2rem;}
.article-form-head{margin-bottom:1.4rem;}
.article-form-head h1{font-size:clamp(1.8rem,4vw,3rem);}
.article-form{display:grid;gap:1.2rem;}
.article-form__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;border:1px solid var(--bk-border);border-radius:28px;background:var(--bk-card);padding:1.2rem;}
.article-form label{display:grid;gap:.35rem;color:var(--bk-muted);font-size:.82rem;}
.article-form__wide{grid-column:1/-1;}
.article-editor-shell{border:1px solid var(--bk-border);border-radius:28px;background:var(--bk-card);padding:1rem;}
.article-editor-label{display:block;margin-bottom:.7rem;color:var(--bk-heading);font-weight:800;}
.article-form__actions{display:flex;gap:.75rem;flex-wrap:wrap;}
.form-errors{border:1px solid #F0B6B6;background:#FFF5F5;color:#B42318;border-radius:18px;padding:.8rem 1rem;}
.my-articles-table{overflow:auto;border:1px solid var(--bk-border);border-radius:24px;background:var(--bk-card);}
.my-articles-table table{width:100%;border-collapse:collapse;min-width:760px;}
.my-articles-table th,.my-articles-table td{padding:.9rem 1rem;border-bottom:1px solid var(--bk-border);text-align:start;}
.my-articles-table th{background:var(--bk-inset);color:var(--bk-heading);}

/* Rich editor */
.article-rich-source{display:none!important;}
.bk-rich-editor{border:1px solid var(--bk-border);border-radius:24px;background:var(--bk-bg);overflow:hidden;}
.bk-rich-editor__toolbar{display:flex;flex-wrap:wrap;gap:.35rem;padding:.65rem;border-bottom:1px solid var(--bk-border);background:var(--bk-inset);position:sticky;top:0;z-index:2;}
.bk-rich-editor__toolbar button,.bk-rich-editor__toolbar select,.bk-rich-editor__toolbar input[type=color]{border:1px solid var(--bk-border);border-radius:12px;background:var(--bk-card);color:var(--bk-heading);padding:.45rem .6rem;font-family:var(--font-main);font-size:.82rem;min-height:34px;}
.bk-rich-editor__toolbar button{cursor:pointer;font-weight:800;}
.bk-rich-editor__toolbar button:hover{border-color:var(--bk-gold);}
.bk-rich-editor__canvas{min-height:520px;padding:clamp(1rem,2vw,2rem);outline:none;background:var(--bk-card);color:var(--bk-body);line-height:2.1;border-radius:0 0 24px 24px;}
.bk-rich-editor__canvas:empty:before{content:"متن مقاله را اینجا بنویسید...";color:var(--bk-muted);}
.bk-rich-editor__canvas img{max-width:100%;height:auto;border-radius:18px;display:block;margin:1rem auto;}
.bk-rich-editor__canvas table{width:100%;border-collapse:collapse;margin:1rem 0;}
.bk-rich-editor__canvas td,.bk-rich-editor__canvas th{border:1px solid var(--bk-border);padding:.6rem;}
.bk-rich-editor__canvas blockquote{border-inline-start:4px solid var(--bk-gold);background:var(--bk-inset);padding:.9rem 1rem;border-radius:16px;}
.bk-rich-editor__canvas pre{direction:ltr;text-align:left;background:#111827;color:#E5E7EB;padding:1rem;border-radius:16px;overflow:auto;}

@media (max-width:980px){.articles-hero__grid,.article-detail__hero-grid,.articles-index__grid,.article-detail__layout{grid-template-columns:1fr}.articles-filter,.article-side{position:static}.articles-featured{grid-template-columns:1fr}.article-form__grid{grid-template-columns:1fr}.article-form__wide{grid-column:auto}}
@media (max-width:640px){.articles-grid{grid-template-columns:1fr}.article-content{padding:1rem}.bk-rich-editor__toolbar{max-height:220px;overflow:auto}.bk-rich-editor__canvas{min-height:380px}}

/* ============================================================
   Articles Pro Refresh — editor studio + premium article design
   ============================================================ */
.article-studio-page{background:linear-gradient(180deg,var(--bk-bg),color-mix(in srgb,var(--bk-inset) 58%,var(--bk-bg)));}
.article-studio-hero{padding-block:clamp(2rem,5vw,4.5rem) clamp(1rem,3vw,2rem);background:radial-gradient(circle at top right,color-mix(in srgb,var(--bk-gold) 18%,transparent),transparent 36%),linear-gradient(135deg,var(--bk-brand),#0b2f27);color:#fff;}
.article-studio-hero__grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(270px,.55fr);gap:clamp(1.4rem,4vw,3rem);align-items:center;}
.article-studio-hero h1{margin:.45rem 0;color:#fff;font-size:clamp(2rem,4.5vw,4rem);line-height:1.28;letter-spacing:-.02em;}
.article-studio-hero p:not(.eyebrow){max-width:75ch;color:rgba(255,255,255,.82);line-height:2;}
.article-studio-hero__panel{border:1px solid rgba(255,255,255,.18);border-radius:28px;background:rgba(255,255,255,.08);padding:1.35rem;display:grid;gap:.35rem;box-shadow:none;}
.article-studio-hero__panel strong{font-size:1.45rem;color:var(--bk-gold);}
.article-studio-hero__panel span{color:rgba(255,255,255,.78);line-height:1.9;}

.article-studio__grid{display:grid;grid-template-columns:minmax(300px,360px) minmax(0,1fr);gap:clamp(1rem,2.4vw,1.7rem);align-items:start;}
.article-studio__wide{grid-column:1/-1;}
.article-studio__side{display:grid;gap:1rem;position:sticky;top:92px;}
.article-studio-card{border:1px solid var(--bk-border);border-radius:28px;background:var(--bk-card);padding:1.1rem;display:grid;gap:.8rem;box-shadow:none;}
.article-studio-card__head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;padding-bottom:.6rem;border-bottom:1px solid var(--bk-border);}
.article-studio-card__head strong{color:var(--bk-heading);font-size:1rem;}
.article-studio-card__head small{color:var(--bk-muted);line-height:1.7;text-align:end;max-width:13rem;}
.article-studio-card label,.article-studio .article-form label{font-size:.8rem;color:var(--bk-muted);}
.article-studio-card textarea.article-form__control{min-height:90px;resize:vertical;}
.article-studio__main{display:grid;gap:1rem;min-width:0;}
.article-editor-shell--pro{padding:0;overflow:hidden;background:var(--bk-card);box-shadow:none;}
.article-editor-shell__head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1.05rem 1.15rem;border-bottom:1px solid var(--bk-border);background:linear-gradient(180deg,var(--bk-card),var(--bk-inset));}
.article-editor-shell__head p{margin:.18rem 0 0;color:var(--bk-muted);font-size:.86rem;line-height:1.8;max-width:70ch;}
.article-editor-shell__actions{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:flex-end;}
.article-studio__actions{justify-content:flex-end;padding:.9rem 0 0;}

.article-quality-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;}
.article-quality-grid div{border:1px solid var(--bk-border);border-radius:18px;background:var(--bk-inset);padding:.75rem;display:grid;gap:.08rem;text-align:center;}
.article-quality-grid b{font-size:1.25rem;color:var(--bk-heading);}
.article-quality-grid span{font-size:.74rem;color:var(--bk-muted);}
.article-checklist{display:grid;gap:.45rem;margin:.1rem 0 0;padding:0;list-style:none;}
.article-checklist li{display:flex;align-items:center;gap:.45rem;color:var(--bk-muted);font-size:.8rem;}
.article-checklist li::before{content:"";width:.62rem;height:.62rem;border-radius:50%;border:1px solid var(--bk-border);background:var(--bk-bg);}
.article-checklist li.is-ok{color:var(--bk-heading);font-weight:700;}
.article-checklist li.is-ok::before{background:var(--bk-brand);border-color:var(--bk-brand);box-shadow:inset 0 0 0 2px #fff;}

/* Pro rich editor */
.bk-rich-editor--pro{border-radius:0;border:0;background:var(--bk-card);}
.bk-rich-editor--pro .bk-rich-editor__toolbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:.55rem;padding:.75rem .85rem;background:var(--bk-bg);border-bottom:1px solid var(--bk-border);box-shadow:none;}
.bk-rich-editor__group{display:flex;align-items:center;gap:.32rem;padding:.34rem;border:1px solid var(--bk-border);border-radius:18px;background:var(--bk-card);}
.bk-rich-editor__group::before{content:attr(data-label);font-size:.68rem;color:var(--bk-muted);padding-inline:.25rem;white-space:nowrap;}
.bk-rich-editor__group button,.bk-rich-editor__group select,.bk-rich-editor__group input[type=color]{border:0;border-radius:12px;background:transparent;color:var(--bk-heading);padding:.46rem .6rem;min-height:34px;font-size:.78rem;}
.bk-rich-editor__group select{background:var(--bk-inset);min-width:118px;}
.bk-rich-editor__group button:hover{background:var(--bk-inset);color:var(--bk-brand);}
.bk-rich-editor__group input[type=color]{width:40px;padding:.2rem;}
.bk-rich-editor--pro .bk-rich-editor__canvas{min-height:680px;border-radius:0;padding:clamp(1.1rem,3vw,3.2rem);font-size:1.03rem;line-height:2.15;background:linear-gradient(180deg,#fff,var(--bk-card));}
.bk-rich-editor__canvas.is-dragover{outline:2px dashed var(--bk-gold);outline-offset:-12px;background:color-mix(in srgb,var(--bk-gold) 8%,var(--bk-card));}
.bk-rich-editor__canvas.is-uploading{cursor:progress;opacity:.9;}
.bk-rich-editor__status{display:flex;justify-content:space-between;gap:1rem;padding:.65rem .95rem;border-top:1px solid var(--bk-border);background:var(--bk-inset);color:var(--bk-muted);font-size:.78rem;}
.bk-rich-editor.is-fullscreen{position:fixed;inset:16px;z-index:9999;border:1px solid var(--bk-border);border-radius:28px;background:var(--bk-card);box-shadow:0 20px 90px rgba(0,0,0,.32);display:grid;grid-template-rows:auto 1fr auto;}
.bk-rich-editor.is-fullscreen .bk-rich-editor__canvas{min-height:0;overflow:auto;}

/* Article content blocks rendered in editor and final article */
.article-content .article-lead,.bk-rich-editor__canvas .article-lead{font-size:1.18rem;line-height:2.1;color:var(--bk-heading);background:linear-gradient(90deg,color-mix(in srgb,var(--bk-gold) 13%,transparent),transparent);border-inline-start:4px solid var(--bk-gold);border-radius:18px;padding:1rem 1.2rem;margin:0 0 1.2rem;}
.article-callout{border:1px solid var(--bk-border);border-radius:22px;padding:1rem 1.1rem;margin:1.2rem 0;background:var(--bk-inset);}
.article-callout strong{display:block;color:var(--bk-heading);margin-bottom:.35rem;font-size:1rem;}
.article-callout p{margin:0!important;color:var(--bk-body);}
.article-callout--info{border-color:color-mix(in srgb,var(--bk-brand) 24%,var(--bk-border));background:color-mix(in srgb,var(--bk-brand) 7%,var(--bk-card));}
.article-callout--warning{border-color:color-mix(in srgb,#f59e0b 35%,var(--bk-border));background:#fffbeb;}
.article-callout--success{border-color:color-mix(in srgb,#16a34a 35%,var(--bk-border));background:#f0fdf4;}
.article-check-block{border:1px solid color-mix(in srgb,var(--bk-gold) 25%,var(--bk-border));border-radius:24px;background:linear-gradient(180deg,var(--bk-card),color-mix(in srgb,var(--bk-gold) 6%,var(--bk-card)));padding:1rem 1.2rem;margin:1.2rem 0;}
.article-check-block strong{display:block;color:var(--bk-heading);margin-bottom:.55rem;}
.article-check-block ul{margin:0;padding-inline-start:1.2rem;}
.article-cta-block{border-radius:26px;padding:1.3rem;margin:1.4rem 0;background:linear-gradient(135deg,var(--bk-brand),#0b2f27);color:#fff;display:grid;gap:.45rem;}
.article-cta-block strong{color:var(--bk-gold);font-size:1.15rem;}
.article-cta-block p{color:rgba(255,255,255,.82);margin:0!important;}
.article-cta-block a{display:inline-flex;justify-content:center;width:max-content;border-radius:999px;background:var(--bk-gold);color:#1f1a0c;padding:.55rem 1rem;font-weight:900;margin-top:.35rem;}
.article-faq{margin:1.4rem 0;}
.article-faq details{border:1px solid var(--bk-border);border-radius:18px;background:var(--bk-inset);padding:.75rem 1rem;margin:.65rem 0;}
.article-faq summary{cursor:pointer;color:var(--bk-heading);font-weight:800;}
.article-two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1.2rem 0;}
.article-two-col>div{border:1px solid var(--bk-border);border-radius:22px;background:var(--bk-inset);padding:1rem;}
.article-figure figcaption{color:var(--bk-muted);font-size:.84rem;text-align:center;margin-top:.4rem;}
.article-table-wrap{overflow:auto;margin:1.2rem 0;border-radius:18px;border:1px solid var(--bk-border);}
.article-table-wrap table{margin:0!important;border:0!important;}
.article-divider{border:0;border-top:1px solid var(--bk-border);margin:2rem auto;width:68%;}

/* Better article index and detail */
.articles-hero{background:radial-gradient(circle at top right,color-mix(in srgb,var(--bk-gold) 18%,transparent),transparent 38%),linear-gradient(135deg,var(--bk-brand),#0b2f27);}
.articles-filter form,.articles-cats,.article-side__box,.article-card,.article-content{box-shadow:none;}
.article-card{border-radius:28px;}
.article-card__media{aspect-ratio:16/9;}
.article-card__body{padding:1.05rem 1.08rem;}
.article-detail__cover{box-shadow:0 18px 60px rgba(0,0,0,.20);}
.article-side__toc nav{display:grid;gap:.35rem;}
.article-side__toc nav a{border-inline-start:2px solid transparent;padding:.2rem .55rem;color:var(--bk-muted);font-size:.86rem;}
.article-side__toc nav a.is-child{padding-inline-start:1.2rem;font-size:.8rem;}
.article-side__toc nav a:hover{border-color:var(--bk-gold);color:var(--bk-heading);}
.article-reading-progress{position:fixed;top:0;inset-inline:0;height:3px;background:var(--bk-gold);transform:scaleX(0);transform-origin:right center;z-index:9999;}

.article-preview-modal,.article-template-modal{position:fixed;inset:0;z-index:10000;display:none;}
.article-preview-modal.is-open,.article-template-modal.is-open{display:block;}
.article-preview-modal__backdrop,.article-template-modal__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.46);backdrop-filter:blur(4px);}
.article-preview-modal__card,.article-template-modal__card{position:relative;width:min(980px,calc(100vw - 28px));max-height:calc(100vh - 36px);overflow:auto;margin:18px auto;background:var(--bk-card);border:1px solid var(--bk-border);border-radius:28px;box-shadow:0 24px 90px rgba(0,0,0,.35);}
.article-preview-modal__head,.article-template-modal__head{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid var(--bk-border);background:var(--bk-card);}
.article-preview-modal__head strong,.article-template-modal__head strong{color:var(--bk-heading);}
.article-preview-modal__head button,.article-template-modal__head button{border:1px solid var(--bk-border);border-radius:50%;width:36px;height:36px;background:var(--bk-inset);font-size:1.3rem;cursor:pointer;}
.article-preview-modal__body{border:0;border-radius:0;margin:0;}
.article-template-modal__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem;padding:1rem;}
.article-template-modal__grid button{text-align:start;border:1px solid var(--bk-border);border-radius:22px;background:var(--bk-bg);padding:1rem;display:grid;gap:.35rem;cursor:pointer;}
.article-template-modal__grid button:hover{border-color:var(--bk-gold);background:var(--bk-card);}
.article-template-modal__grid strong{color:var(--bk-heading);font-size:1rem;}
.article-template-modal__grid span{color:var(--bk-muted);font-size:.82rem;line-height:1.8;}

@media (max-width:1120px){.article-studio__grid{grid-template-columns:1fr}.article-studio__side{position:static;grid-template-columns:repeat(2,minmax(0,1fr));}.article-studio-quality{grid-column:1/-1}.article-studio-hero__grid{grid-template-columns:1fr}}
@media (max-width:760px){.article-studio__side{grid-template-columns:1fr}.article-editor-shell__head{flex-direction:column}.bk-rich-editor__group{width:100%;overflow:auto}.bk-rich-editor__group::before{min-width:max-content}.bk-rich-editor__status{flex-direction:column}.article-two-col,.article-template-modal__grid{grid-template-columns:1fr}.bk-rich-editor.is-fullscreen{inset:6px;border-radius:18px}.article-studio-card__head{flex-direction:column}.article-studio-card__head small{text-align:start}.bk-rich-editor--pro .bk-rich-editor__canvas{min-height:420px}}

/* ============================================================
   BookKav Articles Hotfix v3 — Unicode slugs + modern editor UI
   ============================================================ */
.page-article-form.article-studio-page{background:
  radial-gradient(circle at 82% 0%, color-mix(in srgb,var(--bk-gold) 13%,transparent), transparent 34%),
  linear-gradient(180deg, var(--bk-bg), color-mix(in srgb,var(--bk-inset) 62%,var(--bk-bg)) 46%, var(--bk-bg));}
.article-studio-page .section-shell.article-form-page{padding-top:clamp(1rem,2.5vw,2rem);padding-bottom:clamp(2rem,5vw,4rem);}
.article-studio-hero{position:relative;overflow:hidden;padding-block:clamp(1.7rem,4vw,3.7rem);border-bottom:1px solid rgba(255,255,255,.08);}
.article-studio-hero::after{content:"";position:absolute;inset:auto -10% -44% 4%;height:180px;background:radial-gradient(circle,color-mix(in srgb,var(--bk-gold) 24%,transparent),transparent 70%);opacity:.65;pointer-events:none;}
.article-studio-hero__grid{position:relative;z-index:1;}
.article-studio-hero h1{max-width:900px;text-wrap:balance;}
.article-studio-hero__panel{position:relative;overflow:hidden;border-radius:32px;background:linear-gradient(145deg,rgba(255,255,255,.14),rgba(255,255,255,.05));backdrop-filter:blur(12px);}
.article-studio-hero__panel::before{content:"";position:absolute;inset-inline:0;top:0;height:3px;background:linear-gradient(90deg,transparent,var(--bk-gold),transparent);opacity:.88;}
.article-studio__grid{grid-template-columns:minmax(310px,380px) minmax(0,1fr);gap:clamp(1.1rem,2.5vw,2rem);}
.article-studio-card{position:relative;overflow:hidden;border-radius:30px;background:linear-gradient(180deg,var(--bk-card),color-mix(in srgb,var(--bk-inset) 42%,var(--bk-card)));box-shadow:0 12px 32px -28px rgba(0,0,0,.38);}
.article-studio-card::before{content:"";position:absolute;inset-block:0;inset-inline-start:0;width:3px;background:linear-gradient(180deg,var(--bk-gold),transparent);opacity:.85;}
.article-studio-card__head strong{font-size:1.02rem;}
.article-studio-card label{gap:.45rem;font-weight:700;}
.article-studio-card .article-form__control{border-radius:18px;background:color-mix(in srgb,var(--bk-bg) 82%,var(--bk-card));transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;}
.article-studio-card .article-form__control:hover{border-color:color-mix(in srgb,var(--bk-gold) 34%,var(--bk-border));}
.article-editor-shell--pro{border-radius:34px;border-color:color-mix(in srgb,var(--bk-gold) 18%,var(--bk-border));overflow:hidden;box-shadow:0 18px 60px -46px rgba(0,0,0,.45);}
.article-editor-shell__head{background:
  linear-gradient(135deg, color-mix(in srgb,var(--bk-gold) 9%,var(--bk-card)), var(--bk-card) 55%, color-mix(in srgb,var(--bk-brand) 6%,var(--bk-card)));}
.article-editor-shell__head .article-editor-label{font-size:1.08rem;}
.article-editor-shell__actions .btn{border-radius:999px;}

.bk-rich-editor--pro{background:var(--bk-card);}
.bk-rich-editor--pro .bk-rich-editor__toolbar{position:sticky;top:0;z-index:30;display:flex;align-items:stretch;gap:.55rem;padding:.8rem;background:color-mix(in srgb,var(--bk-card) 86%,var(--bk-bg));border-bottom:1px solid color-mix(in srgb,var(--bk-gold) 16%,var(--bk-border));overflow-x:auto;scrollbar-width:thin;}
.bk-rich-editor--pro .bk-rich-editor__toolbar::-webkit-scrollbar{height:7px;}
.bk-rich-editor--pro .bk-rich-editor__toolbar::-webkit-scrollbar-thumb{border-radius:999px;background:color-mix(in srgb,var(--bk-gold) 32%,var(--bk-border));}
.bk-rich-editor__group{flex:0 0 auto;position:relative;align-items:center;border-radius:20px;padding:.38rem .46rem;background:linear-gradient(180deg,var(--bk-card),color-mix(in srgb,var(--bk-inset) 64%,var(--bk-card)));border-color:color-mix(in srgb,var(--bk-border) 84%,var(--bk-gold));box-shadow:0 8px 22px -20px rgba(0,0,0,.35);}
.bk-rich-editor__group::before{align-self:center;margin-inline-end:.1rem;padding:.2rem .42rem;border-radius:999px;background:color-mix(in srgb,var(--bk-gold) 11%,transparent);color:color-mix(in srgb,var(--bk-gold) 70%,var(--bk-heading));font-weight:900;}
.bk-rich-editor__group button,.bk-rich-editor__group select,.bk-rich-editor__group input[type=color]{height:38px;border-radius:14px;font-weight:850;}
.bk-rich-editor__group button{display:inline-flex;align-items:center;justify-content:center;gap:.32rem;white-space:nowrap;transition:background .18s ease,color .18s ease,transform .18s ease;}
.bk-rich-editor__group button:hover{transform:translateY(-1px);background:color-mix(in srgb,var(--bk-gold) 12%,var(--bk-inset));color:var(--bk-heading);}
.bk-rich-editor__group button:active{transform:translateY(0);}
.bk-rich-editor__icon{display:inline-grid;place-items:center;min-width:1.1rem;height:1.1rem;direction:ltr;font-family:Arial,system-ui,sans-serif;font-weight:900;line-height:1;color:var(--bk-gold-700,#7a5e1f);}
.bk-rich-editor__group--compact button span:last-child{font-size:.73rem;}
.bk-rich-editor__group--structure select,.bk-rich-editor__group select{min-width:136px;padding-inline:.75rem;background:color-mix(in srgb,var(--bk-bg) 82%,var(--bk-card));border:1px solid transparent;}
.bk-rich-editor__group select:focus{outline:none;border-color:var(--bk-gold);box-shadow:0 0 0 3px color-mix(in srgb,var(--bk-gold) 14%,transparent);}
.bk-rich-editor__group--colors input[type=color]{width:42px;height:38px;border:1px solid var(--bk-border);background:var(--bk-bg);padding:.16rem;}
.bk-rich-editor--pro .bk-rich-editor__canvas.article-content{border:0;border-radius:0;box-shadow:inset 0 1px 0 rgba(255,255,255,.38);}
.bk-rich-editor--pro .bk-rich-editor__canvas{min-height:690px;padding:clamp(1.3rem,3vw,3.4rem);background:
  linear-gradient(90deg, color-mix(in srgb,var(--bk-gold) 5%,transparent) 0 1px, transparent 1px 100%),
  linear-gradient(180deg,#fff,color-mix(in srgb,#fff 88%,var(--bk-inset)));background-size:100% 100%,100% 100%;font-size:1.06rem;line-height:2.22;}
.bk-rich-editor__canvas:focus{outline:0;box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--bk-gold) 24%,transparent);}
.bk-rich-editor__canvas:empty:before{content:"متن مقاله را اینجا بنویسید...";display:block;color:color-mix(in srgb,var(--bk-muted) 70%,transparent);font-weight:700;}
.bk-rich-editor__canvas.is-dragover{outline:3px dashed var(--bk-gold);outline-offset:-18px;background:color-mix(in srgb,var(--bk-gold) 10%,var(--bk-card));}
.bk-rich-editor__canvas.is-uploading::after{content:"در حال آپلود تصویر...";position:sticky;bottom:1rem;display:block;width:max-content;margin-inline:auto;padding:.55rem 1rem;border-radius:999px;background:var(--bk-heading);color:var(--bk-card);font-size:.82rem;font-weight:900;box-shadow:0 12px 28px -18px rgba(0,0,0,.45);}
.bk-rich-editor__status{padding:.78rem 1rem;background:linear-gradient(180deg,var(--bk-inset),color-mix(in srgb,var(--bk-card) 72%,var(--bk-inset)));border-top:1px solid var(--bk-border);font-weight:750;}
.bk-rich-editor__status [data-editor-status]{color:var(--bk-heading);}
.bk-rich-editor.is-fullscreen{inset:14px;border-radius:32px;overflow:hidden;}
.bk-rich-editor.is-fullscreen .bk-rich-editor__toolbar{top:0;}

.article-quality-grid div{transition:transform .18s ease,border-color .18s ease;}
.article-quality-grid div:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--bk-gold) 26%,var(--bk-border));}
.article-checklist li::before{transition:background .18s ease,border-color .18s ease,box-shadow .18s ease;}
.article-checklist li.is-ok::before{background:linear-gradient(135deg,var(--bk-brand),var(--bk-gold));border-color:transparent;box-shadow:none;}
.article-status{display:inline-flex;align-items:center;justify-content:center;min-width:92px;border-radius:999px;padding:.32rem .72rem;font-size:.78rem;font-weight:900;border:1px solid var(--bk-border);background:var(--bk-inset);color:var(--bk-heading);}
.article-status--published{border-color:color-mix(in srgb,#16a34a 35%,var(--bk-border));background:#f0fdf4;color:#166534;}
.article-status--draft{border-color:color-mix(in srgb,#64748b 28%,var(--bk-border));background:#f8fafc;color:#334155;}
.article-status--review{border-color:color-mix(in srgb,var(--bk-gold) 40%,var(--bk-border));background:#fffbeb;color:#854d0e;}
.article-status--archived{border-color:color-mix(in srgb,#ef4444 28%,var(--bk-border));background:#fef2f2;color:#991b1b;}
.my-articles-table__title{min-width:240px;}
.my-articles-table__title strong{display:block;color:var(--bk-heading);line-height:1.7;}
.my-articles-table__title small{display:block;direction:ltr;text-align:right;color:var(--bk-muted);font-size:.72rem;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.my-articles-table__actions{display:flex;gap:.45rem;align-items:center;white-space:nowrap;}
.article-action{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--bk-border);border-radius:999px;padding:.42rem .8rem;background:var(--bk-card);color:var(--bk-heading);font-size:.8rem;font-weight:900;}
.article-action:hover{border-color:var(--bk-gold);color:var(--bk-heading);background:color-mix(in srgb,var(--bk-gold) 10%,var(--bk-card));}
.article-action--edit{background:var(--bk-brand);border-color:var(--bk-brand);color:#fff;}
.article-action--edit:hover{background:color-mix(in srgb,var(--bk-brand) 88%,#000);color:#fff;}

html[data-theme="dark"] .bk-rich-editor--pro .bk-rich-editor__canvas{background:linear-gradient(180deg,color-mix(in srgb,var(--bk-card) 82%,#0b1210),var(--bk-card));}
html[data-theme="dark"] .article-status--published{background:color-mix(in srgb,#16a34a 18%,var(--bk-card));color:#bbf7d0;}
html[data-theme="dark"] .article-status--draft{background:color-mix(in srgb,#64748b 18%,var(--bk-card));color:#e2e8f0;}
html[data-theme="dark"] .article-status--review{background:color-mix(in srgb,var(--bk-gold) 18%,var(--bk-card));color:var(--bk-gold);}
html[data-theme="dark"] .article-status--archived{background:color-mix(in srgb,#ef4444 18%,var(--bk-card));color:#fecaca;}

@media (max-width:1120px){
  .article-studio__grid{grid-template-columns:1fr;}
  .article-studio__side{position:static;grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:780px){
  .article-studio-hero{padding-block:1.4rem;}
  .article-studio__side{grid-template-columns:1fr;}
  .article-editor-shell--pro{border-radius:24px;}
  .bk-rich-editor--pro .bk-rich-editor__toolbar{max-height:none;align-items:stretch;padding:.55rem;}
  .bk-rich-editor__group{width:max-content;max-width:92vw;overflow:auto;}
  .bk-rich-editor__group::before{position:sticky;right:0;z-index:1;background:var(--bk-card);}
  .bk-rich-editor__group button span:last-child{display:none;}
  .bk-rich-editor__icon{min-width:1.35rem;height:1.35rem;}
  .bk-rich-editor--pro .bk-rich-editor__canvas{min-height:430px;padding:1rem;font-size:1rem;line-height:2.05;}
  .my-articles-table__actions{flex-direction:column;align-items:stretch;}
}


/* Article delete and link-button tools */
.btn--danger{background:#b42318!important;color:#fff!important;border-color:#b42318!important;}
.btn--danger:hover{filter:brightness(.96);transform:translateY(-1px);}
.article-action--delete{color:#b42318!important;border-color:color-mix(in srgb,#b42318 24%,var(--bk-border))!important;background:#fff5f5!important;}
.article-delete-page{padding-block:clamp(2rem,6vw,5rem);}
.article-delete-card{max-width:760px;margin-inline:auto;border:1px solid color-mix(in srgb,#b42318 22%,var(--bk-border));border-radius:30px;background:var(--bk-card);padding:clamp(1.25rem,4vw,2.4rem);box-shadow:0 18px 70px rgba(0,0,0,.08);display:grid;gap:1rem;text-align:start;}
.article-delete-card__icon{width:52px;height:52px;border-radius:18px;display:grid;place-items:center;background:#fff5f5;color:#b42318;font-size:1.6rem;font-weight:900;}
.article-delete-card h1{margin:0;color:var(--bk-heading);font-size:clamp(1.7rem,4vw,2.5rem);}
.article-delete-card p{margin:0;color:var(--bk-muted);line-height:2;}
.article-delete-card__target{border:1px solid var(--bk-border);border-radius:22px;background:var(--bk-inset);padding:1rem;display:grid;gap:.25rem;}
.article-delete-card__target strong{color:var(--bk-heading);font-size:1.08rem;}
.article-delete-card__target small{direction:ltr;text-align:left;color:var(--bk-muted);font-family:monospace;}
.article-delete-card__actions{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:.35rem;}
.article-button,.bk-rich-editor__canvas .article-button{display:inline-flex!important;align-items:center;justify-content:center;gap:.45rem;width:max-content;max-width:100%;border-radius:999px;padding:.72rem 1.2rem;font-weight:900;text-decoration:none!important;line-height:1.5;transition:transform .2s var(--ease),box-shadow .2s var(--ease),background .2s var(--ease);}
.article-button:hover{transform:translateY(-1px);}
.article-button--gold{background:var(--bk-gold);color:#1f1a0c!important;box-shadow:0 10px 24px color-mix(in srgb,var(--bk-gold) 28%,transparent);}
.article-button--dark{background:var(--bk-brand);color:#fff!important;}
.article-button--ghost{background:transparent;color:var(--bk-heading)!important;border:1px solid var(--bk-border);}
.bk-rich-editor__button-tool{color:var(--bk-gold-700)!important;}

/* ============================================================================
   BookKav Articles — v5 · Shamsi-ready polish, cleaner cards, responsive my-articles
   ============================================================================ */

/* --- article cards: premium, calm, legible --- */
.article-card{ box-shadow:0 1px 2px rgba(20,30,25,.03); }
.article-card:hover{ box-shadow:0 24px 52px -36px rgba(20,40,30,.42); }
.article-card__media{ position:relative; }
.article-card__media::after{ content:""; position:absolute; inset:auto 0 0 0; height:38%;
  background:linear-gradient(180deg,transparent,rgba(8,20,15,.10)); opacity:0; transition:opacity .25s var(--ease); pointer-events:none; }
.article-card:hover .article-card__media::after{ opacity:1; }
.article-card__meta a{ background:color-mix(in srgb,var(--bk-gold) 12%,transparent); border:1px solid color-mix(in srgb,var(--bk-gold) 22%,transparent);
  border-radius:999px; padding:.18rem .62rem; line-height:1.7; }
.article-card__meta span{ align-self:center; }
.article-card__foot{ flex-wrap:wrap; align-items:center; }
.article-card__foot time{ color:var(--bk-muted); font-variant-numeric:tabular-nums; }

/* --- pagination: tidy + brand hover --- */
.articles-pagination a:hover{ border-color:var(--bk-gold); background:color-mix(in srgb,var(--bk-gold) 10%,var(--bk-card)); color:var(--bk-gold-700); }
.articles-pagination span{ color:var(--bk-muted); font-weight:700; font-size:.88rem; }

/* --- filter sidebar: a touch more polish --- */
.articles-filter strong{ display:block; padding-bottom:.5rem; border-bottom:1px solid var(--bk-border); margin-bottom:.2rem; }
.articles-filter .btn--primary{ width:100%; }

/* --- my-articles table (desktop): subtle hover, breathing rows --- */
.my-articles-table tbody tr{ transition:background .16s ease; }
.my-articles-table tbody tr:hover{ background:color-mix(in srgb,var(--bk-gold) 4%,var(--bk-card)); }
.my-articles-table td{ vertical-align:middle; }
.my-articles-table tbody tr:last-child td{ border-bottom:0; }
.my-articles-empty{ padding:2.2rem 1rem; text-align:center; color:var(--bk-muted); }

/* --- article detail: reading comfort --- */
.article-detail__meta time{ font-variant-numeric:tabular-nums; }
.article-content{ text-wrap:pretty; }
.article-content > :first-child{ margin-top:0; }

/* ===========================  RESPONSIVE  =========================== */

/* tablet: tighten hero + grids */
@media (max-width:900px){
  .articles-featured{ grid-template-columns:1fr; }
  .articles-grid{ grid-template-columns:repeat(auto-fill,minmax(220px,1fr)); }
  .article-detail__cover{ aspect-ratio:16/9; }
}

/* my-articles table -> stacked cards on phones */
@media (max-width:720px){
  .my-articles-table{ min-width:0; border:0; background:transparent; overflow:visible; border-radius:0; }
  .my-articles-table table{ min-width:0; }
  .my-articles-table table,
  .my-articles-table tbody,
  .my-articles-table tr,
  .my-articles-table td{ display:block; width:auto; }
  .my-articles-table thead{ display:none; }
  .my-articles-table tbody tr{
    border:1px solid var(--bk-border); border-radius:22px; background:var(--bk-card);
    padding:.5rem .3rem; margin-bottom:1rem; box-shadow:0 14px 34px -28px rgba(20,40,30,.5);
  }
  .my-articles-table tbody tr:hover{ background:var(--bk-card); }
  .my-articles-table td{
    border:0; display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:.62rem .95rem;
  }
  .my-articles-table td + td{ border-top:1px solid color-mix(in srgb,var(--bk-border) 72%,transparent); }
  .my-articles-table td::before{ content:attr(data-label); color:var(--bk-muted); font-size:.76rem; font-weight:800; flex:0 0 auto; }
  .my-articles-table__title{ display:block !important; padding-block:.7rem; }
  .my-articles-table__title::before{ display:none; }
  .my-articles-table__title strong{ font-size:1.06rem; margin-bottom:.2rem; }
  .my-articles-table__title small{ max-width:100%; }
  .my-articles-table__actions{ flex-wrap:wrap; justify-content:flex-start; gap:.5rem; }
  .my-articles-table__actions::before{ width:100%; margin-bottom:.1rem; }
  .my-articles-table__actions .article-action{ flex:1 1 28%; min-width:88px; padding-block:.55rem; }
  .my-articles-empty-row td{ display:block; }
  .my-articles-empty-row td::before{ display:none; }
}

/* very small phones */
@media (max-width:430px){
  .articles-grid{ grid-template-columns:1fr; }
  .article-detail__meta span,.article-detail__meta time{ font-size:.82rem; padding:.3rem .6rem; }
  .articles-hero__actions .btn{ flex:1 1 100%; }
}

/* --- v5 · meta chip icons (detail + cards) --- */
.article-detail__meta span,.article-detail__meta time{ display:inline-flex; align-items:center; gap:.4rem; }
.article-detail__meta svg{ width:15px; height:15px; opacity:.82; flex:0 0 auto; }
.article-card__meta span{ display:inline-flex; align-items:center; gap:.32rem; }
.article-card__meta svg{ width:13px; height:13px; opacity:.7; flex:0 0 auto; color:var(--bk-muted); }

/* ============================================================================
   BookKav Articles — v6 · animated infographic (hero left) + scroll-reveal motion
   ============================================================================ */
.articles-infographic{ position:relative; overflow:hidden; display:grid; gap:1rem; justify-items:center; text-align:center; padding:clamp(1.4rem,3vw,2.1rem); }
.articles-infographic__glow{ position:absolute; inset:-46% 28% auto -28%; height:230px; pointer-events:none; filter:blur(8px);
  background:radial-gradient(circle, color-mix(in srgb,var(--bk-gold) 26%,transparent), transparent 70%); opacity:.5; }
.articles-infographic__dots{ position:absolute; inset:0; pointer-events:none; }
.articles-infographic__dots::before,.articles-infographic__dots::after{ content:""; position:absolute; border-radius:50%; background:var(--bk-gold); opacity:.7; filter:blur(.4px); }
.articles-infographic__dots::before{ width:8px; height:8px; top:16%; inset-inline-start:13%; animation:aiFloat 6s ease-in-out infinite; }
.articles-infographic__dots::after{ width:5px; height:5px; bottom:22%; inset-inline-end:17%; animation:aiFloat 7.5s ease-in-out infinite reverse; }
.articles-infographic__eyebrow{ position:relative; color:var(--bk-gold); font-weight:900; letter-spacing:.06em; font-size:.8rem; margin:0; }

.articles-infographic__ring{ position:relative; width:clamp(152px,42vw,180px); aspect-ratio:1; display:grid; place-items:center; }
.articles-infographic__ring svg{ position:absolute; inset:0; width:100%; height:100%; transform:rotate(-90deg); }
.ai-ring-bg{ fill:none; stroke:rgba(255,255,255,.10); stroke-width:8; }
.ai-ring-track{ fill:none; stroke:rgba(255,255,255,.16); stroke-width:1.6; stroke-dasharray:3 7; transform-box:fill-box; transform-origin:center; animation:aiSpin 26s linear infinite; }
.ai-ring-fg{ fill:none; stroke:var(--bk-gold); stroke-width:8; stroke-linecap:round; stroke-dasharray:327; stroke-dashoffset:327; animation:aiRing 1.5s var(--ease) .25s forwards; }
.articles-infographic__count{ position:relative; }
.articles-infographic__count strong{ display:block; font-size:clamp(2.3rem,7vw,3rem); color:#fff; line-height:1; font-variant-numeric:tabular-nums; }
.articles-infographic__count span{ display:block; color:rgba(255,255,255,.8); font-size:.82rem; font-weight:600; margin-top:.3rem; }

.articles-infographic__stats{ position:relative; display:flex; gap:.6rem; flex-wrap:wrap; justify-content:center; }
.articles-infographic__stats div{ border:1px solid rgba(255,255,255,.16); border-radius:16px; background:rgba(255,255,255,.06); padding:.5rem .85rem; display:grid; gap:.05rem; min-width:88px; }
.articles-infographic__stats b{ color:var(--bk-gold); font-size:1.3rem; font-variant-numeric:tabular-nums; line-height:1.15; }
.articles-infographic__stats span{ color:rgba(255,255,255,.72); font-size:.72rem; }
.articles-infographic__note{ position:relative; color:rgba(255,255,255,.6); font-size:.74rem; line-height:1.7; margin:0; max-width:30ch; }

@keyframes aiRing{ to{ stroke-dashoffset:0; } }
@keyframes aiSpin{ to{ transform:rotate(360deg); } }
@keyframes aiFloat{ 0%,100%{ transform:translateY(0); } 50%{ transform:translateY(-10px); } }

/* staggered scroll-reveal for article card groups */
[data-reveal-group].reveal-ready .article-card{ opacity:0; transform:translateY(16px); }
[data-reveal-group].reveal-ready.is-in .article-card{ opacity:1; transform:none; transition:opacity .55s var(--ease), transform .55s var(--ease); }
[data-reveal-group].reveal-ready.is-in .article-card:nth-child(2){ transition-delay:.06s; }
[data-reveal-group].reveal-ready.is-in .article-card:nth-child(3){ transition-delay:.12s; }
[data-reveal-group].reveal-ready.is-in .article-card:nth-child(4){ transition-delay:.18s; }
[data-reveal-group].reveal-ready.is-in .article-card:nth-child(5){ transition-delay:.24s; }
[data-reveal-group].reveal-ready.is-in .article-card:nth-child(6){ transition-delay:.30s; }
[data-reveal-group].reveal-ready.is-in .article-card:nth-child(n+7){ transition-delay:.36s; }

@media (prefers-reduced-motion: reduce){
  .ai-ring-fg{ animation:none; stroke-dashoffset:0; }
  .ai-ring-track,.articles-infographic__dots::before,.articles-infographic__dots::after{ animation:none; }
  [data-reveal-group] .article-card{ opacity:1 !important; transform:none !important; }
}

/* ============================================================================
   BookKav Articles — v7 · white hero title, textured hero, magazine graphic,
   library-style filter sidebar
   ============================================================================ */

/* --- 1) hero titles must be light on the dark green hero --- */
.articles-hero h1,.article-detail__hero h1{ color:#fff; }
.articles-hero p,.article-detail__subtitle{ color:rgba(255,255,255,.82); }

/* --- 2) beautiful texture on the green heroes --- */
.articles-hero,.article-detail__hero{
  background:
    radial-gradient(circle at 85% -12%, color-mix(in srgb,var(--bk-gold) 22%,transparent), transparent 44%),
    radial-gradient(circle at -6% 116%, rgba(0,0,0,.42), transparent 48%),
    radial-gradient(color-mix(in srgb,var(--bk-gold) 12%,transparent) 1px, transparent 1.7px) 0 0 / 26px 26px,
    repeating-linear-gradient(135deg, rgba(255,255,255,.022) 0 14px, transparent 14px 28px),
    linear-gradient(150deg, #155941, #0c3527 80%);
}

/* --- 3) article-themed "magazine" graphic (replaces the ring) --- */
.articles-magazine{ position:relative; width:min(80%,210px); height:208px; margin:.2rem auto .2rem; animation:aiFloat 7s ease-in-out infinite; }
.art-mag{ position:absolute; inset:0; margin:auto; width:148px; height:188px; border-radius:18px;
  background:linear-gradient(160deg,#1b6650,#0e3a2c); border:1px solid rgba(231,206,148,.30);
  box-shadow:0 26px 52px -30px rgba(0,0,0,.7); }
.art-mag--3{ transform:translate(26px,-18px) rotate(-9deg); opacity:.5; }
.art-mag--2{ transform:translate(13px,-9px) rotate(-4.5deg); opacity:.78; }
.art-mag--1{ display:flex; flex-direction:column; gap:9px; padding:14px;
  background:linear-gradient(160deg,#1f6e55,#103f30); }
.art-mag__cover{ display:block; height:38%; border-radius:11px; background:linear-gradient(120deg,#E7CE94,#A8812D); position:relative; overflow:hidden; }
.art-mag__cover::after{ content:""; position:absolute; inset:0; background:linear-gradient(115deg,transparent 40%,rgba(255,255,255,.35) 50%,transparent 60%); transform:translateX(-120%); animation:aiSheen 4.5s ease-in-out infinite; }
.art-mag__tag{ position:absolute; top:11px; inset-inline-start:11px; background:var(--bk-gold); color:#1f1a0c; font-size:.62rem; font-weight:900; padding:.16rem .5rem; border-radius:999px; }
.art-mag__title{ display:block; height:9px; width:80%; border-radius:5px; background:rgba(231,206,148,.9); margin-top:.15rem; }
.art-mag__line{ display:block; height:6px; width:100%; border-radius:4px; background:rgba(255,255,255,.24); }
.art-mag__line--short{ width:60%; }
@keyframes aiSheen{ 0%,70%{ transform:translateX(-120%); } 88%,100%{ transform:translateX(130%); } }

/* --- 4) library-style filter sidebar (copied from catalog) --- */
.articles-browse__sidebar{ position:sticky; top:96px; display:grid; gap:1rem; }
.catalog-sidebar-filter{ display:grid; gap:.85rem; padding:1rem; border:1px solid var(--bk-border); border-radius:var(--radius-lg); background:var(--bk-card); box-shadow:var(--shadow-soft); }
.catalog-sidebar-filter__head{ display:flex; align-items:center; justify-content:space-between; gap:1rem; padding-bottom:.65rem; border-bottom:1px solid var(--bk-border); }
.catalog-sidebar-filter__heading{ display:flex; gap:.6rem; align-items:flex-start; min-width:0; }
.catalog-sidebar-filter__badge{ flex:none; width:34px; height:34px; border-radius:10px; display:grid; place-items:center; background:color-mix(in srgb,var(--bk-gold) 15%,var(--bk-card)); color:var(--bk-gold-700); }
.catalog-sidebar-filter__badge svg{ width:17px; height:17px; }
.catalog-sidebar-filter__heading strong{ display:block; font-size:1.02rem; color:var(--bk-heading); margin-bottom:.16rem; }
.catalog-sidebar-filter__heading p{ margin:0; color:var(--bk-muted); font-size:.75rem; line-height:1.75; }
.catalog-sidebar-filter__clear{ flex:none; display:inline-flex; align-items:center; gap:.3rem; padding:.36rem .6rem; border-radius:999px; line-height:1; border:1px solid var(--bk-border); background:var(--bk-card); color:var(--bk-gold-700); font-size:.72rem; font-weight:700; transition:color .2s var(--ease),border-color .2s var(--ease); white-space:nowrap; }
.catalog-sidebar-filter__clear svg{ width:12px; height:12px; }
.catalog-sidebar-filter__clear:hover{ color:var(--bk-brand); border-color:color-mix(in srgb,var(--bk-brand) 30%,var(--bk-border)); }
.catalog-sidebar-filter input,.catalog-sidebar-filter select{ width:100%; padding:.68rem .78rem; border:1px solid var(--bk-border); border-radius:var(--radius-sm); background:var(--bk-bg); color:var(--bk-heading); font-family:var(--font-main); }
.catalog-sidebar-filter input:focus,.catalog-sidebar-filter select:focus{ outline:none; border-color:var(--bk-gold); box-shadow:0 0 0 3px rgba(168,129,45,.14); }
.catalog-sidebar-filter label{ font-size:.78rem; color:var(--bk-muted); }
.cat-filter__field{ display:flex; flex-direction:column; gap:.28rem; }
.cat-filter__field--search label{ display:inline-flex; align-items:center; gap:.4rem; }
.cat-filter__ico{ width:15px; height:15px; flex:none; color:var(--bk-gold-700); transition:color .2s var(--ease); }
.catalog-sidebar-filter .cat-filter__field:focus-within label,.catalog-sidebar-filter .cat-filter__field:focus-within .cat-filter__ico{ color:var(--bk-brand); }
.filter-groups{ display:flex; flex-direction:column; }
.filter-group{ border-top:1px solid var(--bk-border); }
.filter-group:first-child{ border-top:none; }
.filter-group__head{ list-style:none; cursor:pointer; display:flex; align-items:center; gap:.55rem; padding:.72rem .15rem; font-size:.85rem; font-weight:700; color:var(--bk-heading); user-select:none; -webkit-user-select:none; transition:color .2s var(--ease); }
.filter-group__head::-webkit-details-marker{ display:none; }
.filter-group__head .cat-filter__ico{ width:16px; height:16px; color:var(--bk-gold-700); }
.filter-group__chev{ margin-inline-start:auto; width:16px; height:16px; color:var(--bk-muted); transition:transform .22s var(--ease); flex:none; }
.filter-group[open] .filter-group__chev{ transform:rotate(180deg); }
.filter-group__body{ padding:.05rem .1rem .9rem; display:flex; flex-direction:column; gap:.9rem; }
.filter-field{ display:flex; flex-direction:column; gap:.4rem; }
.filter-field__label{ font-size:.78rem; font-weight:600; color:var(--bk-body); }
.catalog-sidebar-filter .cat-filter__btns{ display:flex; justify-content:stretch; margin-top:.25rem; }
.catalog-sidebar-filter .cat-filter__btns .btn{ width:100%; justify-content:center; }
.catalog-subcategory-chips{ display:flex; flex-wrap:wrap; gap:.5rem; align-items:center; padding:.7rem .8rem; border-radius:18px; background:var(--bk-inset); border:1px solid var(--bk-border); }
.catalog-subcategory-chips span{ width:100%; font-size:.75rem; color:var(--bk-heading); font-weight:700; }
.catalog-subcategory-chips a{ display:inline-flex; align-items:center; justify-content:center; border-radius:999px; padding:.38rem .72rem; background:var(--bk-card); border:1px solid var(--bk-border); font-size:.75rem; color:var(--bk-body); }
.catalog-subcategory-chips a:hover{ color:var(--bk-brand); border-color:color-mix(in srgb,var(--bk-brand) 24%,var(--bk-border)); }

@media (max-width:980px){ .articles-browse__sidebar{ position:static; } }
@media (prefers-reduced-motion: reduce){ .articles-magazine,.art-mag__cover::after{ animation:none; } }


/* ============================================================================
   BookKav Articles — v8 · woven square-mosaic hero background (replaces stripes)
   ============================================================================ */
.articles-hero,.article-detail__hero{
  background:
    url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27320%27%20height%3D%27320%27%20viewBox%3D%270%200%20320%20320%27%3E%3Crect%20x%3D%270.6%27%20y%3D%270.6%27%20width%3D%2738.8%27%20height%3D%2738.8%27%20rx%3D%273%27%20fill%3D%27rgba%28231%2C206%2C148%2C0.068%29%27%2F%3E%3Crect%20x%3D%270.6%27%20y%3D%2740.6%27%20width%3D%2738.8%27%20height%3D%2738.8%27%20rx%3D%273%27%20fill%3D%27rgba%28231%2C206%2C148%2C0.022%29%27%2F%3E%3Crect%20x%3D%270.6%27%20y%3D%2780.6%27%20width%3D%2738.8%27%20height%3D%2738.8%27%20rx%3D%273%27%20fill%3D%27rgba%28231%2C206%2C148%2C0.046%29%27%2F%3E%3Crect%20x%3D%270.6%27%20y%3D%27120.6%27%20width%3D%2738.8%27%20height%3D%2738.8%27%20rx%3D%273%27%20fill%3D%27rgba%28255%2C255%2C255%2C0.051%29%27%2F%3E%3Crect%20x%3D%270.6%27%20y%3D%27160.6%27%20width%3D%2738.8%27%20height%3D%2738.8%27%20rx%3D%273%27%20fill%3D%27rgba%28231%2C206%2C148%2C0.033%29%27%2F%3E%3Crect%20x%3D%270.6%27%20y%3D%27200.6%27%20width%3D%2738.8%27%20height%3D%2738.8%27%20rx%3D%273%27%20fill%3D%27rgba%28255%2C255%2C255%2C0.053%29%27%2F%3E%3Crect%20x%3D%270.6%27%20y%3D%27240.6%27%20width%3D%2738.8%27%20height%3D%2738.8%27%20rx%3D%273%27%20fill%3D%27rgba%28231%2C206%2C148%2C0.034%29%27%2F%3E%3Crect%20x%3D%270.6%27%20y%3D%27280.6%27%20width%3D%2738.8%27%20height%3D%2738.8%27%20rx%3D%273%27%20fill%3D%27rgba%28231%2C206%2C148%2C0.034%29%27%2F%3E%3Crect%20x%3D%2740.6%27%20y%3D%270.6%27%20width%3D%2738.8%27%20height%3D%2738.8%27%20rx%3D%273%27%20fill%3D%27rgba%28231%2C206%2C148%2C0.044%29%27%2F%3E%3Crect%20x%3D%2740.6%27%20y%3D%2740.6%27%20width%3D%2738.8%27%20height%3D%2738.8%27%20rx%3D%273%27%20fill%3D%27rgba%28231%2C206%2C148%2C0.049%29%27%2F%3E%3Crect%20x%3D%2740.6%27%20y%3D%2780.6%27%20width%3D%2738.8%27%20height%3D%2738.8%27%20rx%3D%273%27%20fill%3D%27rgba%28231%2C206%2C148%2C0.027%29%27%2F%3E%3Crect%20x%3D%2740.6%27%20y%3D%27120.6%27%20width%3D%2738.8%27%20height%3D%2738.8%27%20rx%3D%273%27%20fill%3D%27rgba%28255%2C255%2C255%2C0.066%29%27%2F%3E%3Crect%20x%3D%2740.6%27%20y%3D%27160.6%27%20width%3D%2738.8%27%20height%3D%2738.8%27%20rx%3D%273%27%20fill%3D%27rgba%28231%2C206%2C148%2C0.049%29%27%2F%3E%3Crect%20x%3D%2740.6%27%20y%3D%27200.6%27%20width%3D%2738.8%27%20height%3D%2738.8%27%20rx%3D%273%27%20fill%3D%27rgba%28231%2C206%2C148%2C0.082%29%27%2F%3E%3Crect%20x%3D%2740.6%27%20y%3D%27240.6%27%20width%3D%2738.8%27%20height%3D%2738.8%27%20rx%3D%273%27%20fill%3D%27rgba%28255%2C255%2C255%2C0.033%29%27%2F%3E%3Crect%20x%3D%2740.6%27%20y%3D%27280.6%27%20width%3D%2738.8%27%20height%3D%2738.8%27%20rx%3D%273%27%20fill%3D%27rgba%28255%2C255%2C255%2C0.023%29%27%2F%3E%3Crect%20x%3D%2780.6%27%20y%3D%270.6%27%20width%3D%2738.8%27%20height%3D%2738.8%27%20rx%3D%273%27%20fill%3D%27rgba%28231%2C206%2C148%2C0.04%29%27%2F%3E%3Crect%20x%3D%2780.6%27%20y%3D%2740.6%27%20width%3D%2738.8%27%20height%3D%2738.8%27%20rx%3D%273%27%20fill%3D%27rgba%28255%2C255%2C255%2C0.043%29%27%2F%3E%3Crect%20x%3D%2780.6%27%20y%3D%2780.6%27%20width%3D%2738.8%27%20height%3D%2738.8%27%20rx%3D%273%27%20fill%3D%27rgba%28255%2C255%2C255%2C0.027%29%27%2F%3E%3Crect%20x%3D%2780.6%27%20y%3D%27120.6%27%20width%3D%2738.8%27%20height%3D%2738.8%27%20rx%3D%273%27%20fill%3D%27rgba%28231%2C206%2C148%2C0.04%29%27%2F%3E%3Crect%20x%3D%2780.6%27%20y%3D%27160.6%27%20width%3D%2738.8%27%20height%3D%2738.8%27%20rx%3D%273%27%20fill%3D%27rgba%28255%2C255%2C255%2C0.035%29%27%2F%3E%3Crect%20x%3D%2780.6%27%20y%3D%27200.6%27%20width%3D%2738.8%27%20height%3D%2738.8%27%20rx%3D%273%27%20fill%3D%27rgba%28231%2C206%2C148%2C0.033%29%27%2F%3E%3Crect%20x%3D%2780.6%27%20y%3D%27240.6%27%20width%3D%2738.8%27%20height%3D%2738.8%27%20rx%3D%273%27%20fill%3D%27rgba%28255%2C255%2C255%2C0.021%29%27%2F%3E%3Crect%20x%3D%2780.6%27%20y%3D%27280.6%27%20width%3D%2738.8%27%20height%3D%2738.8%27%20rx%3D%273%27%20fill%3D%27rgba%28255%2C255%2C255%2C0.042%29%27%2F%3E%3Crect%20x%3D%27120.6%27%20y%3D%270.6%27%20width%3D%2738.8%27%20height%3D%2738.8%27%20rx%3D%273%27%20fill%3D%27rgba%28231%2C206%2C148%2C0.054%29%27%2F%3E%3Crect%20x%3D%27120.6%27%20y%3D%2740.6%27%20width%3D%2738.8%27%20height%3D%2738.8%27%20rx%3D%273%27%20fill%3D%27rgba%28231%2C206%2C148%2C0.05%29%27%2F%3E%3Crect%20x%3D%27120.6%27%20y%3D%2780.6%27%20width%3D%2738.8%27%20height%3D%2738.8%27%20rx%3D%273%27%20fill%3D%27rgba%28255%2C255%2C255%2C0.022%29%27%2F%3E%3Crect%20x%3D%27120.6%27%20y%3D%27120.6%27%20width%3D%2738.8%27%20height%3D%2738.8%27%20rx%3D%273%27%20fill%3D%27rgba%28255%2C255%2C255%2C0.023%29%27%2F%3E%3Crect%20x%3D%27120.6%27%20y%3D%27160.6%27%20width%3D%2738.8%27%20height%3D%2738.8%27%20rx%3D%273%27%20fill%3D%27rgba%28255%2C255%2C255%2C0.023%29%27%2F%3E%3Crect%20x%3D%27120.6%27%20y%3D%27200.6%27%20width%3D%2738.8%27%20height%3D%2738.8%27%20rx%3D%273%27%20fill%3D%27rgba%28231%2C206%2C148%2C0.022%29%27%2F%3E%3Crect%20x%3D%27120.6%27%20y%3D%27240.6%27%20width%3D%2738.8%27%20height%3D%2738.8%27%20rx%3D%273%27%20fill%3D%27rgba%28255%2C255%2C255%2C0.019%29%27%2F%3E%3Crect%20x%3D%27120.6%27%20y%3D%27280.6%27%20width%3D%2738.8%27%20height%3D%2738.8%27%20rx%3D%273%27%20fill%3D%27rgba%28255%2C255%2C255%2C0.025%29%27%2F%3E%3Crect%20x%3D%27160.6%27%20y%3D%270.6%27%20width%3D%2738.8%27%20height%3D%2738.8%27%20rx%3D%273%27%20fill%3D%27rgba%28255%2C255%2C255%2C0.021%29%27%2F%3E%3Crect%20x%3D%27160.6%27%20y%3D%2740.6%27%20width%3D%2738.8%27%20height%3D%2738.8%27%20rx%3D%273%27%20fill%3D%27rgba%28255%2C255%2C255%2C0.017%29%27%2F%3E%3Crect%20x%3D%27160.6%27%20y%3D%2780.6%27%20width%3D%2738.8%27%20height%3D%2738.8%27%20rx%3D%273%27%20fill%3D%27rgba%28231%2C206%2C148%2C0.054%29%27%2F%3E%3Crect%20x%3D%27160.6%27%20y%3D%27120.6%27%20width%3D%2738.8%27%20height%3D%2738.8%27%20rx%3D%273%27%20fill%3D%27rgba%28231%2C206%2C148%2C0.022%29%27%2F%3E%3Crect%20x%3D%27160.6%27%20y%3D%27160.6%27%20width%3D%2738.8%27%20height%3D%2738.8%27%20rx%3D%273%27%20fill%3D%27rgba%28231%2C206%2C148%2C0.06%29%27%2F%3E%3Crect%20x%3D%27160.6%27%20y%3D%27200.6%27%20width%3D%2738.8%27%20height%3D%2738.8%27%20rx%3D%273%27%20fill%3D%27rgba%28231%2C206%2C148%2C0.04%29%27%2F%3E%3Crect%20x%3D%27160.6%27%20y%3D%27240.6%27%20width%3D%2738.8%27%20height%3D%2738.8%27%20rx%3D%273%27%20fill%3D%27rgba%28231%2C206%2C148%2C0.072%29%27%2F%3E%3Crect%20x%3D%27160.6%27%20y%3D%27280.6%27%20width%3D%2738.8%27%20height%3D%2738.8%27%20rx%3D%273%27%20fill%3D%27rgba%28255%2C255%2C255%2C0.032%29%27%2F%3E%3Crect%20x%3D%27200.6%27%20y%3D%270.6%27%20width%3D%2738.8%27%20height%3D%2738.8%27%20rx%3D%273%27%20fill%3D%27rgba%28255%2C255%2C255%2C0.049%29%27%2F%3E%3Crect%20x%3D%27200.6%27%20y%3D%2740.6%27%20width%3D%2738.8%27%20height%3D%2738.8%27%20rx%3D%273%27%20fill%3D%27rgba%28231%2C206%2C148%2C0.049%29%27%2F%3E%3Crect%20x%3D%27200.6%27%20y%3D%2780.6%27%20width%3D%2738.8%27%20height%3D%2738.8%27%20rx%3D%273%27%20fill%3D%27rgba%28255%2C255%2C255%2C0.033%29%27%2F%3E%3Crect%20x%3D%27200.6%27%20y%3D%27120.6%27%20width%3D%2738.8%27%20height%3D%2738.8%27%20rx%3D%273%27%20fill%3D%27rgba%28231%2C206%2C148%2C0.057%29%27%2F%3E%3Crect%20x%3D%27200.6%27%20y%3D%27160.6%27%20width%3D%2738.8%27%20height%3D%2738.8%27%20rx%3D%273%27%20fill%3D%27rgba%28255%2C255%2C255%2C0.027%29%27%2F%3E%3Crect%20x%3D%27200.6%27%20y%3D%27200.6%27%20width%3D%2738.8%27%20height%3D%2738.8%27%20rx%3D%273%27%20fill%3D%27rgba%28255%2C255%2C255%2C0.06%29%27%2F%3E%3Crect%20x%3D%27200.6%27%20y%3D%27240.6%27%20width%3D%2738.8%27%20height%3D%2738.8%27%20rx%3D%273%27%20fill%3D%27rgba%28255%2C255%2C255%2C0.037%29%27%2F%3E%3Crect%20x%3D%27200.6%27%20y%3D%27280.6%27%20width%3D%2738.8%27%20height%3D%2738.8%27%20rx%3D%273%27%20fill%3D%27rgba%28255%2C255%2C255%2C0.028%29%27%2F%3E%3Crect%20x%3D%27240.6%27%20y%3D%270.6%27%20width%3D%2738.8%27%20height%3D%2738.8%27%20rx%3D%273%27%20fill%3D%27rgba%28255%2C255%2C255%2C0.021%29%27%2F%3E%3Crect%20x%3D%27240.6%27%20y%3D%2740.6%27%20width%3D%2738.8%27%20height%3D%2738.8%27%20rx%3D%273%27%20fill%3D%27rgba%28255%2C255%2C255%2C0.026%29%27%2F%3E%3Crect%20x%3D%27240.6%27%20y%3D%2780.6%27%20width%3D%2738.8%27%20height%3D%2738.8%27%20rx%3D%273%27%20fill%3D%27rgba%28255%2C255%2C255%2C0.036%29%27%2F%3E%3Crect%20x%3D%27240.6%27%20y%3D%27120.6%27%20width%3D%2738.8%27%20height%3D%2738.8%27%20rx%3D%273%27%20fill%3D%27rgba%28255%2C255%2C255%2C0.064%29%27%2F%3E%3Crect%20x%3D%27240.6%27%20y%3D%27160.6%27%20width%3D%2738.8%27%20height%3D%2738.8%27%20rx%3D%273%27%20fill%3D%27rgba%28255%2C255%2C255%2C0.037%29%27%2F%3E%3Crect%20x%3D%27240.6%27%20y%3D%27200.6%27%20width%3D%2738.8%27%20height%3D%2738.8%27%20rx%3D%273%27%20fill%3D%27rgba%28255%2C255%2C255%2C0.025%29%27%2F%3E%3Crect%20x%3D%27240.6%27%20y%3D%27240.6%27%20width%3D%2738.8%27%20height%3D%2738.8%27%20rx%3D%273%27%20fill%3D%27rgba%28255%2C255%2C255%2C0.018%29%27%2F%3E%3Crect%20x%3D%27240.6%27%20y%3D%27280.6%27%20width%3D%2738.8%27%20height%3D%2738.8%27%20rx%3D%273%27%20fill%3D%27rgba%28231%2C206%2C148%2C0.037%29%27%2F%3E%3Crect%20x%3D%27280.6%27%20y%3D%270.6%27%20width%3D%2738.8%27%20height%3D%2738.8%27%20rx%3D%273%27%20fill%3D%27rgba%28231%2C206%2C148%2C0.021%29%27%2F%3E%3Crect%20x%3D%27280.6%27%20y%3D%2740.6%27%20width%3D%2738.8%27%20height%3D%2738.8%27%20rx%3D%273%27%20fill%3D%27rgba%28231%2C206%2C148%2C0.043%29%27%2F%3E%3Crect%20x%3D%27280.6%27%20y%3D%2780.6%27%20width%3D%2738.8%27%20height%3D%2738.8%27%20rx%3D%273%27%20fill%3D%27rgba%28255%2C255%2C255%2C0.045%29%27%2F%3E%3Crect%20x%3D%27280.6%27%20y%3D%27120.6%27%20width%3D%2738.8%27%20height%3D%2738.8%27%20rx%3D%273%27%20fill%3D%27rgba%28231%2C206%2C148%2C0.024%29%27%2F%3E%3Crect%20x%3D%27280.6%27%20y%3D%27160.6%27%20width%3D%2738.8%27%20height%3D%2738.8%27%20rx%3D%273%27%20fill%3D%27rgba%28255%2C255%2C255%2C0.017%29%27%2F%3E%3Crect%20x%3D%27280.6%27%20y%3D%27200.6%27%20width%3D%2738.8%27%20height%3D%2738.8%27%20rx%3D%273%27%20fill%3D%27rgba%28231%2C206%2C148%2C0.046%29%27%2F%3E%3Crect%20x%3D%27280.6%27%20y%3D%27240.6%27%20width%3D%2738.8%27%20height%3D%2738.8%27%20rx%3D%273%27%20fill%3D%27rgba%28255%2C255%2C255%2C0.015%29%27%2F%3E%3Crect%20x%3D%27280.6%27%20y%3D%27280.6%27%20width%3D%2738.8%27%20height%3D%2738.8%27%20rx%3D%273%27%20fill%3D%27rgba%28231%2C206%2C148%2C0.054%29%27%2F%3E%3C%2Fsvg%3E") 0 0 / 320px 320px repeat,
    radial-gradient(circle at 86% -14%, color-mix(in srgb,var(--bk-gold) 20%,transparent), transparent 46%) no-repeat,
    radial-gradient(circle at -8% 116%, rgba(0,0,0,.42), transparent 52%) no-repeat,
    linear-gradient(150deg, #155941, #0c3527 82%);
}

/* ============================================================================
   v9 · harmonize the articles hero height with the library hero
   (grid min-height + vertical centering on desktop → a touch shorter than library)
   ============================================================================ */
@media (min-width:981px){
  .articles-hero__grid{ min-height:440px; align-content:center; }
}

/* ==========================================================================
   v10 · article hotfixes: upload UX, hero cover centering, automatic TOC
   ========================================================================== */
.article-detail__hero-grid{align-items:center;}
.article-detail__cover{
  display:block;
  align-self:center;
  justify-self:center;
  object-position:center center;
}
.article-side__toc nav a.is-active{
  border-color:var(--bk-gold);
  color:var(--bk-heading);
  background:color-mix(in srgb,var(--bk-gold) 9%,transparent);
  border-radius:12px;
}
.article-side__toc.is-empty nav span,
.article-side__hint{
  display:block;
  color:var(--bk-muted);
  font-size:.78rem;
  line-height:1.9;
}
.article-studio-toc-help,
.bk-rich-editor__hint{
  border:1px dashed color-mix(in srgb,var(--bk-gold) 42%,var(--bk-border));
  border-radius:18px;
  background:color-mix(in srgb,var(--bk-gold) 8%,var(--bk-card));
  color:var(--bk-muted);
  padding:.75rem .9rem;
  line-height:1.9;
}
.article-studio-toc-help{display:grid;gap:.25rem;margin-top:.35rem;}
.article-studio-toc-help strong,
.bk-rich-editor__hint strong{color:var(--bk-heading);}
.bk-rich-editor__hint{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  margin:.7rem .7rem 0;
}
.bk-rich-editor__canvas.is-uploading::after{
  content:"در حال آپلود تصویر...";
  position:fixed;
  inset:auto 50% 24px auto;
  transform:translateX(50%);
  z-index:10001;
  border:1px solid color-mix(in srgb,var(--bk-gold) 55%,var(--bk-border));
  border-radius:999px;
  background:var(--bk-card);
  color:var(--bk-heading);
  box-shadow:0 18px 55px rgba(0,0,0,.18);
  padding:.65rem 1rem;
  font-weight:800;
}
@media (max-width:760px){
  .bk-rich-editor__hint{align-items:flex-start;flex-direction:column;}
}