.td-mk-article-grid{gap:var(--td-sp-10);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));min-width:0;display:grid}.td-mk-article{border-radius:var(--td-radius-8);background:var(--td-raise-fill);min-width:0;box-shadow:3px 3px 12px color-mix(in srgb, var(--td-shadow-dark) 72%, transparent), -3px -3px 12px color-mix(in srgb, var(--td-shadow-light) 68%, transparent), inset 0 0 0 rgb(from var(--td-shadow-dark) r g b / 0), inset 0 1px 0 var(--td-shadow-veil), 0 0 0 1px var(--td-edge);transition:box-shadow var(--td-t-base) var(--td-ease), background var(--td-t-base) var(--td-ease);flex-direction:column;display:flex;position:relative;overflow:hidden}.td-mk-article--link:hover{background:var(--td-raise-fill-hover);box-shadow:1px 1px 4px color-mix(in srgb, var(--td-shadow-dark) 44%, transparent), -2px -2px 5px color-mix(in srgb, var(--td-shadow-light) 85%, transparent), inset 2px 2px 4px color-mix(in srgb, var(--td-shadow-dark) 38%, transparent), inset -2px -2px 6px color-mix(in srgb, var(--td-shadow-light) 32%, transparent), 0 0 0 1px var(--td-edge)}.td-mk-article--link:active{background:var(--td-surface);box-shadow:0 0 0 rgb(from var(--td-shadow-dark) r g b / 0), 0 0 0 rgb(from var(--td-shadow-light) r g b / 0), inset 3px 3px 7px color-mix(in srgb, var(--td-shadow-dark) 58%, transparent), inset -2px -2px 5px color-mix(in srgb, var(--td-shadow-light) 34%, transparent), 0 0 0 1px var(--td-edge)}.td-mk-article--link:has(.td-mk-article-titlelink:focus-visible){outline:2px solid var(--td-accent);outline-offset:3px}.td-mk-article-titlelink:focus-visible{outline:none}.td-mk-article-titlelink{color:inherit;text-decoration:none}.td-mk-article-titlelink:after{content:"";border-radius:inherit;position:absolute;inset:0}.td-mk-article-cover{aspect-ratio:16/9;background:color-mix(in srgb, var(--td-surface) 94%, black);box-shadow:inset 0 -1px 0 color-mix(in srgb, var(--td-shadow-dark) 42%, transparent), inset 0 -2px 0 color-mix(in srgb, var(--td-shadow-light) 40%, transparent);position:relative;overflow:hidden}.td-mk-article-cover>img,.td-mk-article-cover>svg{object-fit:cover;width:100%;height:100%;display:block}.td-mk-article-body{gap:var(--td-sp-5);padding:var(--td-sp-10);flex-direction:column;flex:1;min-width:0;display:flex}.td-mk-article-eyebrow{font-family:var(--td-font-ui);letter-spacing:.14em;text-transform:uppercase;color:var(--td-brand-text);margin:0;font-size:10.5px;font-weight:600}.td-mk-article-title{font-family:var(--td-font-ui);color:var(--td-ink);margin:0;font-size:clamp(16px,1.2vw,18px);font-weight:600;line-height:1.32}.td-mk-article--link:hover .td-mk-article-title{color:var(--td-brand-text)}.td-mk-article-title,.td-mk-article-titlelink{transition:color var(--td-t-fast) var(--td-ease)}.td-mk-article-excerpt{max-width:52ch;font-family:var(--td-font-sans);color:var(--td-ink-2);margin:0;font-size:13.5px;line-height:1.6}.td-mk-article-foot{padding-top:var(--td-sp-6);justify-content:space-between;align-items:center;gap:var(--td-sp-6);border-top:1px solid color-mix(in srgb, var(--td-shadow-dark) 42%, transparent);box-shadow:0 1px 0 color-mix(in srgb, var(--td-shadow-light) 60%, transparent);margin-top:auto;display:flex}.td-mk-article-author{align-items:center;gap:var(--td-sp-5);min-width:0;display:flex}.td-mk-article-avatar{background:var(--td-surface-2);width:30px;height:30px;box-shadow:inset 1px 1px 2px color-mix(in srgb, var(--td-shadow-dark) 40%, transparent), inset -1px -1px 2px color-mix(in srgb, var(--td-shadow-light) 55%, transparent);font-family:var(--td-font-ui);color:var(--td-ink);border-radius:50%;flex:none;place-items:center;font-size:11px;font-weight:600;display:grid;overflow:hidden}.td-mk-article-avatar>img,.td-mk-article-avatar>svg{object-fit:cover;width:100%;height:100%}.td-mk-article-name{font-family:var(--td-font-ui);color:var(--td-ink);text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:0;font-size:12.5px;font-weight:600;overflow:hidden}.td-mk-article-meta{align-items:center;gap:var(--td-sp-3);font-family:var(--td-font-mono);color:var(--td-ink-3);font-variant-numeric:tabular-nums;white-space:nowrap;flex:none;margin:0;font-size:11px;display:inline-flex}.td-mk-article-meta-sep{color:var(--td-ink-3)}.td-mk-article-date,.td-mk-article-read{color:inherit}.td-mk-article-payload{z-index:1;gap:var(--td-sp-4);min-width:0;padding:var(--td-sp-5);border-radius:var(--td-radius-5);background:var(--td-surface);box-shadow:inset 1.5px 1.5px 4px color-mix(in srgb, var(--td-shadow-dark) 42%, transparent), inset -1.5px -1.5px 4px color-mix(in srgb, var(--td-shadow-light) 46%, transparent);flex-direction:column;display:flex;position:relative}.td-mk-article--link:has(.td-mk-article-payload:hover){background:var(--td-raise-fill);box-shadow:3px 3px 12px color-mix(in srgb, var(--td-shadow-dark) 72%, transparent), -3px -3px 12px color-mix(in srgb, var(--td-shadow-light) 68%, transparent), inset 0 0 0 rgb(from var(--td-shadow-dark) r g b / 0), inset 0 1px 0 var(--td-shadow-veil), 0 0 0 1px var(--td-edge)}.td-mk-article--link:has(.td-mk-article-payload:hover) .td-mk-article-title{color:var(--td-ink)}.td-mk-article-payload-label{font-family:var(--td-font-ui);letter-spacing:.16em;text-transform:uppercase;color:var(--td-ink-3);margin:0;font-size:9.5px;font-weight:600}.td-mk-article-assets{gap:var(--td-sp-3);min-width:0;padding:var(--td-sp-3);scroll-behavior:smooth;overscroll-behavior-inline:contain;scrollbar-width:none;flex-direction:column;margin:0;list-style:none;display:flex;overflow:auto hidden}.td-mk-article-assets::-webkit-scrollbar{display:none}.td-mk-article-assetrow{align-items:center;gap:var(--td-sp-3);margin:0;padding:0;list-style:none;display:flex}.td-mk-article-asset-item{flex:none}.td-mk-article-asset{--td-mk-asset-ink:var(--td-ink-3);--td-mk-asset-tint:var(--td-ink-3);align-items:center;gap:var(--td-sp-3);border-radius:var(--td-radius-pill);background:var(--td-raise-fill);font-family:var(--td-font-ui);white-space:nowrap;box-shadow:1.5px 1.5px 4px color-mix(in srgb, var(--td-shadow-dark) 46%, transparent), -1.5px -1.5px 4px color-mix(in srgb, var(--td-shadow-light) 62%, transparent), inset 0 0 0 rgb(from var(--td-shadow-dark) r g b / 0), inset 0 1px 0 var(--td-shadow-veil), 0 0 0 1px var(--td-edge);transition:box-shadow var(--td-t-fast) var(--td-ease), background var(--td-t-fast) var(--td-ease), color var(--td-t-fast) var(--td-ease);padding:5px 10px;font-size:11.5px;font-weight:600;text-decoration:none;display:inline-flex}.td-mk-article-asset[data-kind=live]{--td-mk-asset-ink:var(--td-green-text);--td-mk-asset-tint:var(--td-green)}.td-mk-article-asset[data-kind=download]{--td-mk-asset-ink:var(--td-accent-text);--td-mk-asset-tint:var(--td-accent)}.td-mk-article-asset[data-kind=data]{--td-mk-asset-ink:var(--td-series-4-text);--td-mk-asset-tint:var(--td-series-4)}.td-mk-article-asset[data-kind=interactive]{--td-mk-asset-ink:var(--td-brand-text);--td-mk-asset-tint:var(--td-brand)}.td-mk-article-asset:hover{background:var(--td-surface);box-shadow:.5px .5px 2px color-mix(in srgb, var(--td-shadow-dark) 30%, transparent), -.5px -.5px 2px color-mix(in srgb, var(--td-shadow-light) 40%, transparent), inset 1.5px 1.5px 3px color-mix(in srgb, var(--td-shadow-dark) 44%, transparent), inset -1.5px -1.5px 3px color-mix(in srgb, var(--td-shadow-light) 40%, transparent), 0 0 0 1px color-mix(in srgb, var(--td-mk-asset-tint) 40%, var(--td-edge))}.td-mk-article-asset:active{background:var(--td-surface);box-shadow:0 0 0 rgb(from var(--td-shadow-dark) r g b / 0), 0 0 0 rgb(from var(--td-shadow-light) r g b / 0), inset 2.5px 2.5px 5px color-mix(in srgb, var(--td-shadow-dark) 62%, transparent), inset -2px -2px 4px color-mix(in srgb, var(--td-shadow-light) 38%, transparent), 0 0 0 1px color-mix(in srgb, var(--td-mk-asset-tint) 55%, var(--td-edge))}.td-mk-article-asset:focus-visible{outline:2px solid var(--td-accent);outline-offset:2px}.td-mk-article-asset-glyph{color:var(--td-mk-asset-ink);flex:none;font-size:13px;display:inline-flex}.td-mk-article-asset-label{color:var(--td-ink-2);transition:color var(--td-t-fast) var(--td-ease)}.td-mk-article-asset:hover .td-mk-article-asset-label,.td-mk-article-asset:active .td-mk-article-asset-label{color:var(--td-ink)}.td-mk-article-asset-meta{font-family:var(--td-font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--td-ink-3);font-variant-numeric:tabular-nums;font-size:9.5px}.td-mk-article-payload-nav{gap:var(--td-sp-3);display:flex}.td-mk-article-payload-arrow{cursor:pointer;width:24px;height:24px;color:var(--td-ink-3);background:var(--td-raise-fill);box-shadow:1.5px 1.5px 4px color-mix(in srgb, var(--td-shadow-dark) 46%, transparent), -1.5px -1.5px 4px color-mix(in srgb, var(--td-shadow-light) 62%, transparent), inset 0 0 0 rgb(from var(--td-shadow-dark) r g b / 0), inset 0 1px 0 var(--td-shadow-veil), 0 0 0 1px var(--td-edge);transition:box-shadow var(--td-t-fast) var(--td-ease), background var(--td-t-fast) var(--td-ease), color var(--td-t-fast) var(--td-ease);border:0;border-radius:50%;flex:none;place-items:center;padding:0;font-size:12px;display:grid}.td-mk-article-payload-arrow:hover{color:var(--td-ink);background:var(--td-surface);box-shadow:.5px .5px 2px color-mix(in srgb, var(--td-shadow-dark) 30%, transparent), -.5px -.5px 2px color-mix(in srgb, var(--td-shadow-light) 40%, transparent), inset 1.5px 1.5px 3px color-mix(in srgb, var(--td-shadow-dark) 44%, transparent), inset -1.5px -1.5px 3px color-mix(in srgb, var(--td-shadow-light) 40%, transparent), 0 0 0 1px var(--td-edge)}.td-mk-article-payload-arrow:active{color:var(--td-ink);background:var(--td-surface);box-shadow:0 0 0 rgb(from var(--td-shadow-dark) r g b / 0), 0 0 0 rgb(from var(--td-shadow-light) r g b / 0), inset 2.5px 2.5px 5px color-mix(in srgb, var(--td-shadow-dark) 62%, transparent), inset -2px -2px 4px color-mix(in srgb, var(--td-shadow-light) 38%, transparent), 0 0 0 1px var(--td-edge)}.td-mk-article-payload-arrow:focus-visible{outline:2px solid var(--td-accent);outline-offset:2px}.td-mk-article-payload-arrow:disabled{cursor:default;color:color-mix(in srgb, var(--td-ink-3) 45%, transparent);background:var(--td-surface);box-shadow:0 0 0 rgb(from var(--td-shadow-dark) r g b / 0), 0 0 0 rgb(from var(--td-shadow-light) r g b / 0), inset 1px 1px 2px color-mix(in srgb, var(--td-shadow-dark) 28%, transparent), inset -1px -1px 2px color-mix(in srgb, var(--td-shadow-light) 26%, transparent), 0 0 0 1px var(--td-edge)}@media (prefers-reduced-motion:reduce){.td-mk-article,.td-mk-article-title,.td-mk-article-titlelink,.td-mk-article-asset,.td-mk-article-asset-label,.td-mk-article-payload-arrow{transition:none}.td-mk-article-assets{scroll-behavior:auto}}