@font-face{font-family:'Maxto Related UI';src:url('/blog/fonts/vazirmatn.woff2') format('woff2');font-weight:100 900;font-display:swap}
.maxto-related,.maxto-related *{box-sizing:border-box;font-family:'Maxto Related UI',Tahoma,sans-serif!important}.maxto-reading-rail{min-width:0;display:flex;flex-direction:column;gap:22px;align-self:start;position:relative}.maxto-reading-rail>.mt-seo-sidecard{position:relative;top:auto;transform:none!important;will-change:auto;margin:0}.maxto-related{position:relative;min-width:0;border:1px solid #7b96bb40;border-radius:18px;padding:20px 17px 16px;background:radial-gradient(ellipse at 0 0,#62518c26,transparent 60%),linear-gradient(145deg,#132239,#0c182b);box-shadow:0 5px 0 #061020,0 6px 0 #6987b52b,0 20px 30px #02081420;line-height:1.8;text-align:right;isolation:isolate;color:#d8e6f6}.maxto-related:before{content:'';position:absolute;top:-1px;right:22px;left:22px;height:1px;background:linear-gradient(90deg,transparent,#a6b4db91,transparent);pointer-events:none}.related-heading{display:flex;align-items:center;gap:10px;margin:0 0 18px!important;padding:0 0 16px;border-bottom:1px solid #7f9ac329}.related-heading>div{min-width:0;flex:1}.related-symbol{display:grid;place-items:center;flex-shrink:0;width:34px;height:35px;border-radius:10px;background:linear-gradient(135deg,#5f527766,#26384f77);border:1px solid #a798c84d;color:#cebbfa;font-size:24px;box-shadow:0 4px 8px #0002}.related-kicker{display:block;font-size:9px!important;color:#859fbd;line-height:1.8;margin-bottom:3px}.related-heading h2{font-size:15px!important;line-height:1.8!important;font-weight:650!important;color:#e2eafa!important;margin:0!important}.related-count{display:grid;place-items:center;min-width:23px;height:23px;font-size:10px;color:#b2a2d0;border:1px solid #a193ba39;background:#987ac017;border-radius:50%;padding:0 5px}.related-list{display:grid!important;gap:17px!important;padding:0!important;margin:0!important}.maxto-related .related-card{display:block!important;overflow:hidden;border-radius:12px;border:1px solid #7691b33d;background:#0b172a;color:inherit!important;margin:0!important;padding:0!important;text-decoration:none!important;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;box-shadow:0 3px 0 #06101f}.maxto-related .related-card:hover{border-color:#a79acb8c;transform:translateY(-3px);box-shadow:0 6px 0 #06101f,0 10px 20px #0003}.related-cover{position:relative;height:105px;display:block;overflow:hidden;background:radial-gradient(ellipse at 80% 0,#506b9f66,transparent 65%),linear-gradient(135deg,#26384f,#17243a);perspective:600px;isolation:isolate}.related-cover:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,#07132480);pointer-events:none}.related-cover>img{display:block;width:100%;height:100%;object-fit:cover;border-radius:0;transition:transform .4s ease}.related-card:hover .related-cover>img{transform:scale(1.05)}.related-cover-grid{position:absolute;inset:-20% -10%;background-image:linear-gradient(#9db5d214 1px,transparent 1px),linear-gradient(90deg,#9db5d214 1px,transparent 1px);background-size:21px 21px;transform:rotateX(50deg) rotateZ(-25deg);mask-image:radial-gradient(ellipse,#000,transparent 70%)}.related-mini-cube{position:absolute;top:25px;left:calc(50% - 21px);width:43px;height:43px;transform-style:preserve-3d;transform:rotateX(-23deg) rotateY(-34deg) rotateZ(-7deg)}.related-mini-cube>*{position:absolute;inset:0;border:1px solid #c8b9f3bd;background:linear-gradient(140deg,#806bafd9,#344764);box-shadow:inset 0 0 12px #aa92d738}.related-mini-cube>i{transform:translateZ(21.5px)}.related-mini-cube>b{transform:rotateY(90deg) translateZ(21.5px);background:#33415e}.related-mini-cube>em{transform:rotateX(90deg) translateZ(21.5px);background:#9c8cbb}.related-cover-orbit{position:absolute;border:1px solid #9fbadc51;width:110px;height:90px;border-radius:50%;top:10px;left:calc(50% - 55px);transform:rotateX(60deg) rotateZ(-18deg)}.related-sequence{position:absolute;top:12px;right:12px;font-size:8px;letter-spacing:1px;color:#c4c9dd;z-index:1;opacity:.75}.related-cover-arrow{position:absolute;left:10px;bottom:10px;width:24px;height:24px;display:grid;place-items:center;font-size:17px;border-radius:50%;color:#ddd5f1;background:#111d3099;border:1px solid #bba5d44f;z-index:1}.related-card-body{display:block;padding:12px 13px 13px}.related-category{display:block;font-size:9px!important;color:#9ec9de;line-height:1.8}.related-card h3{font-size:12px!important;line-height:2!important;font-weight:550!important;margin:6px 0 11px!important;color:#dfe8f8!important;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.related-card-meta{display:flex;align-items:center;justify-content:space-between;gap:7px;font-size:9px!important;color:#748fae;border-top:1px solid #7c9ab322;padding-top:10px}.related-read{display:inline-flex;align-items:center;gap:9px;color:#b6a3db}.maxto-related .related-all{display:flex!important;align-items:center;justify-content:space-between;gap:15px;color:#b2d8e8!important;text-decoration:none!important;font-size:10px!important;margin:18px 0 0!important;padding:12px 1px 0!important;border-top:1px solid #7f9ac329;line-height:1.8!important}.related-all>span{display:grid;place-items:center;width:25px;height:25px;border:1px solid #7896b442;border-radius:8px;font-size:16px;background:#1a314958}.related-empty{padding:3px 3px 4px;text-align:center}.related-empty-art{display:block;position:relative;width:80px;height:75px;margin:9px auto 16px;perspective:500px}.related-empty-art>i,.related-empty-art>b{position:absolute;inset:9px 16px;border:1px solid #b19bcc75;border-radius:9px;background:linear-gradient(135deg,#32405f,#15273d);transform:rotateY(27deg) rotateZ(-12deg);box-shadow:4px 5px 0 #071324}.related-empty-art>b{transform:translate(6px,5px) rotateY(27deg) rotateZ(6deg);opacity:.4;z-index:-1}.related-empty-art>em{position:absolute;left:29px;top:21px;font-style:normal;font-size:25px;color:#bdabef;text-shadow:0 0 14px #bba1ed55;transform:rotate(-10deg)}.related-empty h3{font-size:12px!important;font-weight:550!important;margin:0 0 9px!important;line-height:1.9!important;color:#cddcef!important}.related-empty p{font-size:10px!important;line-height:2.15!important;color:#7f99b7!important;margin:0!important}.maxto-related a:focus-visible{outline:2px solid #a9dcec;outline-offset:4px}.maxto-related-fallback{max-width:1220px;margin:30px auto;padding:0 24px}.maxto-related-fallback .related-list{grid-template-columns:repeat(4,minmax(0,1fr))}.maxto-related-fallback .related-empty{max-width:350px;margin:auto}.reading-rail{display:grid;gap:23px}.reading-rail .toc-box{position:static}.reading-aside .maxto-related{margin-bottom:10px}.article-flow .mt-seo-layout{grid-template-columns:minmax(0,1fr) 280px;gap:32px}.article-flow .mt-seo-sidecard{border-radius:18px;box-shadow:0 5px 0 #061020,0 6px 0 #6987b52b}.article-flow .mt-seo-side-kicker{font-size:10px;letter-spacing:1px;line-height:1.8;opacity:.75}.article-flow .mt-seo-section{scroll-margin-top:100px}.article-flow .mt-seo-content>.mt-seo-section+.mt-seo-section{margin-top:42px}.article-flow .mt-seo-section-index{font-size:12px;line-height:1.8;letter-spacing:1px;opacity:.8}
@media(max-width:1100px){.article-flow .mt-seo-layout{grid-template-columns:minmax(0,1fr) 250px;gap:25px}.maxto-related{padding:18px 14px 14px}.related-card-body{padding:11px}.related-card h3{font-size:12px!important}}
@media(max-width:820px){.article-flow .mt-seo-layout{grid-template-columns:1fr}.maxto-reading-rail{transform:none!important;gap:20px}.maxto-reading-rail>.mt-seo-sidecard{max-width:none}.maxto-related .related-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px!important}.related-cover{height:125px}.related-empty{max-width:330px;margin:auto}.related-empty-art{margin-top:0}.related-heading h2{font-size:16px!important}.maxto-related .related-all{font-size:12px!important}.maxto-related-fallback{padding:0 18px}}
@media(max-width:500px){.maxto-related{padding:20px 17px 15px}.maxto-related .related-list{grid-template-columns:1fr;gap:15px!important}.maxto-related .related-card{display:grid!important;grid-template-columns:92px minmax(0,1fr);align-items:stretch}.related-cover{height:100%;min-height:137px;border-left:1px solid #7f9ac322}.related-cover-arrow{left:8px;bottom:9px;width:22px;height:22px;font-size:15px}.related-card-body{padding:13px 12px}.related-card h3{font-size:12px!important;margin:5px 0 10px!important;-webkit-line-clamp:3}.related-category{font-size:9px!important}.related-card-meta{font-size:9px!important;gap:8px}.related-sequence{font-size:8px;top:10px;right:10px}.related-mini-cube{top:42px;width:35px;height:35px;left:calc(50% - 17.5px)}.related-mini-cube>i{transform:translateZ(17.5px)}.related-mini-cube>b{transform:rotateY(90deg) translateZ(17.5px)}.related-mini-cube>em{transform:rotateX(90deg) translateZ(17.5px)}.related-cover-orbit{width:85px;height:70px;left:calc(50% - 42.5px);top:30px}.maxto-related-fallback .related-list{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.maxto-related .related-card,.related-cover>img{transition:none}.maxto-related .related-card:hover{transform:none}.related-card:hover .related-cover>img{transform:none}}