/* =====================================================================
   public-content.css — Ordix public magazine / knowledge-base (RTL).
   Theme tokens resolve per html[data-theme=light|dark] (dark variants at
   the end). Article body is justified 14px; headings 30px. Content images
   remain article-managed; guide navigation uses text-only links.
   ===================================================================== */
:root{
  --pc-ink:#17223b;--pc-muted:#68758f;--pc-line:#e6eaf2;--pc-bg:#f6f8fc;
  --pc-surface:#ffffff;--pc-surface-2:#f4f5ff;--pc-primary:#5365e8;--pc-accent:#8a5cf6;
  --pc-shadow:0 10px 35px #182b5108;--pc-shadow-lg:0 20px 45px #182b5115;--pc-hero-grad:radial-gradient(circle at 90% 5%,#b7c5ff80,transparent 34%),linear-gradient(125deg,#fff,#f0f2ff);
  --pc-cat:#5365e8;
}
*{box-sizing:border-box}
body{margin:0;background:var(--pc-bg);color:var(--pc-ink);font-family:Vazirmatn,Shabnam,Tahoma,sans-serif;line-height:1.9}

/* ---------- shared shell / nav ---------- */
.pc-header{position:sticky;top:0;z-index:10;background:color-mix(in srgb,var(--pc-surface) 92%,transparent);backdrop-filter:blur(14px);border-bottom:1px solid var(--pc-line);padding:7px max(5vw,20px);display:flex;align-items:center;justify-content:space-between;gap:24px}
.pc-brand{font-size:23px;font-weight:900;color:var(--pc-primary);text-decoration:none}
.pc-header nav{display:flex;align-items:center;gap:clamp(10px,2vw,26px);flex-wrap:wrap}
.pc-header nav a{color:var(--pc-ink);text-decoration:none;font-size:12px;font-weight:700}
.pc-cta{display:inline-flex!important;align-items:center;justify-content:center;background:linear-gradient(120deg,var(--pc-primary),var(--pc-accent));color:#fff!important;border-radius:13px;padding:10px 18px;box-shadow:0 9px 24px #5969df30}
.pc-shell{width:min(1160px,92vw);margin:42px auto 80px}
.pc-footer{text-align:center;padding:30px;color:var(--pc-muted);font-size:12px;border-top:1px solid var(--pc-line)}

/* ---------- hero / kicker ---------- */
.pc-hero,.pc-feature-hero{padding:clamp(30px,6vw,76px);border-radius:30px;background:var(--pc-hero-grad);border:1px solid #e4e8ff;box-shadow:0 24px 65px #34477d0c}
.pc-kicker{display:inline-block;color:var(--pc-primary);font-size:12px;font-weight:900;letter-spacing:.02em;text-decoration:none}
.pc-hero h1,.pc-feature-hero h1{font-size:clamp(27px,4.2vw,46px);line-height:1.5;margin:12px 0}
.pc-hero p,.pc-feature-hero p{max-width:720px;color:var(--pc-muted);font-size:16px}

/* ---------- category pills (magazine top) ---------- */
.pc-categories{display:flex;gap:10px;overflow:auto;padding:25px 0 8px}
.pc-categories a{white-space:nowrap;border:1px solid var(--pc-line);background:var(--pc-surface);border-radius:999px;padding:8px 15px;color:var(--pc-ink);text-decoration:none;font-size:12px;font-weight:800}
.pc-categories a.active{background:var(--pc-surface-2);color:var(--pc-primary);border-color:#cbd2ff}
.pc-categories small{margin-inline-start:8px;color:var(--pc-muted)}

/* ---------- topic grid ---------- */
.pc-category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-top:24px}
.pc-category-grid a{display:block;padding:17px;border-radius:17px;border:1px solid var(--pc-line);background:var(--pc-surface);color:var(--pc-ink);text-decoration:none;transition:.2s}
.pc-category-grid a:hover{border-color:#c6ceff;transform:translateY(-3px);box-shadow:0 12px 28px #25376b0d}
.pc-category-grid span,.pc-category-grid small{display:block;color:var(--pc-primary);font-size:10px;font-weight:800}
.pc-category-grid b{display:block;margin:5px 0;font-size:14px}
.pc-category-grid p{font-size:11px;color:var(--pc-muted);margin:4px 0 0;line-height:1.8}

/* ---------- article card grid ---------- */
.pc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:22px}
.pc-card{background:var(--pc-surface);border:1px solid var(--pc-line);border-radius:22px;overflow:hidden;box-shadow:var(--pc-shadow);transition:transform .2s,box-shadow .2s}
.pc-card:hover{transform:translateY(-5px);box-shadow:var(--pc-shadow-lg)}
.pc-card-media{display:block;text-decoration:none}
.pc-card img{aspect-ratio:4/3;object-fit:cover;width:100%;height:auto;display:block}
.pc-card-placeholder{width:100%;aspect-ratio:4/3;display:grid;place-items:center;background:linear-gradient(130deg,#dce5ff,#eee6ff);color:#5967c8;font-weight:900;letter-spacing:.12em;font-size:12px}
.pc-card-content{padding:20px}
.pc-card-cat{position:absolute;top:12px;right:12px;z-index:2;display:inline-flex;align-items:center;gap:7px;padding:5px 12px;border-radius:999px;font-size:11px;font-weight:900;text-decoration:none;color:#fff;background:color-mix(in srgb,var(--pc-cat) 88%,#101827);border:1px solid #ffffff8a;box-shadow:0 4px 14px #07152f55;text-shadow:0 1px 2px #0008}
.pc-card-cat::before{content:'';width:7px;height:7px;border-radius:50%;background:var(--pc-cat)}
.pc-card h2{font-size:18px;line-height:1.6;margin:12px 0 8px}
.pc-card-title{color:var(--pc-ink);text-decoration:none}
.pc-card-title:hover{color:var(--pc-primary)}
.pc-card p{font-size:13px;color:var(--pc-muted);min-height:52px;margin:0}
.pc-card-more{display:inline-block;font-size:12px;color:var(--pc-primary);font-weight:800;text-decoration:none;margin-top:10px}
.pc-empty{grid-column:1/-1;padding:45px;text-align:center;background:var(--pc-surface);border-radius:18px;color:var(--pc-muted)}

/* ---------- article layout: content + sticky sidebar ---------- */
.pc-article-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:26px;align-items:start}
@media(min-width:980px){.pc-article-layout{grid-template-columns:minmax(0,1fr) 316px}}
.pc-article{max-width:850px;width:100%;margin:auto;background:var(--pc-surface);border:1px solid var(--pc-line);border-radius:28px;padding:clamp(20px,5vw,56px);box-shadow:0 15px 50px #182b5108;min-width:0}
.pc-crumb,.pc-meta{font-size:12px;color:var(--pc-muted)}
.pc-crumb{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 16px;padding:9px 14px;border:1px solid var(--pc-line);border-radius:12px;background:linear-gradient(110deg,var(--pc-surface),var(--pc-surface-2));box-shadow:0 5px 16px #182b5108}
.pc-crumb a{color:var(--pc-primary);font-weight:800;text-decoration:none}.pc-crumb span[aria-hidden="true"]{display:inline-block;color:var(--pc-accent);font-size:18px;line-height:1}
html[dir=rtl] .pc-crumb span[aria-hidden="true"]{transform:scaleX(-1)}
html:not([dir]) .pc-crumb span[aria-hidden="true"],html[dir=ltr] .pc-crumb span[aria-hidden="true"]{transform:none!important}.pc-crumb [aria-current=page]{color:var(--pc-ink);font-weight:700;max-width:48ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pc-crumb a{color:var(--pc-primary);text-decoration:none}
.pc-cover{width:100%;max-height:420px;aspect-ratio:16/9;object-fit:cover;border-radius:20px;margin:20px 0}
.pc-cover-placeholder{display:grid;place-items:center;aspect-ratio:16/9;border-radius:20px;margin:20px 0;background:linear-gradient(130deg,#dce5ff,#eee6ff);color:#5967c8;font-weight:900;letter-spacing:.1em}
.pc-kicker-badge{padding:5px 14px;border-radius:999px;color:var(--pc-cat);background:color-mix(in srgb,var(--pc-cat) 14%,var(--pc-surface));border:1px solid color-mix(in srgb,var(--pc-cat) 32%,transparent)}
.pc-kicker-badge::before{content:'';display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--pc-cat);margin-inline-end:7px;vertical-align:1px}
.pc-article h1{font-size:27px;line-height:1.5;margin:14px 0;color:var(--pc-ink)}
.pc-excerpt{font-size:17px;color:var(--pc-muted)}
.pc-meta{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:14px 0 6px}
.pc-meta-author,.pc-meta-date{color:var(--pc-muted);font-weight:600}
.pc-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 11px;border-radius:999px;background:var(--pc-surface-2);color:var(--pc-primary);font-size:11px;font-weight:800}
.pc-chip-views svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2}
.pc-body{font-size:14px;line-height:2.25;text-align:justify;margin-top:30px;color:var(--pc-ink);overflow-wrap:break-word}
.pc-body h2{font-size:25px;margin:38px 0 12px}
.pc-body h3{font-size:21px;margin:30px 0 10px}
.pc-body a{color:var(--pc-primary)}
.pc-body p{margin:0 0 16px}
.pc-body img,.pc-body video{max-width:100%;height:auto;border-radius:14px}
.pc-body iframe{width:100%;aspect-ratio:16/9;border:0;border-radius:14px}
.pc-body blockquote{border-right:4px solid var(--pc-primary);margin:24px 0;padding:12px 20px;background:var(--pc-surface-2);border-radius:12px}
.pc-body ul,.pc-body ol{padding-inline-start:26px}

/* ---------- keyword card (bottom of article) ---------- */
.pc-keyword-card{margin-top:34px;padding:18px 20px;border:1px solid var(--pc-line);border-radius:18px;background:linear-gradient(135deg,var(--pc-surface),var(--pc-surface-2))}
.pc-keyword-card>b{display:block;font-size:13px;font-weight:900;color:var(--pc-ink);margin-bottom:12px}
.pc-keywords{display:flex;flex-wrap:wrap;gap:9px}
.pc-keywords a{display:inline-block;padding:6px 14px;border-radius:999px;background:color-mix(in srgb,var(--pc-primary) 10%,var(--pc-surface));color:var(--pc-primary);text-decoration:none;font-size:12px;font-weight:700;border:1px solid color-mix(in srgb,var(--pc-primary) 22%,transparent);transition:.15s}
.pc-keywords a:hover{background:var(--pc-primary);color:#fff}

/* ---------- related strip ---------- */
.pc-related{border-top:1px solid var(--pc-line);margin-top:45px;padding-top:22px}
.pc-related a{color:var(--pc-primary)}
.pc-related-head{display:flex;align-items:center;justify-content:space-between;gap:15px}
.pc-related-head h2{font-size:17px;margin:0}
.pc-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px}
.pc-related-grid a{display:grid;gap:8px;padding:10px;border:1px solid var(--pc-line);border-radius:14px;color:var(--pc-ink);text-decoration:none;font-size:12px}
.pc-related-grid img,.pc-related-grid span{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:9px;background:var(--pc-surface-2);display:grid;place-items:center;color:var(--pc-primary);font-weight:900}

/* ---------- sidebar ---------- */
.pc-article-sidebar{display:grid;gap:18px;position:sticky;top:20px;align-self:start;min-width:0}
@media(max-width:979px){.pc-article-sidebar{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.pc-article-sidebar{grid-template-columns:1fr}}
.pc-side-card{background:var(--pc-surface);border:1px solid var(--pc-line);border-radius:18px;padding:16px;box-shadow:var(--pc-shadow)}
.pc-side-card h3{margin:0 0 12px;font-size:14px;font-weight:900;color:var(--pc-ink);border-inline-start:3px solid var(--pc-primary);padding-inline-start:10px}
.pc-side-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.pc-side-list a{display:block;text-decoration:none;color:inherit}
.pc-side-meta{display:grid;gap:3px;min-width:0;width:100%}
.pc-side-meta b{font-size:12.5px;font-weight:700;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pc-side-meta small{color:var(--pc-muted);font-size:11px}
.pc-side-empty{color:var(--pc-muted);font-size:12px}

/* ---------- feature pages ---------- */
.pc-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px}
.pc-feature-grid>div{background:var(--pc-surface);border:1px solid var(--pc-line);border-radius:18px;padding:24px}
.pc-feature-grid p{color:var(--pc-muted);font-size:13px}
.pc-feature-detail{margin-top:28px;background:var(--pc-surface);border:1px solid var(--pc-line);border-radius:26px;padding:clamp(22px,4vw,42px)}
.pc-feature-intro h2{font-size:25px;margin:8px 0}
.pc-feature-intro p{max-width:720px;color:var(--pc-muted);font-size:14px}
.pc-feature-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:25px}
.pc-feature-list article{display:flex;gap:14px;padding:18px;border:1px solid var(--pc-line);border-radius:17px;background:linear-gradient(135deg,var(--pc-surface),var(--pc-surface-2))}
.pc-feature-list article>span{flex:0 0 34px;height:34px;border-radius:11px;background:var(--pc-surface-2);color:var(--pc-primary);display:grid;place-items:center;font-weight:900}
.pc-feature-list b{font-size:14px}
.pc-feature-list p,.pc-feature-note p{font-size:12px;color:var(--pc-muted);margin:5px 0 0}
.pc-feature-note{margin-top:22px;padding:16px 20px;border-radius:14px;background:var(--pc-surface-2);border:1px solid #e5e9ff}
.pc-feature-note b{color:var(--pc-primary)}

/* ---------- pagination ---------- */
.pc-pagination{display:flex;justify-content:center;align-items:center;gap:18px;margin:30px 0;color:var(--pc-muted);font-size:12px}
.pc-pagination a{padding:9px 14px;border-radius:11px;background:var(--pc-surface);border:1px solid var(--pc-line);color:var(--pc-primary);text-decoration:none;font-weight:800}

/* ---------- scrollbar ---------- */
html{scrollbar-width:thin;scrollbar-color:#858ce0 #edf0f8}
*::-webkit-scrollbar{width:10px;height:10px}
*::-webkit-scrollbar-track{background:#edf0f8;border-radius:20px}
*::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#999ee8,#5c67d9);border:2px solid #edf0f8;border-radius:20px}
*::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#858ce0,#4b57c7)}

/* ---------- responsive ---------- */
@media(max-width:800px){.pc-header{align-items:flex-start;flex-direction:column}.pc-header nav{gap:12px}.pc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pc-feature-grid{grid-template-columns:1fr}.pc-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.pc-feature-list{grid-template-columns:1fr}}
@media(max-width:560px){.pc-related-grid{grid-template-columns:1fr}.pc-related-grid a{grid-template-columns:95px 1fr;align-items:center}}
@media(max-width:520px){.pc-grid{grid-template-columns:1fr}.pc-shell{margin-top:24px}.pc-category-grid{grid-template-columns:1fr}}

/* =====================================================================
   DARK THEME — full-fidelity variants for the whole file.
   ===================================================================== */
html[data-theme=dark]{
  --pc-ink:#e2e9fb;--pc-muted:#a3b0cd;--pc-line:#243b5e;--pc-bg:#0c1626;
  --pc-surface:#10233f;--pc-surface-2:#16304f;--pc-primary:#7f9bff;--pc-accent:#b39bff;
  --pc-shadow:0 10px 35px #00000030;--pc-shadow-lg:0 20px 45px #00000048;
  --pc-hero-grad:radial-gradient(circle at 90% 5%,#2a3a70aa,transparent 34%),linear-gradient(125deg,#132440,#0f1e38);
}
html[data-theme=dark] body{color:var(--pc-ink)}
html[data-theme=dark] .pc-cta,html[data-theme=dark] .pc-related-head h2{color:#fff}
html[data-theme=dark] .pc-cta{color:#fff!important}
html[data-theme=dark] .pc-hero,html[data-theme=dark] .pc-feature-hero{border-color:#274467;box-shadow:0 24px 65px #00000040}
html[data-theme=dark] .pc-hero h1,html[data-theme=dark] .pc-feature-hero h1,html[data-theme=dark] .pc-article h1{color:var(--pc-ink)}
html[data-theme=dark] .pc-categories a.active{background:var(--pc-surface-2);color:var(--pc-primary);border-color:#3a5b92}
html[data-theme=dark] .pc-category-grid a:hover{border-color:#3a5b92;box-shadow:0 12px 28px #0007}
html[data-theme=dark] .pc-card-placeholder,html[data-theme=dark] .pc-cover-placeholder{background:linear-gradient(130deg,#1a2f52,#241f45);color:#9db4e0}
html[data-theme=dark] .pc-card-cat,html[data-theme=dark] .pc-kicker-badge{color:var(--pc-primary);background:color-mix(in srgb,var(--pc-primary) 20%,var(--pc-surface));border-color:#375288}
html[data-theme=dark] .pc-chip{background:var(--pc-surface-2);color:var(--pc-primary)}
html[data-theme=dark] .pc-keyword-card{background:linear-gradient(135deg,var(--pc-surface),var(--pc-surface-2));border-color:#274467}
html[data-theme=dark] .pc-keywords a{background:color-mix(in srgb,var(--pc-primary) 22%,var(--pc-surface));color:var(--pc-primary);border-color:#375288}
html[data-theme=dark] .pc-keywords a:hover{background:var(--pc-primary);color:#0c1626}
html[data-theme=dark] .pc-body blockquote,html[data-theme=dark] .pc-feature-note{background:var(--pc-surface-2);border-color:#274467}
html[data-theme=dark] .pc-feature-list article{background:linear-gradient(135deg,var(--pc-surface),var(--pc-surface-2))}
html[data-theme=dark] .pc-feature-list article>span{background:var(--pc-surface-2);color:var(--pc-primary)}
html[data-theme=dark]{scrollbar-color:#3a5b92 #0c1626}
html[data-theme=dark] *::-webkit-scrollbar-track{background:#0c1626}
html[data-theme=dark] *::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#3a5b92,#27406e);border-color:#0c1626}
html[data-theme=dark] *::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#4a6ba8,#33507f)}

/* Maintenance logo image sizing */
.pc-card-media-wrap .pc-card-placeholder{display:grid}
html[data-theme=dark] .pc-card-cat{color:#fff;background:color-mix(in srgb,var(--pc-cat) 82%,#07152f);border-color:#ffffff80}

/* Knowledge base typography, visible category chips, and full breadcrumb labels. */
.pc-crumb [aria-current=page]{max-width:none;overflow:visible;text-overflow:clip;white-space:normal;overflow-wrap:anywhere}
.pc-crumb span[aria-hidden="true"]{display:inline-block;transform:scaleX(-1);transform-origin:center}
body .pc-article h1{font-size:25px!important}
body .pc-article h1,body .pc-article h1 .pc-article-title-link{font-family:'Shabnam','Vazirmatn'!important}
.pc-article .pc-excerpt{font-size:15px}
.pc-card-cat{opacity:1!important;visibility:visible!important;transform:none!important;pointer-events:auto;background:color-mix(in srgb,var(--pc-cat) 94%,#101827)!important;color:#fff!important;border:1px solid #ffffff!important;text-shadow:0 1px 2px #0009;box-shadow:0 5px 15px #07152f66}
.pc-card-cat::before{background:#fff!important;box-shadow:0 0 0 2px #ffffff55}
html[data-theme=dark] .pc-card-cat{color:#fff!important;background:color-mix(in srgb,var(--pc-cat) 88%,#07152f)!important;border-color:#ffffff!important}

.pc-article-date-badge{display:inline-flex;align-items:center;gap:7px;margin:4px 0 8px;padding:5px 12px;border:1px solid #8aa3f2;border-radius:999px;background:linear-gradient(120deg,#edf1ff,#e7edff);color:#394eae;font:800 11px/1.8 Vazirmatn,Shabnam;box-shadow:0 4px 12px #334c8d12}
.pc-article-title-link{color:inherit;text-decoration:none!important}
.pc-article-title-link:hover{color:var(--pc-primary)}
.pc-article-byline{margin:20px 0 0;padding:13px 16px;border-top:1px solid var(--pc-line);color:var(--pc-muted);font-size:12px}

/* Article typography, knowledge header and category badge contrast */
.pc-article h1{font-size:23px!important}
.pc-article .pc-excerpt{font-size:13px!important}
.pc-card-cat{opacity:1!important;visibility:visible!important;display:inline-flex!important;align-items:center;gap:6px;background:#17233fef!important;color:#fff!important;border:1px solid #fff!important;text-shadow:0 1px 2px #000!important;box-shadow:0 4px 14px #07152f66!important}
.pc-card-cat::before{width:7px;height:7px;flex:0 0 7px;background:#fff!important;border:1px solid #1d2d50;box-shadow:0 0 0 2px #fff!important}
html[data-theme=dark] .pc-card-cat{background:#111d35!important;color:#fff!important;border-color:#fff!important}
.pc-crumb span[aria-hidden="true"]{transform:scaleX(-1)!important}


/* Round 4: reliable category badges, inverse-color indicator and knowledge article typography. */
.pc-card-media-wrap{position:relative!important;isolation:isolate;overflow:hidden;border-radius:inherit}
.pc-card-media{position:relative;z-index:0;display:block}
.pc-card-media img,.pc-card-media-wrap>.pc-card-media img{position:relative;z-index:0}
.pc-card-cat{position:absolute!important;inset-block-start:12px!important;inset-inline-start:12px!important;inset-inline-end:auto!important;z-index:8!important;display:inline-flex!important;align-items:center!important;gap:8px!important;max-width:calc(100% - 24px);opacity:1!important;visibility:visible!important;transform:none!important;pointer-events:auto!important;overflow:visible!important;padding:6px 12px!important;border:1px solid color-mix(in srgb,var(--pc-cat-contrast,#fff) 55%,transparent)!important;border-radius:999px!important;background:var(--pc-cat,#4f46e5)!important;color:var(--pc-cat-contrast,#fff)!important;text-shadow:none!important;box-shadow:0 5px 16px #07152f55!important;font:800 11px/1.5 Shabnam,Vazirmatn,sans-serif!important;white-space:nowrap!important}
.pc-card-cat::before{content:''!important;display:inline-block!important;width:8px!important;height:8px!important;flex:0 0 8px!important;border-radius:50%!important;background:var(--pc-cat-contrast,#fff)!important;border:1px solid var(--pc-cat,#4f46e5)!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--pc-cat-contrast,#fff) 38%,transparent)!important}
.pc-article .pc-kicker-badge{background:var(--pc-cat,#4f46e5)!important;color:var(--pc-cat-contrast,#fff)!important;border-color:color-mix(in srgb,var(--pc-cat-contrast,#fff) 55%,transparent)!important}
.pc-article .pc-kicker-badge::before{background:var(--pc-cat-contrast,#fff)!important}
.pc-article h1,.pc-article h1 .pc-article-title-link{font-family:'Shabnam','Vazirmatn',sans-serif!important;font-size:21px!important;line-height:1.65!important;font-weight:800!important}
@media(min-width:980px){html[dir="ltr"] .pc-article-layout{direction:ltr!important;grid-template-columns:316px minmax(0,1fr)!important}html[dir="ltr"] .pc-article-layout>.pc-article-sidebar{grid-column:1;grid-row:1;direction:ltr;text-align:left}html[dir="ltr"] .pc-article-layout>.pc-article{grid-column:2;grid-row:1;direction:ltr;text-align:left}html[dir="ltr"] .pc-crumb{direction:ltr;text-align:left}}
html[dir="ltr"] .pc-card-cat{inset-inline-start:12px!important;inset-inline-end:auto!important}

/* Final knowledge-base refinements: durable badges, Shabnam titles and compact archive header. */
.pc-article h1,.pc-article h1 .pc-article-title-link{font-family:'Shabnam',Vazirmatn,sans-serif!important;font-size:19px!important;line-height:1.7!important;font-weight:800!important}
.pc-card-media-wrap{position:relative!important;isolation:isolate!important;overflow:hidden!important}
.pc-card-media-wrap>.pc-card-cat{display:inline-flex!important;opacity:1!important;visibility:visible!important;z-index:15!important;mix-blend-mode:normal!important}
.pc-card-cat{background:var(--pc-cat,#4f46e5)!important;color:var(--pc-cat-contrast,#fff)!important;border-color:var(--pc-cat-contrast,#fff)!important}
.pc-card-cat::before{background:var(--pc-cat-contrast,#fff)!important;border-color:var(--pc-cat-contrast,#fff)!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--pc-cat-contrast,#fff) 38%,transparent)!important}
@media(min-width:980px){html[dir="ltr"] .pc-article-layout{direction:ltr!important;grid-template-columns:316px minmax(0,1fr)!important}html[dir="ltr"] .pc-article-sidebar{grid-column:1!important;grid-row:1!important;direction:ltr!important;text-align:left!important}html[dir="ltr"] .pc-article{grid-column:2!important;grid-row:1!important;direction:ltr!important;text-align:left!important}html[dir="ltr"] .pc-side-list,html[dir="ltr"] .pc-side-list a{direction:ltr!important;text-align:left!important}}

/* Final knowledge-base refinements: robust category badge contrast, shorter archive hero and article typography. */
.pc-card-media-wrap{position:relative!important;isolation:isolate!important;overflow:hidden!important;border-radius:inherit}
.pc-card-media-wrap>.pc-card-cat{position:absolute!important;inset-block-start:11px!important;inset-inline-start:11px!important;inset-inline-end:auto!important;z-index:20!important;display:inline-flex!important;visibility:visible!important;opacity:1!important;transform:none!important;mix-blend-mode:normal!important;max-width:calc(100% - 22px);white-space:nowrap!important;pointer-events:auto!important;background:var(--pc-cat,#4f46e5)!important;color:var(--pc-cat-contrast,#fff)!important;border:1px solid var(--pc-cat-contrast,#fff)!important;text-shadow:none!important;box-shadow:0 5px 16px rgba(9,20,48,.24)!important}
.pc-card-media-wrap>.pc-card-cat::before{background:var(--pc-cat-contrast,#fff)!important;border:1px solid var(--pc-cat,#4f46e5)!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--pc-cat-contrast,#fff) 35%,transparent)!important}
.pc-article h1,.pc-article h1 .pc-article-title-link{font-family:'Shabnam','Vazirmatn',sans-serif!important;font-size:19px!important;line-height:1.7!important;font-weight:800!important}
@media(min-width:980px){html[dir="ltr"] .pc-article-layout{direction:ltr!important;grid-template-columns:316px minmax(0,1fr)!important}html[dir="ltr"] .pc-article-layout>.pc-article-sidebar{grid-column:1!important;grid-row:1!important;direction:ltr!important;text-align:left!important}html[dir="ltr"] .pc-article-layout>.pc-article{grid-column:2!important;grid-row:1!important;direction:ltr!important;text-align:left!important}html[dir="ltr"] .pc-side-list,html[dir="ltr"] .pc-side-list a{direction:ltr!important;text-align:left!important}}


/* Round 4.1: ensure badge indicator and text use the true contrasting colour. */
.pc-card-media-wrap{position:relative!important;isolation:isolate!important;overflow:hidden!important}
.pc-card-media-wrap>.pc-card-cat{display:inline-flex!important;visibility:visible!important;opacity:1!important;z-index:30!important;background:var(--pc-cat,#4f46e5)!important;color:var(--pc-cat-contrast,#fff)!important;border-color:var(--pc-cat-contrast,#fff)!important}
.pc-card-media-wrap>.pc-card-cat::before{background:var(--pc-cat-contrast,#fff)!important;border:1px solid var(--pc-cat,#4f46e5)!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--pc-cat-contrast,#fff) 40%,transparent)!important}
.pc-article h1,.pc-article h1 .pc-article-title-link{font-family:'Shabnam','Vazirmatn',sans-serif!important;font-size:17px!important;line-height:1.75!important;font-weight:800!important}
@media(min-width:980px){html[dir="ltr"] .pc-article-layout{direction:ltr!important;grid-template-columns:316px minmax(0,1fr)!important}html[dir="ltr"] .pc-article-layout>.pc-article-sidebar{grid-column:1!important;grid-row:1!important;direction:ltr!important;text-align:left!important}html[dir="ltr"] .pc-article-layout>.pc-article{grid-column:2!important;grid-row:1!important;direction:ltr!important;text-align:left!important}}


/* Round 4 final: category badge visibility, contrast and typography. */
.pc-card-media-wrap{position:relative!important;isolation:isolate!important;overflow:hidden!important}
.pc-card-media-wrap>.pc-card-cat{position:absolute!important;inset-block-start:11px!important;inset-inline-start:11px!important;inset-inline-end:auto!important;z-index:30!important;display:inline-flex!important;visibility:visible!important;opacity:1!important;transform:none!important;mix-blend-mode:normal!important;background:var(--pc-cat,#4f46e5)!important;color:var(--pc-cat-contrast,#fff)!important;border:1px solid var(--pc-cat-contrast,#fff)!important;text-shadow:none!important;box-shadow:0 5px 16px rgba(9,20,48,.24)!important}
.pc-card-media-wrap>.pc-card-cat::before{background:var(--pc-cat-contrast,#fff)!important;border:1px solid var(--pc-cat,#4f46e5)!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--pc-cat-contrast,#fff) 42%,transparent)!important}
.pc-article h1,.pc-article h1 .pc-article-title-link{font-family:'Shabnam','Vazirmatn',sans-serif!important;font-size:17px!important;line-height:1.75!important;font-weight:800!important}
@media(min-width:980px){html[dir="ltr"] .pc-article-layout{direction:ltr!important;grid-template-columns:316px minmax(0,1fr)!important}html[dir="ltr"] .pc-article-layout>.pc-article-sidebar{grid-column:1!important;grid-row:1!important;direction:ltr!important;text-align:left!important}html[dir="ltr"] .pc-article-layout>.pc-article{grid-column:2!important;grid-row:1!important;direction:ltr!important;text-align:left!important}html[dir="ltr"] .pc-side-list,html[dir="ltr"] .pc-side-list a{direction:ltr!important;text-align:left!important}}

/* Round 4.2: category chip and marker both invert against the selected category colour. */
.pc-card-media-wrap{position:relative!important;isolation:isolate!important;overflow:hidden!important;z-index:0}
.pc-card-media-wrap>.pc-card-cat{position:absolute!important;inset-block-start:11px!important;inset-inline-start:11px!important;inset-inline-end:auto!important;z-index:40!important;display:inline-flex!important;align-items:center!important;gap:8px!important;visibility:visible!important;opacity:1!important;transform:none!important;mix-blend-mode:normal!important;max-width:calc(100% - 22px)!important;white-space:nowrap!important;pointer-events:auto!important;background:var(--pc-cat,#4f46e5)!important;color:var(--pc-cat-contrast,#fff)!important;border:1px solid var(--pc-cat-contrast,#fff)!important;text-shadow:none!important;box-shadow:0 5px 16px rgba(9,20,48,.24)!important}
.pc-card-media-wrap>.pc-card-cat::before{content:''!important;display:inline-block!important;width:8px!important;height:8px!important;min-width:8px!important;flex:0 0 8px!important;border-radius:50%!important;background:var(--pc-cat-contrast,#fff)!important;border:1px solid var(--pc-cat,#4f46e5)!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--pc-cat-contrast,#fff) 34%,transparent)!important}
.pc-article h1,.pc-article h1 .pc-article-title-link{font-family:'Shabnam','Vazirmatn',sans-serif!important;font-size:17px!important;line-height:1.65!important;font-weight:800!important}

/* ---------- Knowledge-base archive header ----------
   One rule set only. The tinted band is sized by its own padding, so reducing the
   header shrinks the colour section and the text together, exactly like `.sp-hero`
   on the use-cases and guides pages. Article cover artwork uses `.pc-cover`. */
main.pc-shell>section.pc-hero{padding:clamp(9px,1.6vw,17px) clamp(20px,4vw,46px);border-radius:26px;margin-block:0 26px;text-align:start}
main.pc-shell>section.pc-hero .pc-kicker{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:99px;background:#eeefff;color:#595ed2;font:800 11px Shabnam,Vazirmatn}
main.pc-shell>section.pc-hero h1{font:800 clamp(21px,2.6vw,31px)/1.6 Shabnam,Vazirmatn;color:var(--pc-ink);margin:2px 0 0}
main.pc-shell>section.pc-hero p{font:13px/2.1 Vazirmatn;color:var(--pc-muted);max-width:800px;margin:9px 0 0}
html[data-theme=dark] main.pc-shell>section.pc-hero .pc-kicker{background:#1b3157;color:#bccdff}

body .pc-card-title:focus-visible{outline:2px solid #e58a12;outline-offset:3px;border-radius:8px}


/* Magazine sidebar cards: eight compact, visual recommendations per block. */
.pc-side-list{gap:8px}
.pc-side-list>li{min-width:0}
.pc-side-list a.pc-side-link{display:grid;grid-template-columns:76px minmax(0,1fr);align-items:center;gap:11px;padding:8px;border:1px solid var(--pc-line);border-radius:13px;background:var(--pc-surface-2);transition:border-color .18s,background .18s,transform .18s,box-shadow .18s}
.pc-side-list a.pc-side-link:hover,.pc-side-list a.pc-side-link:focus-visible{border-color:var(--pc-primary);background:var(--pc-surface);transform:translateY(-1px);box-shadow:0 8px 20px rgba(35,58,110,.07);outline:none}
.pc-side-thumb{position:relative;display:block;width:76px;aspect-ratio:4/3;overflow:hidden;border-radius:9px;background:var(--pc-line)}
.pc-side-thumb img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s ease}
.pc-side-link:hover .pc-side-thumb img{transform:scale(1.06)}
.pc-side-meta{gap:4px}
.pc-side-meta b{font-size:11.5px;line-height:1.7}
.pc-side-meta small{font-size:10px;line-height:1.5}
@media(max-width:640px){.pc-article-sidebar{grid-template-columns:1fr}.pc-side-list a.pc-side-link{grid-template-columns:84px minmax(0,1fr)}.pc-side-thumb{width:84px}}
@media(prefers-reduced-motion:reduce){.pc-side-list a.pc-side-link,.pc-side-thumb img{transition:none!important}.pc-side-list a.pc-side-link:hover{transform:none}.pc-side-link:hover .pc-side-thumb img{transform:none}}

.pc-side-thumb-number{position:absolute;inset:5px 5px auto auto;display:grid;place-items:center;min-width:27px;height:25px;padding:0 5px;border:1px solid rgba(255,255,255,.9);border-radius:9px;background:linear-gradient(145deg,#fff,#e9efff);box-shadow:0 3px 10px rgba(9,27,69,.22);color:#344a8b;font:900 11px/1 Outfit,Montserrat,Arial,sans-serif;direction:ltr;font-variant-numeric:tabular-nums}
html[data-theme=dark] .pc-side-thumb-number{background:linear-gradient(145deg,#1c3358,#263f6a);border-color:rgba(180,199,242,.5);color:#f1f5ff;box-shadow:0 3px 10px rgba(0,0,0,.4)}