body.techgg .tg-list-page { width: min(1180px, calc(100% - 32px)); margin: 28px auto 48px; }
body.techgg .tg-list-crumb { margin: 0 0 14px; color: #7a8781; font-size: 13px; }
body.techgg .tg-list-crumb a { color: #617169; }
body.techgg .tg-list-heading { display: flex; align-items: end; justify-content: space-between; gap: 18px; margin-bottom: 18px; }
body.techgg .tg-list-heading h1 { margin: 0; color: #17222d; font-size: 26px; line-height: 1.25; }
body.techgg .tg-list-heading p { margin: 7px 0 0; color: #718078; font-size: 14px; }
body.techgg .tg-list-publish { padding: 9px 13px; border-radius: 5px; background: #1f9f5c; color: #fff; font-size: 13px; }
body.techgg .tg-list-layout { display: grid; grid-template-columns: minmax(0, 1fr) 280px; gap: 26px; align-items: start; }
body.techgg .tg-list-stream { overflow: hidden; border: 1px solid #e3ebe7; border-radius: 8px; background: #fff; }
body.techgg .tg-list-card { display: grid; grid-template-columns: 210px minmax(0, 1fr); gap: 18px; padding: 20px; border-bottom: 1px solid #e8efeb; }
body.techgg .tg-list-card:last-child { border-bottom: 0; }
body.techgg .tg-list-cover { display: block; overflow: hidden; border-radius: 5px; background: #edf2ef; }
body.techgg .tg-list-cover img { display: block; width: 100%; height: 132px; object-fit: cover; }
body.techgg .tg-list-placeholder { display: grid; width: 100%; height: 132px; place-items: center; color: #93a199; font-size: 12px; }
body.techgg .tg-list-card h2 { margin: 1px 0 9px; font-size: 18px; line-height: 1.42; }
body.techgg .tg-list-card h2 a { color: #17222d; }
body.techgg .tg-list-summary { display: -webkit-box; margin: 0; overflow: hidden; color: #66746d; font-size: 14px; line-height: 1.7; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
body.techgg .tg-list-meta { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 13px; color: #89958f; font-size: 12px; }
body.techgg .tg-list-meta a { color: #63816f; }
body.techgg .tg-list-aside section { margin-bottom: 16px; padding: 18px; border: 1px solid #e3ebe7; border-radius: 8px; background: #fff; }
body.techgg .tg-list-aside h2 { margin: 0 0 12px; color: #17222d; font-size: 15px; }
body.techgg .tg-list-aside ul { margin: 0; padding: 0; list-style: none; }
body.techgg .tg-list-aside li { border-top: 1px solid #edf2ef; }
body.techgg .tg-list-aside li:first-child { border-top: 0; }
body.techgg .tg-list-aside li a { display: block; padding: 9px 0; color: #65746c; font-size: 14px; }
body.techgg .tg-list-empty { padding: 54px 20px; color: #7c8882; text-align: center; }
body.techgg .tg-list-pages { margin-top: 20px; }
@media (max-width: 900px) { body.techgg .tg-list-layout { grid-template-columns: 1fr; } body.techgg .tg-list-aside { display: none; } }
@media (max-width: 620px) { body.techgg .tg-list-page { width: min(100% - 24px, 1180px); } body.techgg .tg-list-heading { align-items: start; flex-direction: column; } body.techgg .tg-list-card { grid-template-columns: 1fr; gap: 13px; padding: 15px; } body.techgg .tg-list-cover img, body.techgg .tg-list-placeholder { height: auto; aspect-ratio: 16 / 9; } }