.article-featured{max-width:100%;display:flex;gap:var(--space-xxxl);padding:var(--space-xxl) 0;border-top:1px solid var(--color-primary);border-bottom:1px solid var(--color-primary);align-items:stretch}.article-featured__content{flex:1;display:flex;flex-direction:column;justify-content:space-between;min-width:0}.article-featured__media{flex:1;max-width:32rem;width:100%}.article__featured-image-wrapper{display:block;width:100%;height:100%}.article-featured__media .article__featured-image{width:100%;height:auto;aspect-ratio:16 / 9;object-fit:cover;border-radius:var(--radius-md)}.article__featured-placeholder{width:100%;aspect-ratio:16 / 9;background:#e5e5e5;border-radius:var(--radius-md)}.article__header{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg);flex-wrap:wrap}.article__header .article__image{width:3.5rem;height:3.5rem;border-radius:50%;object-fit:cover;flex-shrink:0}.article__author-placeholder{width:3.5rem;height:3.5rem;border-radius:50%;background:#e5e5e5}.article__body{margin-bottom:var(--space-xl)}.article__body a{color:var(--color-text-primary);text-decoration-color:var(--color-text-primary)}.article__title{font-size:clamp(1.5rem,2.5vw,var(--font-size-xxl));word-break:break-word;margin:0}.article__description{font-size:clamp(.95rem,1.2vw,var(--font-size-md))}.article__footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-md)}.article__meta{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-size-xs);text-transform:uppercase;flex-wrap:wrap}.article__category{color:var(--color-primary);font-size:var(--font-size-sm);font-weight:500}.article__button{background-color:var(--color-primary);color:var(--color-background);border-radius:var(--space-xxs);padding:var(--space-xs) var(--space-md);font-weight:500}@media(max-width:1024px){.article-featured{flex-direction:column}.article-featured__media{max-width:100%}}@media(max-width:640px){.article-featured{gap:var(--space-lg)}.article__footer{flex-direction:column;align-items:flex-start}.article__read-button{width:100%}.article__button{width:100%;text-align:center}}.article-item{display:flex;flex-direction:column;gap:var(--space-md);width:100%;min-width:0}.article__author{display:flex;align-items:center;gap:var(--space-md)}.article__author-image{width:48px;height:48px;border-radius:50%;object-fit:cover;flex-shrink:0}.article__author-info{display:flex;flex-direction:column;min-width:0}.author-info__text{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.author-info__name{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-primary)}.article__image-wrapper{width:100%;aspect-ratio:16 / 9;max-height:clamp(160px,25vw,220px);overflow:hidden;border-radius:var(--radius-md)}.article__image{width:100%;height:100%;object-fit:cover;display:block;object-position:center}.article__meta-info{display:flex;flex-direction:column;gap:var(--space-xxs)}.meta-category,.meta-date{font-size:.8rem;font-weight:600;text-transform:uppercase;color:var(--color-alternative)}.article__body{display:flex;flex-direction:column;gap:var(--space-xs);min-width:0}.article__body-title{margin:0;font-size:clamp(1rem,1.4vw,var(--font-size-md));line-height:1.3;word-break:break-word}.article__body-description{font-size:clamp(.9rem,1.1vw,var(--font-size-sm));line-height:1.5;color:var(--color-text-secondary)}.article__link{text-decoration:none;color:inherit;display:block}.article__link--title:hover{text-decoration:underline}.article__image-placeholder,.article__author-placeholder{background-color:#e5e5e5}.article__image-placeholder{width:100%;aspect-ratio:16 / 9}.article__author-placeholder{width:48px;height:48px;border-radius:50%}@media(max-width:1024px){.article__image-wrapper{max-height:clamp(150px,30vw,200px)}}@media(max-width:640px){.article-item{gap:var(--space-sm)}.article__meta-info{flex-direction:row;flex-wrap:wrap}.article__body-title{font-size:1rem}.article__body-description{font-size:.9rem}}.article-list{width:100%}.article-list__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-xl);width:100%}@media(min-width:1280px){.article-list__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:1024px){.article-list__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-lg)}}@media(max-width:640px){.article-list__grid{grid-template-columns:1fr;gap:var(--space-lg)}}