:root{
  --page:#f4f7f9;--surface:#fff;--surface-soft:#f8fbfc;--ink:#10223d;--text:#445269;--muted:#748197;
  --line:rgba(16,34,61,.10);--teal:#087f82;--teal-dark:#056a6d;--teal-soft:#eaf7f6;
  --blue:#1e5f9b;--blue-soft:#eef5fc;--amber:#a96d15;--amber-soft:#fff6e5;
  --green:#4d7b44;--green-soft:#eff7ec;--red:#aa4c58;--red-soft:#fff0f2;
  --violet:#6d5a9b;--violet-soft:#f4f0fb;--shadow:0 22px 70px rgba(16,34,61,.09);
  --shadow-sm:0 12px 34px rgba(16,34,61,.075)
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:96px}
body{margin:0;color:var(--text);background:
  radial-gradient(circle at 3% 4%,rgba(8,127,130,.08),transparent 28rem),
  radial-gradient(circle at 97% 94%,rgba(30,95,155,.06),transparent 30rem),var(--page);
  font-family:"Vazirmatn",Tahoma,Arial,sans-serif;line-height:1.95}
a{color:inherit;text-decoration:none}a:hover{color:var(--teal-dark)}
img,svg{max-width:100%}button{font:inherit}
.skip-link{position:fixed;z-index:9999;top:10px;right:10px;transform:translateY(-160%);padding:8px 14px;border-radius:10px;color:#fff;background:var(--ink);transition:.2s}.skip-link:focus{transform:none}
.site-shell{width:min(1510px,calc(100% - 24px));margin:12px auto 26px;border:1px solid rgba(16,34,61,.055);border-radius:34px;background:rgba(255,255,255,.97);box-shadow:var(--shadow)}
.site-header{padding:14px clamp(18px,4vw,58px);border-bottom:1px solid var(--line);background:rgba(255,255,255,.94);border-radius:34px 34px 0 0}.site-header .navbar{min-height:52px}
.brand{display:inline-flex;align-items:center;gap:11px;color:var(--ink)}.brand-mark{position:relative;display:grid;width:39px;height:39px;place-items:center;border-radius:13px;color:#fff;background:linear-gradient(145deg,#12a5a6,#066a70);box-shadow:0 10px 24px rgba(8,127,130,.24)}
.brand-mark::before,.brand-mark::after{position:absolute;width:7px;height:7px;border:2px solid currentColor;border-radius:50%;content:""}.brand-mark::before{top:9px;right:8px}.brand-mark::after{bottom:9px;left:8px}.brand-mark span{width:15px;height:2px;border-radius:99px;background:currentColor;transform:rotate(-43deg)}
.brand-copy{display:grid;line-height:1.35}.brand-name{color:var(--teal-dark);font-weight:900}.brand-tagline{font-size:.72rem;color:var(--muted);font-weight:650}
.main-nav{gap:2px}.main-nav .nav-link{padding:8px 11px!important;border-radius:11px;color:#526176;font-size:.85rem;font-weight:750}.main-nav .nav-link:hover,.main-nav .nav-link.active{color:var(--teal-dark);background:var(--teal-soft)}
.menu-button{display:grid;width:45px;height:45px;padding:0;border:0;border-radius:14px;color:var(--teal-dark);background:var(--teal-soft);place-items:center}.menu-button i{font-size:1.35rem}
.breadcrumb-wrap{padding:18px clamp(20px,4.5vw,68px) 0}.breadcrumb{margin:0;color:#7a8799;font-size:.78rem;font-weight:650}.breadcrumb-item+.breadcrumb-item::before{color:#a6afbd}
.case-hero{position:relative;overflow:hidden;margin:14px clamp(14px,4vw,62px) 0;padding:clamp(48px,6.3vw,86px) clamp(22px,5.8vw,82px);border-radius:30px;color:#e9f6f5;background:linear-gradient(135deg,#0b2a49,#087b78);box-shadow:0 24px 56px rgba(7,50,74,.17);isolation:isolate}
.case-hero::before{position:absolute;z-index:-1;top:-180px;left:-110px;width:370px;height:370px;border:1px dashed rgba(255,255,255,.20);border-radius:50%;content:"";box-shadow:0 0 0 58px rgba(255,255,255,.022)}
.case-hero::after{position:absolute;z-index:-1;right:-100px;bottom:-180px;width:390px;height:390px;border-radius:50%;content:"";background:radial-gradient(circle,rgba(74,206,198,.22),transparent 66%)}
.hero-inner{max-width:1050px}.hero-eyebrow{display:inline-flex;align-items:center;gap:9px;color:#91ddd7;font-size:.85rem;font-weight:850}.hero-eyebrow::before{width:32px;height:2px;border-radius:99px;background:currentColor;content:""}
.page-title{margin:13px 0 16px;color:#fff;font-size:clamp(2rem,4.2vw,4.35rem);font-weight:900;line-height:1.35;letter-spacing:-.045em;text-wrap:balance}.hero-lead{max-width:900px;margin:0;color:#d7e9e9;font-size:clamp(.98rem,1.15vw,1.15rem)}
.decision-line{display:grid;gap:6px;max-width:900px;margin-top:28px;padding:17px 19px;border:1px solid rgba(255,255,255,.17);border-radius:17px;background:rgba(255,255,255,.09);backdrop-filter:blur(7px)}.decision-line span{color:#9fddd7;font-size:.76rem;font-weight:800}.decision-line strong{color:#fff;font-size:1rem;line-height:1.8}
.stage-nav-wrap{position:sticky;z-index:40;top:8px;padding:12px clamp(14px,4vw,62px) 0}.stage-nav{display:flex;gap:7px;overflow-x:auto;padding:8px;border:1px solid var(--line);border-radius:17px;background:rgba(255,255,255,.92);box-shadow:var(--shadow-sm);backdrop-filter:blur(15px);scrollbar-width:none}.stage-nav::-webkit-scrollbar{display:none}.stage-nav a{display:inline-flex;flex:1 0 auto;min-height:44px;align-items:center;justify-content:center;gap:8px;padding:7px 12px;border-radius:12px;color:#637087;font-size:.78rem;font-weight:800;white-space:nowrap;transition:.2s}.stage-nav a:hover,.stage-nav a.active{color:var(--ink);background:#f1f6f7}.stage-nav b{display:grid;width:26px;height:26px;border-radius:9px;color:#fff;background:var(--teal);place-items:center;font-size:.8rem}
.page-layout{padding:clamp(34px,4.6vw,68px) clamp(18px,4.5vw,68px) clamp(58px,6vw,92px)}
.article-column{min-width:0}.toc-panel{position:sticky;top:88px;padding:18px;border:1px solid var(--line);border-radius:20px;background:var(--surface);box-shadow:var(--shadow-sm)}.toc-title{margin:0 0 10px;color:var(--ink);font-size:.92rem;font-weight:900}.toc-list{display:grid;gap:4px}.toc-list a{display:flex;align-items:center;gap:8px;padding:8px 9px;border-radius:10px;color:#69768a;font-size:.78rem;font-weight:700}.toc-list a::before{width:6px;height:6px;border-radius:50%;background:#c0c9d4;content:""}.toc-list a:hover,.toc-list a.active{color:var(--teal-dark);background:var(--teal-soft)}.toc-list a.active::before{background:var(--teal)}
.case-section{padding:clamp(44px,5.4vw,78px) 0;border-bottom:1px solid var(--line)}.case-section:first-child{padding-top:8px}.case-section:last-child{border-bottom:0}
.section-heading{max-width:880px;margin-bottom:26px}.section-kicker{display:inline-flex;align-items:center;gap:8px;margin-bottom:7px;color:var(--teal-dark);font-size:.78rem;font-weight:850}.section-kicker::before{width:22px;height:2px;border-radius:99px;background:currentColor;content:""}.section-title{margin:0;color:var(--ink);font-size:clamp(1.55rem,2.5vw,2.5rem);font-weight:900;line-height:1.45;letter-spacing:-.025em}.section-intro{max-width:850px;margin:10px 0 0;color:#617087}
.challenge-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.challenge-card{min-height:100%;padding:20px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,#fff,#f9fbfc);box-shadow:0 10px 28px rgba(16,34,61,.045)}.challenge-icon{display:grid;width:38px;height:38px;margin-bottom:13px;border-radius:12px;color:var(--teal-dark);background:var(--teal-soft);place-items:center}.challenge-card h3{margin:0 0 7px;color:var(--ink);font-size:1rem;font-weight:850}.challenge-card p{margin:0;color:#6b788b;font-size:.87rem}
.stage-header{display:flex;align-items:flex-start;gap:17px;margin-bottom:26px}.stage-letter{display:grid;flex:0 0 auto;width:52px;height:52px;border-radius:17px;color:#fff;background:var(--stage);box-shadow:0 12px 28px color-mix(in srgb,var(--stage) 24%,transparent);place-items:center;font-size:1.35rem;font-weight:900}.stage-kicker{margin:0 0 4px;color:var(--stage);font-size:.76rem;font-weight:900}.stage-title{margin:0;color:var(--ink);font-size:clamp(1.55rem,2.4vw,2.35rem);font-weight:900;line-height:1.45}.stage-question{max-width:850px;margin:8px 0 0;color:#667488}.stage-l{--stage:var(--teal)}.stage-i{--stage:var(--blue)}.stage-a{--stage:var(--amber)}.stage-m{--stage:var(--green)}
.content-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.content-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.content-card{padding:20px;border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:0 10px 28px rgba(16,34,61,.045)}.content-card.soft{background:var(--surface-soft)}.content-card h3{margin:0 0 10px;color:var(--ink);font-size:1.02rem;font-weight:900}.content-card h4{margin:15px 0 7px;color:var(--ink);font-size:.9rem;font-weight:850}.content-card p{margin:0;color:#667488;font-size:.9rem}.content-card p+p{margin-top:8px}.icon-title{display:flex;align-items:center;gap:10px}.icon-badge{display:grid;width:34px;height:34px;border-radius:11px;color:var(--stage,var(--teal));background:color-mix(in srgb,var(--stage,var(--teal)) 11%,white);place-items:center}.icon-badge i{font-size:1rem}
.clean-list{display:grid;gap:8px;margin:0;padding:0;list-style:none}.clean-list li{position:relative;padding-right:19px;color:#5f6d81;font-size:.88rem}.clean-list li::before{position:absolute;top:.82em;right:2px;width:7px;height:7px;border-radius:50%;background:var(--stage,var(--teal));content:""}.clean-list.check li::before{top:.52em;width:14px;height:14px;border-radius:5px;background:var(--teal-soft);box-shadow:inset 0 0 0 1px rgba(8,127,130,.2)}.clean-list.check li::after{position:absolute;top:.43em;right:5px;color:var(--teal-dark);content:"✓";font-size:.7rem;font-weight:900}
.label{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border-radius:999px;font-size:.7rem;font-weight:850}.label.good{color:#326c3f;background:var(--green-soft)}.label.warn{color:#8a5a10;background:var(--amber-soft)}.label.bad{color:#99404b;background:var(--red-soft)}.label.info{color:#225f91;background:var(--blue-soft)}.label.neutral{color:#5d6676;background:#eff2f5}
.quote-card{margin-top:14px;padding:19px 20px;border:1px solid color-mix(in srgb,var(--stage,var(--teal)) 18%,transparent);border-right:4px solid var(--stage,var(--teal));border-radius:16px;background:color-mix(in srgb,var(--stage,var(--teal)) 7%,white)}.quote-card span{display:block;margin-bottom:5px;color:var(--stage,var(--teal));font-size:.72rem;font-weight:900}.quote-card strong{color:var(--ink);font-size:1rem;line-height:1.8}
.insight-card{display:flex;align-items:flex-start;gap:13px;margin-top:15px;padding:18px 19px;border:1px solid rgba(109,90,155,.15);border-radius:17px;background:var(--violet-soft)}.insight-card i{color:var(--violet);font-size:1.1rem}.insight-card strong{display:block;margin-bottom:3px;color:#4d3b78;font-size:.82rem}.insight-card p{margin:0;color:#655a79;font-size:.86rem}
.change-card{margin-top:18px;padding:20px;border:1px solid color-mix(in srgb,var(--stage) 17%,transparent);border-radius:19px;background:color-mix(in srgb,var(--stage) 6%,white)}.change-card>h3{margin:0 0 14px;color:var(--ink);font-size:1rem;font-weight:900}.change-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.change-item{padding:13px;border:1px solid rgba(16,34,61,.075);border-radius:13px;background:rgba(255,255,255,.78)}.change-item span{display:block;margin-bottom:4px;color:var(--stage);font-size:.68rem;font-weight:900}.change-item p{margin:0;color:#627085;font-size:.8rem;line-height:1.75}
.table-card{overflow:hidden;border:1px solid var(--line);border-radius:18px;background:#fff}.table-card .table{min-width:720px;margin:0;font-size:.82rem;vertical-align:middle}.table-card th{padding:13px 14px;color:var(--ink);background:#f2f6f8;border-color:var(--line);font-weight:850}.table-card td{padding:12px 14px;color:#5e6c80;border-color:var(--line)}.table-card tr:last-child td{border-bottom:0}.table-caption{padding:15px 17px;border-bottom:1px solid var(--line);color:var(--ink);font-weight:900}.table-note{padding:11px 15px;border-top:1px solid var(--line);color:#748197;background:#fafcfd;font-size:.76rem}
.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.metric{padding:15px;border:1px solid var(--line);border-radius:15px;background:#fff}.metric span{display:block;color:#7a8799;font-size:.72rem;font-weight:750}.metric strong{display:block;margin-top:4px;color:var(--ink);font-size:1.05rem}.metric small{color:#8090a5;font-size:.68rem}
.option-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.option-card{position:relative;padding:18px;border:1px solid var(--line);border-radius:17px;background:#fff}.option-card.selected{border-color:rgba(8,127,130,.35);box-shadow:0 12px 30px rgba(8,127,130,.08)}.option-card .option-num{display:grid;width:29px;height:29px;margin-bottom:10px;border-radius:9px;color:#fff;background:var(--stage,var(--teal));place-items:center;font-size:.75rem;font-weight:900}.option-card h3{margin:0 0 6px;color:var(--ink);font-size:.95rem;font-weight:900}.option-card p{margin:0;color:#6a778b;font-size:.83rem}.option-card .label{margin-top:11px}
.decision-box{position:relative;overflow:hidden;margin-top:18px;padding:25px;border:1px solid rgba(169,109,21,.2);border-radius:21px;background:linear-gradient(135deg,#fffaf0,#fff);box-shadow:var(--shadow-sm)}.decision-box::after{position:absolute;left:-40px;bottom:-60px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(169,109,21,.12),transparent 68%);content:""}.decision-box .decision-kicker{display:block;margin-bottom:7px;color:var(--amber);font-size:.74rem;font-weight:900}.decision-box h3{position:relative;z-index:1;margin:0 0 9px;color:var(--ink);font-size:1.25rem;font-weight:900}.decision-box p{position:relative;z-index:1;margin:0;color:#5d6b7f}.decision-box .decision-conditions{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}.decision-box .decision-conditions span{padding:6px 9px;border:1px solid rgba(169,109,21,.16);border-radius:999px;color:#7d581c;background:#fff9ed;font-size:.72rem;font-weight:800}
.score-list{display:grid;gap:10px}.score-row{display:grid;grid-template-columns:minmax(140px,1.2fr) minmax(180px,3fr) 54px;align-items:center;gap:11px}.score-name{color:#536176;font-size:.82rem;font-weight:750}.score-track{height:9px;overflow:hidden;border-radius:99px;background:#edf1f4}.score-fill{height:100%;border-radius:99px;background:linear-gradient(90deg,var(--teal),#50bcb7)}.score-value{color:var(--ink);font-size:.79rem;font-weight:900;text-align:left}
.rank-list{display:grid;gap:10px}.rank-item{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:12px;padding:14px 15px;border:1px solid var(--line);border-radius:15px;background:#fff}.rank-num{display:grid;width:38px;height:38px;border-radius:12px;color:#fff;background:var(--teal);place-items:center;font-weight:900}.rank-copy strong{display:block;color:var(--ink);font-size:.9rem}.rank-copy span{color:#738095;font-size:.75rem}.rank-score{color:var(--teal-dark);font-size:.95rem;font-weight:900}
.allocation-stack{display:grid;gap:11px}.allocation-row{display:grid;grid-template-columns:150px 1fr 74px;align-items:center;gap:12px}.allocation-name{color:#536176;font-size:.82rem;font-weight:750}.allocation-track{display:flex;height:18px;overflow:hidden;border-radius:99px;background:#edf1f4}.allocation-fill{height:100%;border-radius:99px;background:linear-gradient(90deg,var(--blue),#65a7d7)}.allocation-value{text-align:left;color:var(--ink);font-size:.78rem;font-weight:900}
.timeline{position:relative;display:grid;gap:0;margin-top:4px}.timeline::before{position:absolute;top:14px;bottom:14px;right:18px;width:2px;background:#dfe6eb;content:""}.timeline-item{position:relative;display:grid;grid-template-columns:40px 1fr;gap:14px;padding:0 0 18px}.timeline-item:last-child{padding-bottom:0}.timeline-dot{position:relative;z-index:1;display:grid;width:38px;height:38px;border:4px solid #fff;border-radius:50%;color:#fff;background:var(--blue);box-shadow:0 0 0 1px rgba(30,95,155,.2);place-items:center;font-size:.72rem;font-weight:900}.timeline-card{padding:14px 15px;border:1px solid var(--line);border-radius:14px;background:#fff}.timeline-card strong{display:block;color:var(--ink);font-size:.87rem}.timeline-card span{display:block;margin-top:3px;color:#748197;font-size:.75rem}
.dependency-map{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.dependency-node{position:relative;padding:16px;border:1px solid var(--line);border-radius:15px;background:#fff;text-align:center}.dependency-node:not(:last-child)::after{position:absolute;top:50%;left:-15px;color:#9dabb9;content:"←";transform:translateY(-50%)}.dependency-node strong{display:block;color:var(--ink);font-size:.87rem}.dependency-node span{display:block;color:#78869a;font-size:.72rem}
.fork-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.fork-card{padding:18px;border:1px solid var(--line);border-radius:17px;background:#fff}.fork-card h3{margin:0 0 7px;color:var(--ink);font-size:.94rem;font-weight:900}.fork-card p{margin:0;color:#6b788b;font-size:.82rem}.fork-card.pivot{border-color:rgba(109,90,155,.25);background:var(--violet-soft)}
.blueprint{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.blueprint-card{padding:18px;border:1px solid rgba(109,90,155,.15);border-radius:17px;background:linear-gradient(180deg,#fff,var(--violet-soft))}.blueprint-card span{display:block;margin-bottom:5px;color:var(--violet);font-size:.7rem;font-weight:900}.blueprint-card strong{display:block;color:var(--ink);font-size:.92rem}.blueprint-card p{margin:5px 0 0;color:#6a6680;font-size:.8rem}
.rule-flow{display:grid;gap:10px}.rule-row{display:grid;grid-template-columns:130px 1fr 150px;align-items:center;gap:10px;padding:13px;border:1px solid var(--line);border-radius:15px;background:#fff}.rule-if{color:#6d5a9b;font-size:.78rem;font-weight:900}.rule-condition{color:#566478;font-size:.82rem}.rule-then{padding:7px 9px;border-radius:10px;color:#fff;background:var(--violet);font-size:.76rem;font-weight:850;text-align:center}
.lesson-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.lesson-card{display:flex;align-items:flex-start;gap:12px;padding:18px;border:1px solid var(--line);border-radius:17px;background:#fff}.lesson-num{display:grid;flex:0 0 auto;width:32px;height:32px;border-radius:10px;color:var(--teal-dark);background:var(--teal-soft);place-items:center;font-size:.78rem;font-weight:900}.lesson-card h3{margin:0 0 4px;color:var(--ink);font-size:.9rem;font-weight:900}.lesson-card p{margin:0;color:#6d7a8d;font-size:.8rem}
.related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.related-card{display:flex;min-height:100%;flex-direction:column;padding:18px;border:1px solid var(--line);border-radius:17px;background:linear-gradient(180deg,#fff,#f9fbfc);transition:.2s}.related-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-sm)}.related-card span{color:var(--teal-dark);font-size:.7rem;font-weight:850}.related-card h3{margin:8px 0 7px;color:var(--ink);font-size:.92rem;font-weight:900}.related-card p{margin:0 0 13px;color:#748197;font-size:.78rem}.related-card b{margin-top:auto;color:var(--teal-dark);font-size:.75rem}
.site-footer{padding:32px clamp(22px,4.5vw,68px);border-top:1px solid var(--line);background:#f8fafb;border-radius:0 0 34px 34px}.footer-grid{display:grid;grid-template-columns:1.2fr repeat(3,1fr);gap:26px}.footer-title{margin:0 0 9px;color:var(--ink);font-size:.85rem;font-weight:900}.footer-links{display:grid;gap:6px}.footer-links a{color:#6d7a8e;font-size:.78rem}.footer-note{max-width:340px;color:#748197;font-size:.8rem}.copyright{margin-top:24px;padding-top:17px;border-top:1px solid var(--line);color:#8792a2;font-size:.72rem;text-align:center}
.offcanvas{font-family:"Vazirmatn",Tahoma,Arial,sans-serif}.offcanvas .nav-link{padding:10px 12px;border-radius:11px;color:#536176;font-weight:750}.offcanvas .nav-link:hover{background:var(--teal-soft);color:var(--teal-dark)}
@media(max-width:1199.98px){.toc-panel{display:none}.page-layout{padding-top:42px}.article-column{width:100%}.change-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:991.98px){.challenge-grid,.content-grid.three,.related-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.metric-grid{grid-template-columns:1fr 1fr}.dependency-map{grid-template-columns:1fr}.dependency-node:not(:last-child)::after{display:none}.fork-grid{grid-template-columns:1fr}.rule-row{grid-template-columns:1fr}.rule-then{text-align:right}.site-shell{width:min(100% - 14px,1510px);margin-top:7px;border-radius:24px}.site-header{border-radius:24px 24px 0 0}.site-footer{border-radius:0 0 24px 24px}}
@media(max-width:767.98px){html{scroll-padding-top:82px}.breadcrumb-wrap{padding-inline:18px}.case-hero{margin-inline:8px;padding:42px 20px;border-radius:23px}.page-title{font-size:clamp(1.75rem,8vw,2.55rem)}.stage-nav-wrap{top:0;padding:8px 8px 0}.stage-nav{border-radius:14px}.stage-nav a{padding-inline:10px}.stage-nav a span{display:none}.page-layout{padding-inline:14px}.challenge-grid,.content-grid,.content-grid.three,.option-grid,.lesson-grid,.related-grid,.blueprint{grid-template-columns:1fr}.stage-header{gap:12px}.stage-letter{width:46px;height:46px;border-radius:14px}.metric-grid{grid-template-columns:1fr 1fr}.change-grid{grid-template-columns:1fr}.score-row{grid-template-columns:1fr 48px}.score-track{grid-column:1/-1;grid-row:2}.allocation-row{grid-template-columns:1fr 70px}.allocation-track{grid-column:1/-1;grid-row:2}.rank-item{grid-template-columns:40px 1fr}.rank-score{grid-column:2}.footer-grid{grid-template-columns:1fr}.site-footer{padding-inline:20px}}
@media(max-width:480px){.brand-tagline{display:none}.metric-grid{grid-template-columns:1fr}.case-hero{padding-top:38px}.decision-line{padding:15px}.section-title,.stage-title{font-size:1.42rem}.content-card,.challenge-card{padding:17px}.table-card .table{min-width:660px}}
@media print{body{background:#fff}.site-shell{width:100%;margin:0;border:0;box-shadow:none}.site-header,.stage-nav-wrap,.toc-panel,.related-section,.site-footer{display:none!important}.case-hero{margin:0;color:#000;background:#fff;box-shadow:none;border:1px solid #ddd}.page-title,.decision-line strong{color:#000}.hero-lead{color:#444}.page-layout{padding:20px}.case-section{break-inside:avoid}}


/* نسخه ۳: اصلاح ریتم کارت‌ها، جلوگیری از سرریز و نمایش مسیر LIAM از چپ به راست */
.stage-nav{
  display:grid;
  grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr) 24px minmax(0,1fr) 24px minmax(0,1fr);
  align-items:center;
  gap:8px;
  overflow:visible;
  direction:ltr;
}
.stage-nav a{
  width:100%;
  min-width:0;
  flex:none;
  direction:ltr;
}
.stage-nav a span{
  min-width:0;
  overflow:hidden;
  direction:rtl;
  text-overflow:ellipsis;
}
.stage-arrow{
  display:grid;
  width:24px;
  height:24px;
  place-items:center;
  color:#91a0af;
  font-size:1.22rem;
  font-weight:900;
  line-height:1;
  direction:ltr;
  user-select:none;
}

.subheading{
  margin:clamp(30px,3.8vw,42px) 0 16px;
  color:var(--ink);
  font-size:clamp(1.05rem,1.35vw,1.25rem);
  font-weight:900;
  line-height:1.65;
}
.stage-header + .subheading{margin-top:0}

.case-section > :where(
  .quote-card,.content-grid,.metric-grid,.option-grid,.table-card,.insight-card,.change-card,
  .decision-box,.rank-list,.score-list,.allocation-stack,.timeline,.dependency-map,.fork-grid,
  .blueprint,.rule-flow,.priority-grid
){margin-top:20px}
.case-section > :is(.stage-header,.section-heading,.subheading) + :where(
  .quote-card,.content-grid,.metric-grid,.option-grid,.table-card,.insight-card,.change-card,
  .decision-box,.rank-list,.score-list,.allocation-stack,.timeline,.dependency-map,.fork-grid,
  .blueprint,.rule-flow,.priority-grid
){margin-top:0}

.challenge-grid,.content-grid,.option-grid,.lesson-grid,.related-grid,.blueprint,.fork-grid,.dependency-map{gap:18px}
.metric-grid,.change-grid{gap:14px}
.rank-list,.score-list,.allocation-stack,.rule-flow{gap:14px}
.timeline-item{padding-bottom:20px}

.challenge-grid > *, .content-grid > *, .option-grid > *, .metric-grid > *, .change-grid > *,
.lesson-grid > *, .related-grid > *, .blueprint > *, .fork-grid > *, .dependency-map > *,
.priority-grid > *{min-width:0}

.challenge-card,.content-card,.option-card,.metric,.change-item,.timeline-card,.rank-item,
.fork-card,.blueprint-card,.rule-row,.lesson-card,.related-card,.quote-card,.insight-card,
.decision-box,.table-card{
  min-width:0;
  overflow-wrap:anywhere;
}
.content-card,.challenge-card,.option-card,.lesson-card,.related-card,.fork-card,.blueprint-card{
  padding:clamp(19px,1.75vw,23px);
}
.metric{padding:17px}
.metric strong{
  max-width:100%;
  font-size:clamp(.96rem,1.2vw,1.08rem);
  line-height:1.65;
  overflow-wrap:anywhere;
}
.decision-box .decision-conditions span{max-width:100%;overflow-wrap:anywhere;text-align:center}

/* صفحه اولویت‌بندی: هر نامزد و امتیازهایش در یک کارت مستقل */
.priority-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}
.priority-card{
  min-width:0;
  padding:20px;
  border:1px solid var(--line);
  border-radius:19px;
  background:linear-gradient(180deg,#fff,#f9fbfc);
  box-shadow:0 10px 28px rgba(16,34,61,.045);
}
.priority-card > .content-card{
  margin:0 0 16px;
  padding:0 0 16px;
  border:0;
  border-bottom:1px solid var(--line);
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.priority-card > .content-card.soft{background:transparent}
.priority-card > .score-list{min-width:0}
.score-row{
  grid-template-columns:minmax(0,1fr) auto;
  gap:6px 10px;
}
.score-track{
  grid-column:1/-1;
  grid-row:2;
  min-width:0;
}
.score-name{min-width:0;line-height:1.55}
.score-value{
  min-width:38px;
  padding:2px 6px;
  border-radius:8px;
  color:var(--teal-dark);
  background:var(--teal-soft);
  text-align:center;
  white-space:nowrap;
}
.rank-item{
  grid-template-columns:44px minmax(0,1fr) minmax(54px,auto);
  gap:14px;
  padding:16px 17px;
}
.rank-copy{min-width:0}
.rank-copy strong,.rank-copy span{display:block;max-width:100%;overflow-wrap:anywhere}
.rank-score{
  min-width:54px;
  padding:6px 10px;
  border-radius:10px;
  color:var(--teal-dark);
  background:var(--teal-soft);
  text-align:center;
  white-space:nowrap;
}
.allocation-row{
  grid-template-columns:minmax(120px,1fr) minmax(140px,2.2fr) minmax(86px,auto);
}
.allocation-name,.allocation-value,.rule-if,.rule-condition,.rule-then{min-width:0;overflow-wrap:anywhere}
.rule-row{grid-template-columns:minmax(110px,.8fr) minmax(0,2fr) minmax(130px,1fr);gap:14px;padding:15px}

@media(max-width:1199.98px){
  .priority-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:991.98px){
  .priority-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .stage-nav{grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr) 20px minmax(0,1fr) 20px minmax(0,1fr);gap:6px}
  .stage-arrow{width:20px;height:20px;font-size:1.08rem}
}
@media(max-width:767.98px){
  .stage-nav{
    grid-template-columns:minmax(0,1fr) 17px minmax(0,1fr) 17px minmax(0,1fr) 17px minmax(0,1fr);
    gap:4px;
    padding:7px;
  }
  .stage-nav a{min-height:42px;padding:6px 5px}
  .stage-arrow{width:17px;height:17px;font-size:.98rem}
  .priority-grid{grid-template-columns:1fr}
  .rank-item{grid-template-columns:40px minmax(0,1fr) auto;gap:10px}
  .rank-score{grid-column:auto;min-width:46px;padding:5px 7px}
  .allocation-row{grid-template-columns:minmax(0,1fr) auto}
  .allocation-track{grid-column:1/-1;grid-row:2}
  .case-section > :where(
    .quote-card,.content-grid,.metric-grid,.option-grid,.table-card,.insight-card,.change-card,
    .decision-box,.rank-list,.score-list,.allocation-stack,.timeline,.dependency-map,.fork-grid,
    .blueprint,.rule-flow,.priority-grid
  ){margin-top:17px}
  .case-section > :is(.stage-header,.section-heading,.subheading) + :where(
    .quote-card,.content-grid,.metric-grid,.option-grid,.table-card,.insight-card,.change-card,
    .decision-box,.rank-list,.score-list,.allocation-stack,.timeline,.dependency-map,.fork-grid,
    .blueprint,.rule-flow,.priority-grid
  ){margin-top:0}
}
@media(max-width:480px){
  .stage-nav-wrap{padding-inline:5px}
  .stage-nav{gap:2px}
  .stage-nav b{width:25px;height:25px}
  .stage-arrow{font-size:.88rem}
}