.article-main{padding-top:var(--top-padding);padding-bottom:var(--bottom-padding);min-height:calc(100vh - var(--top-padding) - var(--bottom-padding));overflow-x:hidden}.article-layout{box-sizing:border-box;grid-template-columns:minmax(160px,220px) minmax(0,800px) minmax(160px,220px);grid-template-areas:"tools header right""tools content right";justify-content:space-between;align-items:flex-start;gap:24px clamp(20px,3vw,44px);width:100%;padding-inline:clamp(20px,3vw,48px);display:grid}.article-tools{grid-area:tools;min-width:0}.article-tools-inner{overscroll-behavior:contain;scrollbar-width:none;-ms-overflow-style:none;max-height:calc(100vh - 120px);position:sticky;top:96px;overflow-y:auto}.article-tools-inner::-webkit-scrollbar{display:none}.article-rail{grid-area:right;width:100%;min-width:0}.article-content{grid-area:content;width:100%;max-width:800px;margin:0 auto}.article-listing-header{background:var(--color-background);width:100%;max-width:800px;color:var(--color-text);grid-area:header;margin:0}.article-listing-header-inner{width:100%;padding:0 0 22px}.article-listing-header-content{flex-direction:column;gap:12px;width:100%;min-width:0;display:flex}.article-listing-header-path{letter-spacing:.14em;text-transform:uppercase;color:var(--color-text-subtle);margin:0;font-size:.7rem;font-weight:600}.article-listing-header-title-row{justify-content:space-between;align-items:baseline;gap:24px;display:flex}.article-listing-header-title{font-size:var(--font-size-h1);letter-spacing:-.055em;color:var(--color-text);margin:0;line-height:1}.article-listing-header-count{color:var(--color-text-muted);flex:none;align-items:baseline;gap:5px;display:flex}.article-listing-header-count-number{letter-spacing:-.03em;font-size:1rem;line-height:1}.article-listing-header-count-label{letter-spacing:.08em;color:var(--color-text-subtle);font-size:.7rem;line-height:1}.article-filter-control{width:100%;position:relative}.article-filter-desktop{display:block}.article-filter-mobile{display:none}.article-tools-heading{color:var(--color-text);letter-spacing:-.02em;margin-bottom:30px;font-size:1rem;font-weight:700}.article-listing-header-description{max-width:440px;margin-top:2px}.article-listing-header-description p{color:var(--color-text-muted);letter-spacing:.01em;margin:0;font-size:.82rem;line-height:1.75}.article-tools-section-label{color:var(--color-text-muted);letter-spacing:.16em;align-items:center;gap:6px;margin-bottom:10px;font-size:.7rem;font-weight:600;display:inline-flex}.article-tools-section-label svg{width:15px;height:15px;color:var(--color-text-muted)}.article-filter-menu{flex-direction:column;gap:3px;display:flex}.article-filter-menu-item{width:100%;min-height:40px;color:var(--color-text-muted);cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;gap:16px;padding:8px 0 8px 18px;font-size:.82rem;transition:background-color .15s,color .15s;display:flex;position:relative;overflow:hidden}.article-filter-menu-item:before{content:"";background:var(--color-action);opacity:0;width:7px;height:7px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.article-filter-menu-item:hover{color:var(--color-text)}.article-filter-menu-item:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.article-filter-menu-item.is-selected{color:var(--color-text);font-weight:650}.article-filter-menu-item.is-selected:before{opacity:1}.article-filter-menu-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.article-filter-menu-count{color:var(--color-text-subtle);flex:none;font-size:.75rem;font-weight:400}.article-filter-toolbar{justify-content:flex-end;align-items:center;min-height:28px;display:flex}.article-filter-trigger{appearance:none;width:auto;max-width:100%;height:auto;color:var(--color-text-subtle);cursor:pointer;font:inherit;background:0 0;border:0;align-items:center;gap:6px;padding:2px 0;font-size:.78rem;font-weight:600;line-height:1.2;display:inline-flex}.article-filter-trigger svg{width:17px;height:17px}.article-filter-trigger span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.article-filter-trigger:hover,.article-filter-trigger:focus-visible,.article-filter-trigger.is-selected{color:var(--color-text)}.article-filter-trigger:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px;border-radius:3px}.article-tag-panel{opacity:0;visibility:hidden;grid-template-rows:0fr;transition:grid-template-rows .22s,opacity .16s,visibility 0s linear .22s;display:grid}.article-tag-panel.is-open{opacity:1;visibility:visible;grid-template-rows:1fr;transition:grid-template-rows .22s,opacity .18s}.article-tag-panel-inner{flex-wrap:wrap;gap:8px;min-height:0;padding:0 1px;display:flex;overflow:hidden}.article-tag-panel.is-open .article-tag-panel-inner{padding-top:12px;padding-bottom:4px}.article-tag-panel .article-tag-chip{border-color:var(--color-border);background:var(--color-surface-raised);height:32px;color:var(--color-text-muted);font-size:var(--font-size-small);border-radius:8px;transition:background-color .15s,border-color .15s,color .15s}.article-tag-panel .article-tag-chip:hover{border-color:var(--color-border-strong);background:var(--color-surface)}.article-tag-panel .article-tag-chip.is-selected{border-color:var(--color-action);background:var(--color-action);color:var(--color-background)}.article-tag-panel .article-tag-chip.is-selected:hover{background:var(--color-action-hover)}.article-list-empty{color:var(--color-text);text-align:center;padding:3rem 1.5rem}.article-list-empty-title{font-size:var(--font-size-page-section);margin-bottom:.75rem;font-weight:700;line-height:1.1}.article-list-empty-description{color:var(--color-text-muted);font-size:var(--font-size-body)}.article-list-pagination{flex-direction:column;justify-content:center;align-items:center;margin-block:1.875rem;display:flex}.article-list{width:100%;margin:0}@media (max-width:1024px){.article-layout{grid-template-columns:minmax(0,1fr);grid-template-areas:"header""tools""content";gap:0;padding-inline:0}.article-rail{display:none}.article-tools{margin-top:18px;margin-bottom:34px}.article-tools-inner{max-height:none;position:static;overflow:visible}.article-filter-desktop{display:none}.article-filter-mobile{display:block}.article-listing-header,.article-content{max-width:100%}}@media (max-width:768px){.article-main{padding-left:16px;padding-right:16px}.article-listing-header-title-row{align-items:baseline;gap:14px}.article-listing-header-inner{padding-bottom:18px}.article-listing-header-content{gap:10px}.article-listing-header-description{max-width:none}.article-tag-panel-inner{gap:7px}}@media (prefers-reduced-motion:reduce){.article-tag-panel,.article-tag-panel .article-tag-chip{transition:none}}