:root{
  --b440-bg:#050505;
  --b440-panel:#0b0a08;
  --b440-panel2:#11100d;
  --b440-gold:#dca63a;
  --b440-gold2:#f1ca62;
  --b440-text:#f4eddf;
  --b440-muted:#ad9a7b;
  --b440-line:rgba(220,166,58,.26);
  --b440-shell:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:96px}
body{margin:0;background:#050505;color:var(--b440-text);font-family:"Vazirmatn",Tahoma,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{text-decoration:none;color:inherit}
img{display:block;max-width:100%}
.b440{min-height:calc(100vh - 68px);background:
  radial-gradient(circle at 82% 0,rgba(220,166,58,.075),transparent 25%),
  linear-gradient(180deg,#050505,#080706 48%,#050505)}
.b440-shell{width:min(var(--b440-shell),calc(100% - 38px));margin:auto}
.b440-kicker{display:block;color:var(--b440-gold2);font:800 7.5px Arial,sans-serif;letter-spacing:.18em;direction:ltr;text-align:right}

/* index hero */
.b440-index-hero{padding:38px 0 26px;border-bottom:1px solid rgba(220,166,58,.12)}
.b440-index-hero__grid{display:grid;grid-template-columns:minmax(0,1fr) 500px;gap:34px;align-items:center}
.b440-index-copy h1{margin:10px 0 10px;font-size:32px;line-height:1.5;font-weight:900;letter-spacing:-.4px}
.b440-index-copy h1 em{font-style:normal;color:var(--b440-gold2)}
.b440-index-copy p{max-width:650px;margin:0;color:#c2b394;font-size:10.5px;line-height:2.05}
.b440-topic-row{display:flex;gap:7px;flex-wrap:wrap;margin-top:17px;direction:ltr;justify-content:flex-end}
.b440-topic-row span{padding:6px 9px;border:1px solid #49391d;border-radius:999px;background:#0a0907;color:#cdaa5f;font:7.2px Arial,sans-serif}
.b440-featured{overflow:hidden;display:grid;grid-template-columns:1fr;border:1px solid #654a1c;border-radius:22px;background:linear-gradient(160deg,#0d0b08,#080706);box-shadow:0 22px 48px rgba(0,0,0,.32);transition:.25s ease}
.b440-featured:hover{transform:translateY(-3px);border-color:#a8792a;box-shadow:0 28px 54px rgba(0,0,0,.42)}
.b440-featured__media{position:relative;height:250px;overflow:hidden;background:#0d0b08}
.b440-featured__media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 52%,rgba(0,0,0,.58))}
.b440-featured__media img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.75,.2,1)}
.b440-featured:hover img{transform:scale(1.025)}
.b440-featured__media i{position:absolute;z-index:2;right:14px;bottom:12px;color:#f1c65f;font:800 6.7px Arial;letter-spacing:.16em;font-style:normal}
.b440-featured__body{display:block;padding:16px 18px 18px}
.b440-featured__body small{display:block;color:#e8b94c;font-size:7.8px}
.b440-featured__body strong{display:block;margin:5px 0 6px;color:#f5ead8;font-size:15px;line-height:1.75}
.b440-featured__body>span{display:block;color:#a89678;font-size:8.8px;line-height:1.9}
.b440-featured__body b{display:inline-block;margin-top:11px;color:#dfb04b;font-size:8.4px}

/* signal strip */
.b440-signal-strip{border-bottom:1px solid #2d2416;background:#070706}
.b440-signal-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.b440-signal-grid>div{min-width:0;padding:14px 12px;text-align:center;border-left:1px solid #282116}
.b440-signal-grid>div:last-child{border-left:0}
.b440-signal-grid b{display:block;color:#e7b64b;font:800 8px Arial;direction:ltr}
.b440-signal-grid span{display:block;margin-top:4px;color:#8f7e64;font-size:7.3px}

/* library */
.b440-library{padding:46px 0}
.b440-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:16px}
.b440-section-head span{display:block;color:#d8a742;font:700 7px Arial;letter-spacing:.18em;direction:ltr}
.b440-section-head h2{margin:5px 0 0;font-size:22px;line-height:1.5}
.b440-section-head p{margin:0;color:#928168;font-size:8.6px}
.b440-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.b440-card{overflow:hidden;display:flex;flex-direction:column;min-height:360px;border:1px solid #392c18;border-radius:18px;background:linear-gradient(155deg,#0f0d09,#080807);box-shadow:0 16px 36px rgba(0,0,0,.22);transition:.24s ease}
.b440-card:hover{transform:translateY(-4px);border-color:#785920;box-shadow:0 23px 44px rgba(0,0,0,.33)}
.b440-card--level2{border-color:rgba(220,166,58,.48);box-shadow:0 18px 40px rgba(0,0,0,.30),inset 0 0 0 1px rgba(220,166,58,.03)}
.b440-card__media{position:relative;height:180px;overflow:hidden;background:#11100e}
.b440-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.b440-card:hover img{transform:scale(1.035)}
.b440-card__media small{position:absolute;right:10px;top:10px;padding:5px 8px;border:1px solid rgba(241,201,97,.35);border-radius:999px;background:rgba(5,5,5,.82);color:#efc65f;font-size:7px;backdrop-filter:blur(8px)}
.b440-card__body{display:flex;flex:1;flex-direction:column;padding:14px 15px 15px}
.b440-card__body i{color:#88785d;font-size:7px;font-style:normal}
.b440-card__body strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:6px 0;color:#f3ead9;font-size:12.5px;line-height:1.78;min-height:46px}
.b440-card__body>span{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;color:#a79577;font-size:8.6px;line-height:1.95}
.b440-card__body b{display:inline-flex;margin-top:auto;padding-top:12px;color:#ddb04b;font-size:8px}
.b440-empty{grid-column:1/-1;padding:28px;text-align:center;border:1px dashed #45351b;border-radius:16px;color:#a99575}

/* article hero */
.b440-progress{position:fixed;z-index:9999;top:0;right:0;left:0;height:2px;background:transparent;pointer-events:none}
.b440-progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,#9b6f22,#f1ca62)}
.b440-article-hero{padding:32px 0 26px;border-bottom:1px solid rgba(220,166,58,.14)}
.b440-back{display:inline-flex;min-height:34px;padding:0 12px;align-items:center;border:1px solid #493719;border-radius:999px;color:#cdbb97;font-size:7.8px;margin-bottom:15px}
.b440-article-hero__grid{display:grid;grid-template-columns:minmax(0,1fr) 490px;gap:30px;align-items:center}
.b440-article-heading h1{margin:8px 0 9px;color:#f5ecdc;font-size:30px;line-height:1.55;font-weight:900;letter-spacing:-.35px}
.b440-article-heading p{max-width:690px;margin:0;color:#b7a789;font-size:10px;line-height:2.05}
.b440-meta{display:flex;gap:7px;flex-wrap:wrap;margin-top:15px}
.b440-meta span{padding:6px 9px;border:1px solid #44351c;border-radius:999px;background:#090806;color:#a99368;font-size:7.2px}
.b440-hero-visual{position:relative;overflow:hidden;margin:0;height:285px;border:1px solid #654a1d;border-radius:21px;background:#0a0907;box-shadow:0 22px 48px rgba(0,0,0,.35)}
.b440-hero-visual img{width:100%;height:100%;object-fit:cover}
.b440-hero-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 58%,rgba(0,0,0,.62))}
.b440-hero-visual figcaption{position:absolute;z-index:2;right:15px;bottom:12px;left:15px;color:#dfbd70;font-size:7.6px;text-align:right}

/* deep article layout */
.b440-article-zone{padding:24px 0 54px}
.b440-deep-layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:20px;align-items:start;direction:ltr}
.b440-toc,.b440-deep-article{direction:rtl}
.b440-toc{position:sticky;top:86px}
.b440-toc__inner{padding:17px;border:1px solid #3c2f18;border-radius:17px;background:linear-gradient(155deg,#0d0b08,#080706);box-shadow:0 16px 36px rgba(0,0,0,.22)}
.b440-toc__inner>span{color:#d9a842;font:800 6.8px Arial;letter-spacing:.16em;direction:ltr}
.b440-toc__inner h2{margin:6px 0 3px;font-size:13px}
.b440-toc__inner>p{margin:0 0 10px;color:#89795f;font-size:7.5px;line-height:1.8}
.b440-toc nav{max-height:calc(100vh - 190px);overflow:auto;padding-left:4px;scrollbar-width:thin;scrollbar-color:#5b431b #0a0907}
.b440-toc nav a{display:grid;grid-template-columns:24px 1fr;gap:7px;align-items:start;padding:7px 6px;border-bottom:1px solid #261f14;color:#9e8d70;font-size:7.65px;line-height:1.75;transition:.2s ease}
.b440-toc nav a span{color:#745a2a;font:700 6.6px Arial;padding-top:2px}
.b440-toc nav a:hover,.b440-toc nav a.is-active{color:#f0d8a2;background:rgba(220,166,58,.045)}
.b440-toc nav a.is-active span{color:#f0bd52}
.b440-deep-article{min-width:0;padding:24px 28px;border:1px solid #3c2e18;border-radius:19px;background:linear-gradient(155deg,#0f0d09,#090807);box-shadow:0 22px 48px rgba(0,0,0,.20)}
.b440-intro-banner{margin-bottom:24px;padding:16px 18px;border:1px solid #654a1c;border-radius:15px;background:linear-gradient(135deg,rgba(220,166,58,.08),rgba(7,7,6,.1))}
.b440-intro-banner span{display:block;color:#dba83e;font:800 6.8px Arial;letter-spacing:.16em;direction:ltr}
.b440-intro-banner strong{display:block;margin-top:5px;color:#f2e7d2;font-size:12.5px;line-height:1.9}
.b440-article-section{position:relative;padding:0 0 8px}
.b440-anchor-offset{position:absolute;top:-90px}
.b440-section-title{margin:34px 0 13px;padding-top:4px;color:#f3ead9;font-size:19px;line-height:1.65;font-weight:900;letter-spacing:-.2px}
.b440-section-title:before{content:"";display:inline-block;width:18px;height:3px;margin-left:8px;vertical-align:middle;border-radius:999px;background:linear-gradient(90deg,#c28b29,#f2cb65)}
.b440-deep-article p{margin:0 0 13px;color:#d2c4ad;font-size:10.25px;line-height:2.25;text-align:justify;text-justify:inter-word}
.b440-deep-article p strong{color:#f2d28a;font-weight:800}
.b440-deep-article code{padding:2px 5px;border-radius:5px;background:#15110b;color:#e8bc5a;font-family:Consolas,monospace;font-size:.92em;direction:ltr}
.b440-figure{margin:17px 0 20px;overflow:hidden;border:1px solid #5b431b;border-radius:17px;background:#070706;box-shadow:0 18px 42px rgba(0,0,0,.28)}
.b440-figure img{width:100%;aspect-ratio:16/9;object-fit:cover}
.b440-figure figcaption{padding:9px 12px;border-top:1px solid #322817;color:#8f7c5e;font-size:7.6px;line-height:1.7}
.b440-quote{margin:20px 0;padding:15px 18px;border-right:3px solid #e0aa3e;border-radius:12px;background:#100d08;color:#f1dfbb;font-size:11.2px;line-height:2.05;font-weight:700}
.b440-steps{margin:10px 0 20px;padding:0;list-style:none;counter-reset:step}
.b440-steps li{position:relative;margin:0 0 8px;padding:11px 44px 11px 12px;border:1px solid #352a18;border-radius:11px;background:#0a0907;color:#c9bba3;font-size:9px;line-height:1.9}
.b440-steps li:before{counter-increment:step;content:counter(step);position:absolute;right:11px;top:10px;width:23px;height:23px;display:grid;place-items:center;border:1px solid #654a1d;border-radius:50%;color:#e6b54b;font:700 7px Arial}

/* tables */
.b440-table-wrap{margin:15px 0 21px;overflow-x:auto;border:1px solid #42331a;border-radius:14px;background:#080706}
.b440-table{width:100%;border-collapse:collapse;min-width:600px}
.b440-table th{padding:10px 11px;background:#12100b;color:#e2b54e;font-size:8.2px;line-height:1.8;text-align:right;border-bottom:1px solid #54401b}
.b440-table td{padding:9px 11px;color:#c5b69e;font-size:8.2px;line-height:1.8;border-bottom:1px solid #282116;border-left:1px solid #282116;vertical-align:top}
.b440-table tr:last-child td{border-bottom:0}
.b440-table td:last-child{border-left:0}

/* generic articles */
.b440-generic-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:20px;align-items:start}
.b440-generic-body{padding:24px 27px;border:1px solid #3c2e18;border-radius:18px;background:linear-gradient(155deg,#0f0d09,#090807)}
.b440-generic-body p{margin:0 0 15px;color:#d7cab3;font-size:10.5px;line-height:2.18;direction:rtl;unicode-bidi:plaintext;text-align:right}
.b440-related{padding:17px;border:1px solid #3c2f19;border-radius:16px;background:#0b0907;position:sticky;top:86px}
.b440-related>span{color:#d8a742;font:700 7px Arial;letter-spacing:.16em}
.b440-related h3{margin:6px 0 9px;font-size:12px}
.b440-related a{display:block;padding:8px 0;border-bottom:1px dashed #302515;color:#d9c7a5;font-size:8.6px;line-height:1.8}

/* CTA */
.b440-cta,.b440-article-end{padding:0 0 46px}
.b440-cta__box,.b440-article-end__box{padding:20px 22px;border:1px solid #594219;border-radius:20px;background:linear-gradient(145deg,#100e09,#080706);display:flex;align-items:center;justify-content:space-between;gap:22px}
.b440-cta__box span,.b440-article-end__box span{display:block;color:#d9a842;font:700 7px Arial;letter-spacing:.18em}
.b440-cta__box h3,.b440-article-end__box h3{max-width:750px;margin:7px 0 0;font-size:15px;line-height:1.75}
.b440-cta__box>div:last-child,.b440-article-end__box>div:last-child{display:flex;gap:8px;flex-wrap:wrap}
.b440-cta__box a,.b440-article-end__box a{min-height:38px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #594319;border-radius:999px;color:#e8d8b8;font-size:8.3px}
.b440-cta__box a.primary,.b440-article-end__box a.primary{background:linear-gradient(180deg,#efc45a,#cf9426);color:#171006;border-color:transparent;font-weight:800}

/* responsive */
@media(max-width:1040px){
  .b440-index-hero__grid,.b440-article-hero__grid{grid-template-columns:1fr}
  .b440-featured__media{height:300px}
  .b440-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .b440-deep-layout{grid-template-columns:230px minmax(0,1fr)}
  .b440-hero-visual{height:340px}
}
@media(max-width:820px){
  .b440-deep-layout,.b440-generic-layout{grid-template-columns:1fr;direction:rtl}
  .b440-toc{position:relative;top:auto}
  .b440-toc nav{max-height:330px}
  .b440-signal-grid{grid-template-columns:repeat(2,1fr)}
  .b440-related{position:relative;top:auto}
}
@media(max-width:680px){
  .b440-shell{width:calc(100% - 24px)}
  .b440-index-hero{padding-top:28px}
  .b440-index-copy h1{font-size:25px}
  .b440-section-head{display:block}
  .b440-section-head p{margin-top:6px}
  .b440-grid{grid-template-columns:1fr}
  .b440-card{min-height:0}
  .b440-card__media{height:190px}
  .b440-featured__media{height:220px}
  .b440-article-heading h1{font-size:23px}
  .b440-hero-visual{height:220px}
  .b440-deep-article{padding:19px 16px}
  .b440-section-title{font-size:17px}
  .b440-deep-article p{font-size:9.7px;line-height:2.15;text-align:right}
  .b440-cta__box,.b440-article-end__box{display:block}
  .b440-cta__box>div:last-child,.b440-article-end__box>div:last-child{margin-top:13px}
}
@media(max-width:460px){
  .b440-signal-grid{grid-template-columns:1fr}
  .b440-signal-grid>div{border-left:0;border-bottom:1px solid #282116}
  .b440-topic-row{direction:rtl}
  .b440-table{min-width:520px}
}
