.articles-list{max-width:1170px}.articles-list .breadcrumbs{margin-bottom:50px}.article-directions{display:flex;flex-wrap:wrap;gap:5px;margin:0 0 30px}.article-directions a{background:#f3f3f3;border-radius:30px;padding:12px 24px;font:500 16px/1.4 'IBM Plex Sans',sans-serif;overflow-wrap:anywhere;max-width:100%}.article-directions a[aria-current]{background:#ffef68}.article-directions a:hover{background:#ffef68}.article-local-search{margin:0 0 30px;font:400 16px/1.5 'IBM Plex Sans',sans-serif}.article-local-search summary{cursor:pointer;width:fit-content}.article-local-search .editorial-filters{margin:16px 0}.article-filter-unavailable{font:400 16px/1.5 'IBM Plex Sans',sans-serif}.article-filter-unavailable a{text-decoration:underline}@media(max-width:600px){.articles-list-page .main{padding-left:15px;padding-right:15px}.articles-list .breadcrumbs{margin-bottom:30px}.article-directions{margin-bottom:30px}}
.articles-list .editorial-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin:30px 0 50px;align-items:start}.article-list-card{min-width:0;border:1px solid #d9d9d9;border-radius:24px;padding:9px 9px 19px;background:#fff;overflow:hidden}.article-list-cover{display:block;height:200px;border-radius:16px;overflow:hidden}.article-list-cover img{display:block;width:100%;height:200px;object-fit:cover}.article-list-body{display:flex;flex-direction:column;align-items:flex-start;gap:20px;padding:20px 10px 0}.article-list-card:not(:has(.article-list-cover)) .article-list-body{padding-top:10px}.article-list-copy{display:flex;flex-direction:column;gap:10px;min-width:0;width:100%}.article-list-kind{border-radius:30px;padding:4px 12px;font:500 14px/1.4 'IBM Plex Sans',sans-serif;background:#f3f3f3;color:#555;max-width:100%;overflow-wrap:anywhere}.article-direction-revit{background:#e1efff;color:#456393}.article-direction-archicad{background:#fff3ed;color:#ee6829}.article-direction-3ds-max{background:#e4f4f4;color:#41bbb9}.article-direction-autocad{background:#ffe4e2;color:#bb4941}.article-list-card h2{font:700 20px/normal Inter,sans-serif;letter-spacing:-.4px;overflow-wrap:anywhere;margin:0}.article-list-card h2 a{transition:color .18s ease}.article-list-card h2 a:hover,.article-list-card h2 a:focus-visible{text-decoration:none;color:#55555b}.article-list-card p{font:400 16px/1.5 'IBM Plex Sans',sans-serif;overflow-wrap:anywhere;margin:0}.article-list-card time{align-self:flex-end;text-align:right;font:400 12px/1.5 'IBM Plex Sans',sans-serif;color:#6c6c6d}@media(max-width:900px){.articles-list .editorial-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.articles-list .editorial-grid{grid-template-columns:1fr;gap:30px}}
.article-pagination{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:25px;margin:50px 0 0}.article-more.button{background:#ffef68;border:0;border-radius:8px;padding:15px 25px;min-height:52px;font:500 16px/1.4 'IBM Plex Sans',sans-serif}.article-more[aria-disabled]{opacity:.6;cursor:wait}.article-previous{font:500 16px/1.4 'IBM Plex Sans',sans-serif}.article-previous:hover{text-decoration:underline}.article-load-status{font:400 14px/1.5 'IBM Plex Sans',sans-serif;text-align:center;min-height:21px;margin:10px 0 40px}

/* Figma 262:9825: fixed card rhythm, while complete copy remains accessible. */
.articles-list .editorial-grid{align-items:stretch}
.article-list-card{display:flex;flex-direction:column;height:516px}
.article-list-cover{flex:0 0 200px}
.article-list-body{flex:1;min-height:0}
.article-list-kind{flex:none;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.article-list-copy{flex:1;min-height:0;overflow:hidden}
.article-list-card h2{flex:none;line-height:24px;max-height:72px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden}
.article-list-card p{line-height:24px;max-height:96px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;line-clamp:4;overflow:hidden}
.article-list-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:none;width:100%;min-height:18px;margin-top:auto}
.article-list-meta time{margin-left:auto}
.editorial-view-count{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;font:400 12px/1.5 'IBM Plex Sans',sans-serif;color:#6c6c6d}
.editorial-view-count img{display:block;width:14.5349px;height:12.4513px;flex:none}
