.article-card-horizontal,.article-card-vertical,.article-card-overlay{background:var(--color-white);border-radius:var(--card-border-radius);width:100%;max-width:800px;box-shadow:var(--shadow-medium);color:inherit;margin:0 auto;text-decoration:none;transition:transform .2s;overflow:hidden}.article-card-horizontal .image img,.article-card-vertical .image img,.article-card-overlay .image img{transition:transform var(--card-image-zoom-duration)ease}.article-card-horizontal:hover .image img,.article-card-vertical:hover .image img,.article-card-overlay:hover .image img{transform:scale(var(--card-image-zoom))}.article-card-horizontal:hover,.article-card-vertical:hover,.article-card-overlay:hover,.article-card-horizontal,.article-card-vertical,.article-card-overlay,.article-card-horizontal:hover *,.article-card-vertical:hover *,.article-card-overlay:hover *{text-decoration:none}.article-card-horizontal{height:auto;min-height:320px;display:flex}.article-card-horizontal .article-card-content{flex:0 0 50%;flex-direction:column!important;justify-content:flex-start!important;min-width:0!important;min-height:auto!important;margin-top:0!important;margin-left:0!important;padding:16px!important;display:flex!important;overflow-y:visible!important}.article-card-horizontal .image{flex:0 0 50%;min-width:200px;min-height:320px;position:relative;overflow:hidden}.article-card-horizontal .image img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.article-card-vertical{flex-direction:column;display:flex;height:auto!important;min-height:0!important;max-height:none!important}.article-card-vertical .image{flex-shrink:0;height:200px;overflow:hidden}.article-card-vertical .article-card-content{text-align:center!important;flex-direction:column!important;flex:0 auto!important;min-height:0!important;margin-top:0!important;margin-left:0!important;padding:24px!important;display:flex!important;overflow-y:visible!important}.article-card-overlay{height:400px;position:relative;overflow:hidden}.article-card-overlay .image{z-index:1;position:absolute;inset:0}.article-card-overlay:before{content:"";z-index:2;background:#00000080;position:absolute;inset:0}.article-card-overlay .article-card-content{z-index:3!important;color:#fff!important;flex-direction:column!important;justify-content:center!important;height:100%!important;min-height:auto!important;margin-top:0!important;margin-left:0!important;padding:24px!important;display:flex!important;position:relative!important;overflow-y:visible!important}.article-card-overlay .tags{color:#ffffffe6!important}.article-card-overlay .title{color:#fff!important}.article-card-overlay .article-meta{color:#ffffffe6!important}.article-card-horizontal .tags,.article-card-vertical .tags,.article-card-overlay .tags{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.article-card-horizontal .tag,.article-card-vertical .tag,.article-card-overlay .tag{color:#fff;text-transform:uppercase;background:var(--color-primary);font-size:var(--font-size-xs);border-radius:4px;padding:4px 8px;font-weight:600}.article-card-horizontal .title,.article-card-vertical .title,.article-card-overlay .title{color:var(--color-text);font-size:var(--font-size-lg);margin-bottom:16px;font-weight:700;line-height:1.2}.article-card-horizontal .article-meta,.article-card-vertical .article-meta,.article-card-overlay .article-meta{color:var(--color-text-muted);font-size:var(--font-size-s);flex-direction:column;gap:2px;margin-top:auto;display:flex}.article-card-horizontal .article-author,.article-card-vertical .article-author,.article-card-overlay .article-author{font-weight:500}.article-card-horizontal .article-meta-separator,.article-card-vertical .article-meta-separator,.article-card-overlay .article-meta-separator{display:none}.article-card-horizontal .article-date,.article-card-vertical .article-date,.article-card-overlay .article-date{opacity:.8}.articles-grid-large{grid-template-columns:1fr 1fr;grid-auto-rows:min-content;align-items:start;gap:40px;margin-bottom:32px;display:grid}@media (max-width:768px){.article-card-horizontal{flex-direction:column}.article-card-horizontal .image{height:200px}.article-card-overlay .article-card-content{clip-path:none;width:100%;position:relative}.article-card-horizontal .title,.article-card-vertical .title,.article-card-overlay .title{font-size:var(--font-size-xl)}.articles-grid-large{grid-template-columns:1fr;gap:20px}}.articles-content{max-width:var(--site-content-width);padding:0 var(--space-l);margin:0 auto 40px}.articles-grid{contain:layout;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;display:grid}.article-card{background:var(--color-white);border-radius:var(--card-border-radius);color:inherit;box-shadow:var(--shadow-medium);flex-direction:column;min-height:350px;text-decoration:none;transition:transform .2s;display:flex;overflow:hidden}.article-card:hover{text-decoration:none}.article-card:hover .article-image{transform:scale(var(--card-image-zoom))}.article-card:hover *{text-decoration:none}.article-image{width:100%;transition:transform var(--card-image-zoom-duration)ease;background-position:50%;background-repeat:no-repeat;background-size:cover;position:relative;height:160px!important}html body .article-image,.article-card .article-image{height:160px!important}.article-content{z-index:1;background:var(--color-white);flex-direction:column;flex:1;padding:20px;display:flex;position:relative}.article-title{color:var(--color-text);font-family:Geist,sans-serif;font-size:var(--font-size-lg);margin:0 0 12px;font-weight:700;line-height:1.2}.article-meta{font-size:var(--font-size-s);color:var(--color-text-muted);flex-direction:column;align-items:flex-start;gap:2px;margin-bottom:12px;display:flex}.article-author{font-weight:500}.article-meta-separator{display:none}.article-date{opacity:.8}.article-tags{flex-wrap:wrap;gap:6px;margin-top:auto;display:flex}.article-tag{color:var(--color-primary);border-radius:var(--radius-full);font-size:var(--font-size-xs);text-transform:uppercase;background:#e9e9e9;padding:4px 10px;font-weight:500;display:inline-block}.full-width-section{width:100%;margin:0;padding:0}.error-message,.no-articles-message{text-align:center;max-width:600px;margin:0 auto;padding:60px 20px}.error-message h1,.no-articles-message h1{font-size:var(--font-size-xxl);color:var(--color-accent-red);margin-bottom:var(--space-l);font-family:Geist,sans-serif}.error-message p,.no-articles-message p{font-size:var(--font-size-l);color:var(--color-text-muted);line-height:1.6}@media (max-width:768px){.articles-grid{grid-template-columns:1fr}.article-image{height:160px!important}}