.article-list{display: flex;flex-direction: column;gap: var(--space-5);margin-bottom: var(--space-10)}.article-card{display: flex;gap: 0;background: var(--color-white);border: 1px solid var(--color-fog);border-radius: var(--radius-xl);overflow: hidden;box-shadow: var(--shadow-sm);transition: border-color var(--transition-fast),box-shadow var(--transition-fast)}.article-card:hover{border-color: var(--color-forest);box-shadow: 0 4px 20px oklch(34% .11 145 / .1)}.article-card__img-wrap{flex-shrink: 0;display: block;align-self: center;width: clamp(220px,28%,420px);aspect-ratio: 1.9}.article-card__img{width: 100%;height: 100%;object-fit: contain;display: block}@media (max-width: 700px){.article-card{flex-direction: column}.article-card__img-wrap{width: 100%}}.article-card__content{flex: 1;min-width: 0;padding: var(--space-6) var(--space-7)}@media (max-width: 700px){.article-card__content{padding: var(--space-5)}}.article-card__date{font-size: var(--text-xs);color: var(--color-muted);margin-bottom: var(--space-2)}.article-card__title{font-family: var(--font-display);font-size: var(--text-xl);font-weight: 800;color: var(--color-charcoal);text-transform: uppercase;letter-spacing: var(--tracking-tight);margin-bottom: var(--space-3)}.article-card__title a{text-decoration: none;color: inherit}.article-card__title a:hover{color: var(--color-forest)}.article-card__excerpt{font-size: var(--text-sm);color: var(--color-slate);line-height: var(--leading-relaxed);margin: 0 0 var(--space-4)}.article-card__more{font-size: var(--text-sm);font-weight: 700;color: var(--color-forest);text-decoration: none}.article-card__more:hover{text-decoration: underline}.article-detail__image{width: auto;max-width: 100%;height: auto;border-radius: var(--radius-xl);margin-bottom: var(--space-6);display: block}.article-detail__title{font-family: var(--font-display);font-size: clamp(var(--text-2xl),4vw,var(--text-3xl));font-weight: 800;color: var(--color-charcoal);text-transform: uppercase;letter-spacing: var(--tracking-tight);margin-bottom: var(--space-3)}.article-detail__date{font-size: var(--text-sm);color: var(--color-muted);margin-bottom: var(--space-6)}.article-detail__body{font-size: var(--text-base);line-height: var(--leading-relaxed);color: var(--color-ink);margin-bottom: var(--space-8)}.article-detail__body h2{font-family: var(--font-display);font-size: var(--text-xl);font-weight: 800;color: var(--color-charcoal);text-transform: uppercase;letter-spacing: var(--tracking-tight);margin: var(--space-7) 0 var(--space-3);padding-bottom: var(--space-2);border-bottom: 2px solid var(--color-forest)}.article-detail__body p{margin: 0 0 var(--space-4)}.article-detail__body a{color: var(--color-forest);font-weight: 600}.article-detail__body img{max-width: 100%;height: auto;border-radius: var(--radius-lg)}.article-section-title{font-family: var(--font-display);font-size: var(--text-xl);font-weight: 800;color: var(--color-charcoal);text-transform: uppercase;letter-spacing: var(--tracking-tight);margin: var(--space-8) 0 var(--space-5);padding-bottom: var(--space-3);border-bottom: 2px solid var(--color-forest)}.article-categories{display: grid;grid-template-columns: repeat(auto-fill,minmax(130px,1fr));gap: var(--space-3);margin-bottom: var(--space-8)}.article-cat{display: flex;flex-direction: column;align-items: center;gap: var(--space-2);padding: var(--space-4) var(--space-3);background: var(--color-mist);border-radius: var(--radius-xl);text-decoration: none;color: var(--color-ink);text-align: center;font-size: var(--text-sm);font-weight: 600;transition: background var(--transition-fast),color var(--transition-fast);border: 1.5px solid transparent}.article-cat:hover{background: oklch(96% .025 145);border-color: var(--color-forest);color: var(--color-forest)}.article-cat__icon{width: 40px;height: 40px;object-fit: contain}.products-grid-full{display: grid;grid-template-columns: repeat(auto-fill,minmax(200px,1fr));gap: var(--space-5);margin-bottom: var(--space-8)}.article-back{display: inline-block;margin-top: var(--space-6);font-size: var(--text-sm);font-weight: 700;color: var(--color-forest);text-decoration: none}.article-back:hover{text-decoration: underline}