.tag-list{display:flex;flex-wrap:wrap;gap:.5rem;view-transition-name:none}.tag-pill{display:inline-flex;align-items:center;padding:.15rem .75rem;border-radius:999px;background:var(--card-bg);border:none;font-size:.8rem;font-weight:500;letter-spacing:.02em;color:rgba(var(--color-text-base),.75);will-change:background-color,color;transition:background-color var(--duration-normal) var(--ease-smooth),color var(--duration-fast) var(--ease-smooth)}.tag-pill:hover{background:var(--card-bg-hover);color:rgb(var(--color-accent))}html[data-theme=dark] .tag-pill{color:rgba(var(--color-text-base),.8)}.featured-article-card{margin-bottom:1rem}.featured-card-link{display:block;background:var(--card-bg);border:none;border-radius:var(--radius-xl);overflow:hidden;will-change:background-color;transform:translateZ(0);transition:background-color var(--duration-normal) var(--ease-smooth);text-decoration:none}.featured-card-link:hover{background:var(--card-bg-hover)}.featured-card-layout{display:grid;grid-template-columns:minmax(140px,200px) 1fr;gap:clamp(1.25rem,3vw,2rem);padding:clamp(1rem,2.5vw,1.5rem);align-items:center}.featured-card-media{position:relative;aspect-ratio:4 / 3;border-radius:1.25rem;background:linear-gradient(135deg,#dbeafe,#fce7f3,#e0e7ff);overflow:hidden;flex-shrink:0}.featured-card-thumbnail{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.featured-card-layout.no-thumbnail{grid-template-columns:1fr}.featured-card-body{display:flex;flex-direction:column;gap:.5rem;min-width:0}.featured-card-meta{font-size:.85rem;color:rgba(var(--color-text-base),.55);letter-spacing:.02em}.featured-card-title{font-family:var(--font-display);font-size:clamp(1.25rem,3vw,1.5rem);font-weight:600;line-height:1.35;color:rgb(var(--color-text-base));letter-spacing:-.02em;transition:color var(--duration-fast) var(--ease-smooth)}.featured-card-link:hover .featured-card-title{color:rgb(var(--color-accent))}.featured-card-tags{display:flex;flex-wrap:wrap;gap:.4rem}.featured-card-tags .tag-pill{background:transparent;border:none;padding:0;font-size:.8rem;color:rgba(var(--color-text-base),.6)}.featured-card-description{font-size:.9rem;line-height:1.55;color:rgba(var(--color-text-base),.7);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-top:.25rem}@media (max-width: 640px) and (min-width: 480px){.featured-card-layout{grid-template-columns:100px 1fr;gap:1rem}.featured-card-media{aspect-ratio:1 / 1}}@media (max-width: 479px){.featured-card-layout{grid-template-columns:1fr}.featured-card-media{aspect-ratio:16 / 9;width:100%}}.article-card-wrapper{list-style:none}.article-card{display:block;text-decoration:none;padding:clamp(1rem,2.5vw,1.35rem);border-radius:var(--radius-lg, 1rem);background:var(--card-bg);will-change:background-color,transform;transform:translateZ(0);transition:background-color var(--duration-normal) var(--ease-smooth),transform var(--duration-fast) var(--ease-smooth)}.article-card:hover{background:var(--card-bg-hover)}.article-card-layout{display:grid;grid-template-columns:1fr auto;gap:clamp(1rem,3vw,1.5rem);align-items:center}.article-card-body{display:flex;flex-direction:column;gap:.4rem;min-width:0}.article-card-meta{font-size:.8rem;color:rgba(var(--color-text-base),.55);letter-spacing:.02em}.article-card-title{font-family:var(--font-display);font-size:clamp(1.05rem,2.5vw,1.25rem);font-weight:600;line-height:1.4;color:rgb(var(--color-text-base));letter-spacing:-.015em;transition:color var(--duration-fast) var(--ease-smooth)}.article-card:hover .article-card-title{color:rgb(var(--color-accent))}.article-card-tags{display:flex;flex-wrap:wrap;gap:.35rem}.article-card-tags .tag-pill{background:transparent;border:none;padding:0;font-size:.78rem}.article-card-description{font-size:.85rem;line-height:1.5;color:rgba(var(--color-text-base),.65);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:.15rem}.article-card-media{flex-shrink:0;width:clamp(72px,10vw,96px);aspect-ratio:1;border-radius:1.15rem;background:linear-gradient(135deg,#fce7f3,#c7d2fe,#dbeafe);position:relative;overflow:hidden}.article-card-thumbnail{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.article-card-layout.no-thumbnail{grid-template-columns:1fr}@media (max-width: 480px){.article-card-media{width:64px;border-radius:.9rem}}.tag-filter{display:flex;flex-wrap:nowrap;gap:.5rem;justify-content:flex-start;align-items:center;margin-top:2rem;margin-bottom:.5rem;padding:0;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;view-transition-name:none}.tag-filter::-webkit-scrollbar{display:none}.tag-filter-btn{display:inline-flex;align-items:center;justify-content:center;padding:.55rem 1.15rem;border-radius:999px;background:var(--card-bg);border:none;font-size:.875rem;font-weight:500;color:rgba(var(--color-text-base),.75);text-decoration:none;will-change:background-color,color;transition:background-color var(--duration-normal) var(--ease-smooth),color var(--duration-fast) var(--ease-smooth);white-space:nowrap}.tag-filter-btn:hover{background:var(--card-bg-hover);color:rgb(var(--color-accent))}.tag-filter-btn.active{background:rgb(var(--color-text-base));color:rgb(var(--color-fill));border-color:rgb(var(--color-text-base));font-weight:600}html[data-theme=dark] .tag-filter-btn.active{background:rgb(var(--color-text-base));color:rgb(var(--color-fill))}.tag-filter-more{min-width:2.75rem;letter-spacing:.1em;flex-shrink:0}@media (max-width: 640px){.tag-filter{gap:.35rem}.tag-filter-btn{padding:.4rem .75rem;font-size:.75rem}}.article-card-skeleton{list-style:none}.skeleton-card{padding:clamp(1.25rem,3vw,1.75rem);pointer-events:none}.skeleton-layout{display:grid;grid-template-columns:1fr 100px;gap:1.5rem;align-items:center}@media (max-width: 640px){.skeleton-layout{grid-template-columns:1fr}.skeleton-media{display:none}}.skeleton-body{display:flex;flex-direction:column;gap:.75rem}.skeleton-meta{width:80px;height:14px;border-radius:4px;background:#fff9;animation:skeleton-pulse 1.5s ease-in-out infinite}.skeleton-title{width:70%;height:24px;border-radius:6px;background:#ffffffb3;animation:skeleton-pulse 1.5s ease-in-out .1s infinite}.skeleton-tags{display:flex;gap:.5rem}.skeleton-tag{width:60px;height:20px;border-radius:999px;background:#ffffff80;animation:skeleton-pulse 1.5s ease-in-out .2s infinite}.skeleton-description{display:flex;flex-direction:column;gap:.5rem}.skeleton-line{width:100%;height:16px;border-radius:4px;background:#ffffff80;animation:skeleton-pulse 1.5s ease-in-out .3s infinite}.skeleton-line.short{width:60%;animation-delay:.4s}.skeleton-media{width:100px;height:75px;border-radius:1rem;background:#fff9;animation:skeleton-pulse 1.5s ease-in-out .2s infinite}@keyframes skeleton-pulse{0%,to{opacity:.5}50%{opacity:.8}}html[data-theme=dark] .skeleton-meta,html[data-theme=dark] .skeleton-title,html[data-theme=dark] .skeleton-tag,html[data-theme=dark] .skeleton-line,html[data-theme=dark] .skeleton-media{background:#ffffff14}html[data-theme=dark] .skeleton-title{background:#ffffff1f}.infinite-article-list{width:100%}.infinite-article-list .article-list{display:flex;flex-direction:column;gap:1rem;list-style:none;padding:0;margin:1.5rem 0}.load-trigger{height:1px;width:100%}.load-error{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem;text-align:center;color:rgba(var(--color-text-base),.7)}.retry-btn{padding:.5rem 1.25rem;border-radius:999px;background:var(--card-bg);border:none;color:rgb(var(--color-text-base));font-size:.875rem;font-weight:500;cursor:pointer;will-change:background-color,transform;transition:background-color var(--duration-normal) var(--ease-smooth),transform var(--duration-fast) var(--ease-smooth)}.retry-btn:hover{background:var(--card-bg-hover)}.end-message{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:2rem 1rem;color:rgba(var(--color-text-base),.5);font-size:.9rem}.end-icon{font-size:1.5rem;opacity:.6}