.Articles-module__0hQjga__pageHeader{padding-block:var(--space-5);background-color:var(--color-surface-alt);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-5)}.Articles-module__0hQjga__toolbar{gap:var(--space-3);margin-bottom:var(--space-5);flex-direction:column;display:flex}@media (min-width:768px){.Articles-module__0hQjga__toolbar{flex-direction:row;justify-content:space-between;align-items:center}}.Articles-module__0hQjga__searchWrapper{width:100%;max-width:400px;position:relative}.Articles-module__0hQjga__searchInput{width:100%;font-family:var(--font-family-base);border:1.5px solid var(--color-border);border-radius:var(--radius-full);transition:border-color var(--duration-fast) var(--ease-out);outline:none;padding:12px 16px 12px 48px;font-size:14px}.Articles-module__0hQjga__searchInput:focus{border-color:var(--color-primary-600)}.Articles-module__0hQjga__searchIcon{color:var(--color-text-secondary);position:absolute;top:50%;left:16px;transform:translateY(-50%)}.Articles-module__0hQjga__chips{gap:var(--space-2);padding-bottom:4px;display:flex;overflow-x:auto}.Articles-module__0hQjga__chip{background-color:var(--color-primary-50);color:var(--color-primary-600);border:1px solid var(--color-border);border-radius:var(--radius-full);cursor:pointer;white-space:nowrap;transition:background-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);padding:8px 16px;font-size:14px;font-weight:600}.Articles-module__0hQjga__chipActive{background-color:var(--color-primary-600);color:#fff;border-color:var(--color-primary-600)}.Articles-module__0hQjga__grid{gap:var(--space-4);margin-bottom:var(--space-6);grid-template-columns:1fr;display:grid}@media (min-width:768px){.Articles-module__0hQjga__grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.Articles-module__0hQjga__grid{grid-template-columns:repeat(3,1fr)}}.Articles-module__0hQjga__card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:transform var(--duration-base) var(--ease-out), box-shadow var(--duration-base) var(--ease-out);flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.Articles-module__0hQjga__card:hover{box-shadow:var(--shadow-hover);border-color:var(--color-primary-300);transform:translateY(-4px)}.Articles-module__0hQjga__thumbnailWrapper{aspect-ratio:16/9;background-color:var(--color-surface-alt);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.Articles-module__0hQjga__thumbnail{object-fit:cover;width:100%;height:100%;transition:transform var(--duration-slow) var(--ease-out)}.Articles-module__0hQjga__card:hover .Articles-module__0hQjga__thumbnail{transform:scale(1.06)}.Articles-module__0hQjga__badge{background-color:var(--color-primary-600);color:#fff;border-radius:var(--radius-sm);z-index:10;padding:4px 8px;font-size:11px;font-weight:600;position:absolute;top:12px;left:12px}.Articles-module__0hQjga__content{padding:var(--space-4);gap:var(--space-2);flex-direction:column;flex-grow:1;display:flex}.Articles-module__0hQjga__title{color:var(--color-text-primary);font-size:18px;font-weight:700;line-height:1.4}.Articles-module__0hQjga__date{color:var(--color-text-secondary);font-size:12px}.Articles-module__0hQjga__excerpt{color:var(--color-text-secondary);font-size:14px;line-height:1.6}.Articles-module__0hQjga__detailContainer{max-width:800px;padding-bottom:var(--space-8);margin:0 auto}.Articles-module__0hQjga__detailImage{aspect-ratio:16/9;background-color:var(--color-surface-alt);border-radius:var(--radius-lg);width:100%;margin-bottom:var(--space-4);border:1px solid var(--color-border);justify-content:center;align-items:center;display:flex;overflow:hidden}.Articles-module__0hQjga__detailHeader{margin-bottom:var(--space-4);border-bottom:1px solid var(--color-border);padding-bottom:var(--space-3)}.Articles-module__0hQjga__detailTitle{margin-bottom:var(--space-2);font-size:32px;font-weight:700;line-height:1.3}.Articles-module__0hQjga__detailMeta{gap:var(--space-3);color:var(--color-text-secondary);font-size:14px;display:flex}.Articles-module__0hQjga__richText{color:var(--color-text-primary);white-space:pre-line;font-size:16px;line-height:1.8}.Articles-module__0hQjga__noArticles{text-align:center;padding:var(--space-6);border:1.5px dashed var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary)}