.tag-filter{display:flex;align-items:flex-start;gap:var(--spacing-lg);width:100%;flex-wrap:wrap}.tag-item{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:36px;padding:0 14px;border-radius:var(--radius-button-lg);overflow:hidden;border:var(--border-width-thin) solid transparent;background-color:var(--color-fill);cursor:pointer;transition:all var(--duration-normal) var(--ease-out);position:relative}.tag-item:hover{background-color:var(--color-fill-hover)}.tag-item-active,.tag-item-active:hover{border:var(--border-width-thin) solid var(--color-accent);background-color:var(--color-accent-tint)}.tag-item-active .tag-label{color:var(--color-accent-ink)}.tag-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-fg);line-height:18px;letter-spacing:var(--letter-spacing-none);white-space:nowrap}.tag-badge{display:inline-flex;min-width:0;align-items:center;justify-content:center;flex-shrink:0;padding:0;height:auto;overflow:hidden;border-radius:var(--radius-tag);border:var(--border-width-thin) solid transparent;background-color:transparent;font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);color:var(--color-fg2);line-height:18px;letter-spacing:var(--letter-spacing-none);white-space:nowrap}.tag-badge-active{background-color:transparent;color:var(--color-accent-ink)}.skeleton-tag .tag-label{width:var(--tag-label-width);height:var(--font-size-base)}.skeleton-tag .tag-badge{width:var(--tag-icon-size);height:var(--tag-badge-height);border:var(--border-width-thin) solid transparent;background-color:var(--color-fill)}@media screen and (max-width: 768px){.tag-filter{gap:var(--spacing-md);flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.tag-filter::-webkit-scrollbar{display:none}.tag-item{flex-shrink:0}.tag-label{font-weight:var(--font-weight-medium)}.tag-badge{border-radius:var(--radius-tag)}}@media screen and (max-width: 480px){.tag-filter{gap:var(--spacing-sm)}.tag-label{font-weight:var(--font-weight-medium)}}.tag-item:focus-visible{outline:var(--border-width-medium) solid var(--color-accent);outline-offset:var(--spacing-xxs);border-radius:var(--radius-button-lg)}@media (pointer: coarse){.tag-item{min-height:44px}}@media (prefers-reduced-motion: reduce){.tag-item{transition:none}}.page-container-wide>.magazine-header,.page-container-wide>.magazine-divider,.page-container-wide>.magazine-filter-section,.page-container-wide>.magazine-articles-section{margin-top:0}.magazine-header{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-xl);width:100%;max-width:var(--content-max-width);margin:0 auto;position:relative;padding-top:var(--spacing-4xl);padding-bottom:var(--spacing-xl)}.magazine-content{display:flex;flex-direction:column;align-items:flex-start;gap:var(--font-size-xl);align-self:stretch;width:100%}.magazine-page-title{width:var(--content-width-text);max-width:100%;font-size:44px;font-weight:var(--font-weight-semibold);color:var(--color-fg);line-height:50px;letter-spacing:-1.1px;margin:var(--negative-margin-small) 0 0 0;text-wrap:balance}.magazine-description{align-self:stretch;max-width:720px;font-size:17px;font-weight:var(--font-weight-normal);color:var(--color-fg2);line-height:26px;letter-spacing:var(--letter-spacing-none);margin:0}.magazine-divider{position:relative;width:100%;max-width:var(--content-max-width);margin:0 auto;height:1px;background-color:var(--color-sep);margin-bottom:var(--spacing-xl)}.magazine-divider{display:none}.magazine-filter-section{display:flex;align-items:flex-start;gap:var(--spacing-lg);width:100%;max-width:var(--content-max-width);margin:0 auto;position:relative;padding-bottom:var(--spacing-xl)}.magazine-articles-section{width:100%;max-width:var(--content-max-width);margin:0 auto;display:flex;flex-direction:column;gap:var(--spacing-2xl);padding-bottom:var(--spacing-article-bottom)}.magazine-articles-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap-2-5xl);align-items:flex-start;width:100%}.magazine-articles-grid .magazine-card-link{width:100%;height:100%}.magazine-articles-grid .magazine-card{max-width:100%;height:100%}.magazine-articles-grid .magazine-image{height:auto;aspect-ratio:3 / 2}.magazine-load-more-section{display:flex;justify-content:center;align-items:center;margin-top:var(--spacing-3xl);padding-top:var(--spacing-3xl)}@media screen and (max-width: 1023px){.magazine-articles-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (max-width: 768px){.magazine-header{gap:var(--spacing-xl);max-width:100%;padding-top:var(--spacing-2xl);padding-bottom:var(--spacing-2xl)}.magazine-divider{margin-bottom:var(--spacing-2xl)}.magazine-filter-section,.magazine-articles-section{padding-bottom:var(--spacing-2xl)}.magazine-content{gap:var(--font-size-xl)}.magazine-page-title{width:100%;font-size:28px;line-height:34px;letter-spacing:-.7px}.magazine-description{font-size:var(--font-size-base);line-height:24px}.magazine-articles-grid{grid-template-columns:1fr;gap:var(--spacing-xl)}.magazine-articles-grid .magazine-image{aspect-ratio:2 / 1}}@media screen and (max-width: 480px){.magazine-page-title{font-size:28px;line-height:34px;letter-spacing:-.7px}.magazine-articles-grid{gap:var(--gap-2-5xl)}}@media (prefers-reduced-motion: reduce){*{transition:none}}@media (prefers-contrast: high){.magazine-title,.magazine-description{color:var(--color-fg)}.content-divider{background-color:var(--color-fg);height:2px}}@media print{.magazine-page{background-color:var(--color-bg);padding:0}.magazine-container{max-width:none;padding:0}.filter-section{display:none}.articles-grid{grid-template-columns:1fr;gap:var(--spacing-lg)}.magazine-header{margin-bottom:var(--spacing-2xl);page-break-after:avoid}}