:root{--cp-accent:#e8c547;--cp-ink:#1a1a1a;--cp-muted:#6b7280;--cp-border:#e8e4dc;--cp-bg:#fafaf8;--cp-surface:#fff;--cp-wide:1340px}.cp-page{background:var(--cp-bg);min-height:100vh;font-family:DM Sans,sans-serif}.cp-hero{background:#111110;padding:7rem 0 4rem;position:relative;overflow:hidden}.cp-hero-bg{opacity:.18;background:radial-gradient(ellipse 80% 60% at 20% 50%,var(--cp-cat-color,#e8c547),transparent 70%),radial-gradient(ellipse 60% 80% at 80% 30%,var(--cp-cat-color,#e8c547),transparent 60%);filter:blur(40px);position:absolute;inset:0}.cp-hero:after{content:"";opacity:.03;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:180px 180px;position:absolute;inset:0}.cp-hero-inner{z-index:1;max-width:var(--cp-wide);margin:0 auto;padding:0 clamp(1.5rem,4vw,5rem);position:relative}.cp-breadcrumb{align-items:center;gap:8px;margin-bottom:1.8rem;animation:.5s both cpFadeUp;display:flex}.cp-breadcrumb a{color:#fff6;font-size:12px;font-weight:400;text-decoration:none;transition:color .2s}.cp-breadcrumb a:hover{color:#ffffffbf}.cp-breadcrumb-sep{color:#fff3;font-size:12px}.cp-breadcrumb span{color:#ffffff8c;font-size:12px}.cp-hero-tag{background:#ffffff12;border:1px solid #ffffff1a;border-radius:100px;align-items:center;gap:8px;margin-bottom:1.2rem;padding:6px 14px;animation:.5s 50ms both cpFadeUp;display:inline-flex}.cp-hero-tag-dot{background:var(--cp-cat-color,#e8c547);border-radius:50%;flex-shrink:0;width:7px;height:7px}.cp-hero-tag-label{letter-spacing:.2em;text-transform:uppercase;color:var(--cp-cat-color,#e8c547);font-size:10.5px;font-weight:600}.cp-hero-title{color:#fff;letter-spacing:-.03em;margin:0 0 1rem;font-family:Playfair Display,serif;font-size:clamp(2.4rem,5vw,4rem);font-weight:900;line-height:1.05;animation:.55s .12s both cpFadeUp}.cp-hero-desc{color:#ffffff80;max-width:520px;margin:0 0 2rem;font-size:15px;font-weight:300;line-height:1.7;animation:.55s .2s both cpFadeUp}.cp-hero-stats{align-items:center;gap:2rem;animation:.5s .28s both cpFadeUp;display:flex}.cp-hero-stat-num{color:var(--cp-cat-color,#e8c547);font-family:Playfair Display,serif;font-size:1.6rem;font-weight:700;line-height:1}.cp-hero-stat-label{color:#ffffff59;letter-spacing:.06em;margin-top:2px;font-size:11px;font-weight:400}.cp-hero-stat-sep{background:#ffffff1a;width:1px;height:32px}.cp-tabs-bar{background:var(--cp-surface);border-bottom:1px solid var(--cp-border);z-index:50;position:sticky;top:60px}.cp-tabs-inner{max-width:var(--cp-wide);scrollbar-width:none;align-items:center;gap:0;margin:0 auto;padding:0 clamp(1.5rem,4vw,5rem);display:flex;overflow-x:auto}.cp-tabs-inner::-webkit-scrollbar{display:none}.cp-tab{color:var(--cp-muted);white-space:nowrap;border-bottom:2.5px solid #0000;flex-shrink:0;align-items:center;gap:8px;padding:1rem 1.1rem;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;text-decoration:none;transition:color .2s,border-color .2s;display:flex}.cp-tab:hover{color:var(--cp-ink)}.cp-tab.active{color:var(--cp-ink);border-bottom-color:var(--cp-cat-color,#e8c547);font-weight:600}.cp-tab-dot{opacity:.7;border-radius:50%;flex-shrink:0;width:7px;height:7px}.cp-tab.active .cp-tab-dot{opacity:1}.cp-content{max-width:var(--cp-wide);margin:0 auto;padding:3rem clamp(1.5rem,4vw,5rem) 5rem}.cp-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.cp-result-count{color:var(--cp-muted);font-size:13px;font-weight:400}.cp-result-count strong{color:var(--cp-ink);font-weight:600}.cp-sort{align-items:center;gap:8px;display:flex}.cp-sort-label{color:var(--cp-muted);letter-spacing:.04em;font-size:12px}.cp-sort-select{color:var(--cp-ink);background:var(--cp-surface);border:1px solid var(--cp-border);cursor:pointer;border-radius:8px;outline:none;padding:6px 10px;font-family:DM Sans,sans-serif;font-size:12.5px;font-weight:500;transition:border-color .2s}.cp-sort-select:focus{border-color:var(--cp-accent)}.cp-grid{background:var(--cp-border);border:1.5px solid var(--cp-border);border-radius:16px;grid-template-columns:repeat(3,1fr);gap:1.5px;display:grid;overflow:hidden}.cp-card{background:var(--cp-surface);flex-direction:column;text-decoration:none;transition:background .2s;display:flex;overflow:hidden}.cp-card:hover{background:#fdf9f2}.cp-card-img-wrap{flex-shrink:0;height:200px;position:relative;overflow:hidden}.cp-card-img{object-fit:cover;width:100%;height:100%;transition:transform .55s cubic-bezier(.16,1,.3,1);display:block}.cp-card:hover .cp-card-img{transform:scale(1.04)}.cp-card-num{color:#fff9;letter-spacing:.06em;font-family:Playfair Display,serif;font-size:11px;font-weight:700;position:absolute;bottom:10px;right:12px}.cp-card-body{flex-direction:column;flex:1;padding:1.3rem 1.5rem 1.6rem;display:flex}.cp-card-meta-top{align-items:center;gap:8px;margin-bottom:.7rem;display:flex}.cp-card-cat{letter-spacing:.16em;text-transform:uppercase;color:#fff;border-radius:100px;flex-shrink:0;padding:3px 9px;font-size:10px;font-weight:600}.cp-card-read-time{color:var(--cp-muted);flex-shrink:0;align-items:center;gap:4px;margin-left:auto;font-size:11px;display:flex}.cp-card-read-time svg{stroke:currentColor;fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:11px;height:11px}.cp-card-title{color:var(--cp-ink);letter-spacing:-.015em;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 .65rem;font-family:Playfair Display,serif;font-size:1.05rem;font-weight:700;line-height:1.25;transition:color .2s;display:-webkit-box;overflow:hidden}.cp-card:hover .cp-card-title{color:#3d3422}.cp-card-excerpt{color:var(--cp-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;margin-bottom:1.1rem;font-size:13px;font-weight:300;line-height:1.65;display:-webkit-box;overflow:hidden}.cp-card-footer{border-top:1px solid var(--cp-border);align-items:center;gap:8px;margin-top:auto;padding-top:.9rem;display:flex}.cp-card-author-avatar{color:#111;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:10px;font-weight:600;display:flex;overflow:hidden}.cp-card-author-avatar img{object-fit:cover;width:100%;height:100%}.cp-card-author-name{color:var(--cp-ink);font-size:11.5px;font-weight:500}.cp-card-date{color:#9ca3af;flex-shrink:0;margin-left:auto;font-size:11px}.cp-skeleton{background:linear-gradient(90deg,#ede9e0 25%,#f5f2eb 50%,#ede9e0 75%) 0 0/200% 100%;border-radius:6px;animation:1.4s infinite cpSkeleton}@keyframes cpSkeleton{0%{background-position:200% 0}to{background-position:-200% 0}}.cp-empty{text-align:center;background:var(--cp-surface);grid-column:1/-1;padding:5rem 2rem}.cp-empty-icon{margin-bottom:1rem;font-size:3rem;display:block}.cp-empty-title{color:var(--cp-ink);margin-bottom:.5rem;font-family:Playfair Display,serif;font-size:1.4rem}.cp-empty-text{color:var(--cp-muted);font-size:14px}.cp-load-wrap{justify-content:center;margin-top:3rem;display:flex}.cp-load-btn{color:var(--cp-ink);border:1.5px solid var(--cp-ink);cursor:pointer;letter-spacing:.04em;background:0 0;border-radius:100px;align-items:center;gap:10px;padding:12px 32px;font-family:DM Sans,sans-serif;font-size:13.5px;font-weight:500;transition:background .22s,color .22s,transform .2s;display:inline-flex}.cp-load-btn:hover:not(:disabled){background:var(--cp-ink);color:#fff;transform:translateY(-1px)}.cp-load-btn:disabled{opacity:.45;cursor:not-allowed}.cp-load-btn svg{stroke:currentColor;fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px}.cp-load-btn.loading svg{animation:.8s linear infinite cpSpin}@keyframes cpSpin{to{transform:rotate(360deg)}}@keyframes cpFadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.cp-card{animation:.45s both cpFadeUp}@media (max-width:1024px){.cp-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.cp-grid{border-radius:12px;grid-template-columns:1fr}.cp-hero{padding:6rem 0 3rem}.cp-hero-stats{gap:1.2rem}.cp-toolbar{flex-direction:column;align-items:flex-start}}