.cs-page{background:#fafafa;flex-direction:column;min-height:100vh;display:flex}.cs-main{flex:1;padding:40px 0 80px}.cs-loading{text-align:center;color:var(--ink-muted);padding:80px 0}.cs-page .cs-filters{padding-bottom:32px}.cs-page .cs-grid-desktop{background:#e0e0e0;border:.5px solid #e0e0e0;border-radius:12px;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;display:grid;overflow:hidden}.cs-page .cs-card{color:inherit;cursor:pointer;background:#fff;flex-direction:column;text-decoration:none;transition:background .15s;display:flex}.cs-page .cs-card:hover{background:#f8f8f8}.cs-page .cs-card-img{aspect-ratio:4/3;background:#f0f0f0;border-bottom:.5px solid #e0e0e0;width:100%;position:relative;overflow:hidden}.cs-page .cs-card-img-el{object-fit:cover;transition:transform .4s}.cs-page .cs-card:hover .cs-card-img-el{transform:scale(1.03)}.cs-page .cs-card-img-placeholder{background:linear-gradient(135deg,#e8ede8,#f0f0f0);width:100%;height:100%}.cs-page .cs-card-body{flex-direction:column;flex:1;gap:8px;padding:16px 20px 20px;display:flex}.cs-page .cs-card-tag{letter-spacing:.07em;color:var(--ink-muted);text-transform:uppercase;font-size:11px;font-weight:500}.cs-page .cs-card-title{color:var(--ink);font-size:15px;font-weight:500;line-height:1.35}.cs-page .cs-card-desc{color:var(--ink-muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;flex:1;font-size:13px;line-height:1.6;display:-webkit-box;overflow:hidden}.cs-page .cs-card-link{color:var(--color-forest-green);align-items:center;gap:4px;margin-top:4px;font-size:13px;font-weight:500;transition:gap .2s;display:inline-flex}.cs-page .cs-card:hover .cs-card-link{gap:8px}.cs-page .cs-mobile-view{display:none}.cs-page .cs-empty{text-align:center;color:var(--ink-muted);padding:60px 0;font-size:15px}@media (max-width:1024px){.cs-page .cs-grid-desktop{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.cs-main{padding:100px 0 48px}.cs-page .cs-header{text-align:left;padding-bottom:16px}.cs-page .cs-header h1{font-size:20px}.cs-page .cs-header p{font-size:13px}.cs-page .cs-filters{margin-bottom:16px;padding-bottom:16px}.cs-page .cs-grid-desktop{display:none}.cs-page .cs-mobile-view{display:block}.cs-page .cs-featured{color:inherit;cursor:pointer;background:#fff;border:.5px solid #e0e0e0;border-radius:12px;margin-bottom:10px;text-decoration:none;display:block;overflow:hidden}.cs-page .cs-featured-img{background:#e8ede8;width:100%;height:120px;position:relative;overflow:hidden}.cs-page .cs-featured-body{padding:14px}.cs-page .cs-featured-title{color:var(--ink);margin-bottom:6px;font-size:15px;font-weight:500;line-height:1.3}.cs-page .cs-featured-desc{color:var(--ink-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:10px;font-size:12px;line-height:1.6;display:-webkit-box;overflow:hidden}.cs-page .cs-compact-list{border:.5px solid #e0e0e0;border-radius:12px;overflow:hidden}.cs-page .cs-compact-card{color:inherit;cursor:pointer;background:#fff;border-bottom:.5px solid #e0e0e0;align-items:center;gap:12px;padding:14px;text-decoration:none;transition:background .12s;display:flex}.cs-page .cs-compact-card:last-child{border-bottom:none}.cs-page .cs-compact-card:hover{background:#f8f8f8}.cs-page .cs-compact-thumb{background:#f0f0f0;border:.5px solid #e0e0e0;border-radius:8px;width:72px;min-width:72px;height:56px;position:relative;overflow:hidden}.cs-page .cs-compact-text{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.cs-page .cs-compact-tag{letter-spacing:.07em;color:var(--ink-muted);text-transform:uppercase;font-size:10px;font-weight:500}.cs-page .cs-compact-title{color:var(--ink);font-size:13px;font-weight:500;line-height:1.3}.cs-page .cs-compact-desc{color:var(--ink-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.5;display:-webkit-box;overflow:hidden}.cs-page .cs-compact-arrow{color:#999;flex-shrink:0}}