.cpd-page{width:100%;max-width:1440px;margin:0 auto;padding:28px 20px 56px;box-sizing:border-box;font-family:inherit}
.cpd-page-title{margin:0 0 34px;font-size:clamp(28px,4vw,44px);line-height:1.1;color:var(--cpd-title)}
.cpd-section{margin:0 0 54px}.cpd-section-toolbar{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:18px;padding-bottom:12px;border-bottom:1px solid var(--cpd-border)}
.cpd-section-title{margin:0;font-size:clamp(22px,2.2vw,30px);line-height:1.2;flex:1}.cpd-filters{display:flex;align-items:end;gap:10px;flex-wrap:wrap}.cpd-filter-label{display:flex;flex-direction:column;gap:5px;font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--cpd-meta)}
.cpd-filter-label select{min-width:150px;padding:8px 34px 8px 10px;border:1px solid var(--cpd-border);border-radius:9px;background:#fff;color:var(--cpd-title);font-size:13px;text-transform:none;letter-spacing:normal}
.cpd-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.cpd-card{min-width:0;background:var(--cpd-card-bg);border:1px solid var(--cpd-border);border-radius:var(--cpd-radius);overflow:hidden;box-shadow:var(--cpd-shadow);transition:transform .2s ease,box-shadow .2s ease}.cpd-card:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(15,23,42,.12)}
.cpd-thumb-wrap{display:block;position:relative;aspect-ratio:var(--cpd-ratio);overflow:hidden;background:#f3f4f6}.cpd-thumb{width:100%;height:100%;display:block;object-fit:cover;transition:transform .3s ease}.cpd-card:hover .cpd-thumb{transform:scale(1.025)}
.cpd-badge{position:absolute;left:10px;bottom:10px;max-width:calc(100% - 20px);background:rgba(17,24,39,.84);color:#fff;border-radius:999px;padding:5px 9px;font-size:11px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cpd-card-body{padding:14px 15px 16px}.cpd-post-title{margin:0 0 8px;font-size:17px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.7em}.cpd-post-title a{color:var(--cpd-title);text-decoration:none}.cpd-post-title a:hover{color:var(--cpd-accent)}
.cpd-meta{font-size:12px;color:var(--cpd-meta);margin-bottom:7px}.cpd-excerpt{font-size:14px;line-height:1.55;color:var(--cpd-text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:3.1em}
.cpd-more-wrap{text-align:center;margin-top:24px}.cpd-show-more{appearance:none;border:0;border-radius:10px;background:var(--cpd-accent);color:#fff;padding:11px 22px;font-weight:700;cursor:pointer;min-width:125px}.cpd-show-more:hover{filter:brightness(.94)}.cpd-show-more:disabled{opacity:.6;cursor:wait}.cpd-empty{grid-column:1/-1;padding:34px;text-align:center;border:1px dashed var(--cpd-border);border-radius:12px;color:var(--cpd-meta);background:#fafafa}
.cpd-is-loading .cpd-grid{opacity:.6;transition:opacity .15s ease}
.cpd-generated-shell{max-width:1460px;margin:0 auto;padding:20px}.cpd-generated-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:34px}.cpd-generated-layout.cpd-no-sidebar{grid-template-columns:1fr}.cpd-generated-sidebar{min-width:0}
@media(max-width:1100px){.cpd-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cpd-generated-layout{grid-template-columns:1fr}.cpd-generated-sidebar{margin-top:20px}}
@media(max-width:760px){.cpd-page{padding-left:14px;padding-right:14px}.cpd-section-toolbar{align-items:stretch;flex-direction:column}.cpd-filters{width:100%}.cpd-filter-label{flex:1;min-width:140px}.cpd-filter-label select{width:100%;min-width:0}.cpd-grid{grid-template-columns:1fr;gap:16px}.cpd-section{margin-bottom:42px}}