.viewport{min-height:100vh;padding:25px 15px 40px;background:#f6f7ff;direction:rtl;color:#343434}.shell{width:min(1170px,100%);margin:0 auto;display:grid;grid-template-columns:minmax(0,875px) 265px;gap:30px;align-items:start;direction:ltr}.content,.sidebar{direction:rtl}.archive{padding:65px 50px 75px;border-radius:20px;background:#fff;box-shadow:0 6px 15px rgba(74,99,231,.1)}.backLink{display:inline-block;margin-bottom:28px;color:#4a63e7;text-decoration:none;font-size:13px}.archive h1{margin:0;color:#343434;font-size:42px}.archive h1::after{content:'';display:block;width:30px;height:5px;margin-top:14px;border-radius:25px;background:#ff5959}.lead{max-width:700px;margin:35px 0 0;color:#777;line-height:2;font-size:15px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;margin-top:48px}.card{overflow:hidden;border:1px solid #efefef;border-radius:14px;background:#fff;transition:.25s ease}.card:hover{transform:translateY(-4px);box-shadow:0 12px 28px rgba(74,99,231,.12)}.thumb{position:relative;display:block;aspect-ratio:1.55;overflow:hidden;background:#4a63e7}.thumb img{width:100%;height:100%;object-fit:cover}.category{position:absolute;top:12px;right:12px;padding:5px 12px;border-radius:4px;background:#ff5959;color:#fff;font-size:12px}.placeholder{position:absolute;inset:0;overflow:hidden;background:linear-gradient(135deg,#536be9,#334bc6)}.placeholder::before{content:'';position:absolute;inset:20% 10% 0;clip-path:polygon(50% 0,100% 42%,88% 42%,88% 100%,12% 100%,12% 42%,0 42%);background:rgba(255,255,255,.92)}.placeholder span:nth-child(1){position:absolute;z-index:1;right:25%;bottom:0;width:16%;height:42%;background:#4a63e7}.placeholder span:nth-child(2),.placeholder span:nth-child(3){position:absolute;z-index:1;bottom:22%;width:13%;height:18%;background:#ff5959}.placeholder span:nth-child(2){right:48%}.placeholder span:nth-child(3){right:66%}.cardBody{padding:23px}.cardBody h2{margin:0 0 13px;font-size:18px;line-height:1.8}.cardBody h2 a{color:#343434;text-decoration:none}.cardBody p{margin:0;color:#777;font-size:13px;line-height:1.9}.meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:18px;color:#999;font-size:11px}.empty{margin-top:45px;padding:40px;border-radius:16px;background:#f6f7ff;color:#777;text-align:center}.sidebar{position:sticky;top:25px;height:calc(100vh - 50px);min-height:620px;overflow:hidden;display:flex;flex-direction:column;padding:48px 35px 25px;border-radius:20px;background:#4a63e7;color:#fff;box-shadow:0 6px 15px rgba(74,99,231,.28)}.profile{text-align:center}.profile img{width:118px;height:118px;object-fit:cover;object-position:center top;border-radius:50%;border:5px solid rgba(255,255,255,.16)}.profile h2{margin:18px 0 7px;color:#fff;font-size:23px}.profile p{margin:0;color:rgba(255,255,255,.8);font-size:13px}.nav{display:grid;gap:2px;margin-top:42px}.nav a{display:flex;align-items:center;gap:16px;padding:12px 2px;color:rgba(255,255,255,.83);text-decoration:none;font-size:13px;transition:.2s}.nav a:hover{color:#fff;transform:translateX(-3px)}.nav svg{width:19px;height:19px}.sidebarFooter{margin-top:auto;padding-top:28px;color:rgba(255,255,255,.66);text-align:center;font-size:11px}.credit{padding:17px 10px 0;text-align:center;font-size:10px;color:#a0a3b3}.credit a{color:inherit;text-decoration:none}.mobileHeader,.closeMenu,.overlay{display:none}@media(max-width:991px){.viewport{padding-top:78px}.shell{display:block}.mobileHeader{position:fixed;top:15px;right:15px;left:15px;z-index:40;display:flex;align-items:center;justify-content:space-between;height:48px;padding:0 18px;border-radius:14px;background:#4a63e7;color:#fff;box-shadow:0 6px 15px rgba(74,99,231,.22)}.mobileHeader strong{font-size:14px}.mobileHeader button,.closeMenu{display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:50%;background:rgba(255,255,255,.12);color:#fff}.mobileHeader svg,.closeMenu svg{width:21px;height:21px}.sidebar{position:fixed;top:15px;right:15px;z-index:60;width:min(315px,calc(100vw - 30px));height:calc(100vh - 30px);min-height:0;transform:translateX(calc(100% + 30px));transition:transform .3s cubic-bezier(.22,1,.36,1)}.sidebarOpen{transform:translateX(0)}.closeMenu{position:absolute;top:16px;left:16px}.overlay{position:fixed;inset:0;z-index:50;display:block;border:0;background:rgba(19,23,45,.48);backdrop-filter:blur(3px)}}@media(max-width:767px){.viewport{padding-right:10px;padding-left:10px}.archive{padding:48px 24px 58px;border-radius:16px}.archive h1{font-size:32px}.grid{grid-template-columns:1fr}.lead{font-size:14px}}