.archive-page{display:flex;flex-direction:column;gap:28px;margin-top:var(--margin--top)}.archive-page__header{display:flex;flex-direction:column;gap:16px}.archive-page__title{margin:0;font-size:clamp(26px, 4vw, 34px);font-weight:500;color:var(--gray-800)}.archive-filter{display:flex;flex-wrap:wrap;gap:10px;border:1px solid var(--gray-200);border-radius:var(--border--radius);background-color:var(--gray-100);padding:8px}.archive-filter__button{border:none;background-color:#fff0;color:var(--gray-700);padding:10px 16px;border-radius:12px;font-size:var(--font-size-dextop-xl);font-weight:600;cursor:pointer;transition:color 0.2s ease,transform 0.2s ease,background-color 0.2s ease}.archive-filter__button.is-active,.archive-filter__button:focus-visible{background-color:var(--gray-200);color:var(--primary--color)}.archive-grid{display:flex;flex-direction:column;gap:var(--gap--)}.archive-card{display:flex;flex-direction:row;align-items:stretch;direction:rtl;background-color:var(--gray-100);border:1px solid var(--gray-200);border-radius:var(--border--radius);overflow:hidden;min-height:140px;text-decoration:none;color:inherit}.archive-card__media{position:relative;display:block;flex:0 0 auto!important;width:auto!important;height:100%!important;overflow:hidden;background-color:var(--gray-150);aspect-ratio:1 / 1!important;max-width:140px!important;align-self:stretch}.archive-card__image{width:100%!important;height:100%!important;object-fit:cover!important;display:block}.archive-card__media--placeholder{display:flex;align-items:center;justify-content:center;color:var(--gray-500);font-size:13px}.archive-card__body{display:flex;flex-direction:column;gap:10px;padding:18px 20px;flex:1 1 auto;text-align:right}.archive-card__header{display:flex;flex-direction:column;gap:10px}.archive-card__date{font-size:12px;color:var(--gray-500)}.archive-card__title{margin:0;font-size:18px;font-weight:600;color:var(--gray-700);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;text-overflow:ellipsis}.archive-card__title a{color:inherit;text-decoration:none;transition:color 0.2s ease}.archive-card__title a:hover{color:var(--primary--color)}.archive-card__excerpt{color:var(--gray-600);font-size:13px;line-height:1.7;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;text-overflow:ellipsis}.archive-card__tags{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}.archive-card__tag a{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:10px;border:1px solid var(--gray-200);background-color:var(--gray-100);color:var(--gray-600);font-size:11px;text-decoration:none;transition:color 0.2s ease,border-color 0.2s ease,background-color 0.2s ease}.archive-card__tag a::before{font-family:"Phosphor";content:"\f1e6";font-size:12px;line-height:1}.archive-card__tag a:hover{color:var(--primary--color);border-color:var(--primary--color);background-color:color-mix(in srgb,var(--primary--color) 12%,transparent)}.archive-card__footer{display:flex;justify-content:flex-start;margin-top:auto;align-self:stretch}.archive-card__link{display:inline-flex;align-items:center;gap:6px;flex-direction:row-reverse;color:var(--primary--color);font-weight:500;padding:8px 14px;border-radius:12px;background-color:var(--gray-200);transition:color 0.2s ease,background-color 0.2s ease,transform 0.2s ease}.archive-card__link-icon{font-size:18px;line-height:1}.archive-card:hover .archive-card__link{color:var(--gray-900);background-color:var(--gray-200)}.archive-pagination{display:flex;justify-content:center}.archive-pagination__links .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;margin:0 4px;border-radius:12px;background-color:#fff;color:var(--gray-700);border:1px solid var(--gray-200);text-decoration:none;transition:background-color 0.2s ease,color 0.2s ease,border-color 0.2s ease}@media (max-width:600px){.archive-page{}.archive-card{flex-direction:column;direction:rtl}.archive-card__media{flex-basis:auto;width:100%!important;height:auto!important;aspect-ratio:1 / 1!important;max-width:none!important}.archive-card__body{padding:18px;gap:12px}.archive-card__footer{justify-content:flex-start}}