.articles-hero{background:var(--cream);border-bottom:1px solid var(--cream2);margin-bottom:3rem;padding:4rem 0 3rem}.articles-layout{grid-template-columns:1fr 300px;align-items:start;gap:2.5rem;display:grid}.article-cats{flex-wrap:wrap;gap:.5rem;margin-bottom:2rem;display:flex}.article-cat-btn{cursor:pointer;border:1px solid var(--cream2);background:var(--white);color:var(--taupe);border-radius:20px;padding:.45rem 1.1rem;font-size:13px;transition:all .2s}.article-cat-btn.active{background:var(--dark);color:var(--white);border-color:var(--dark)}.article-cat-btn:hover:not(.active){border-color:var(--sand);color:var(--dark)}.featured-article{background:var(--dark);border-radius:20px;grid-template-columns:1fr 1fr;min-height:320px;margin-bottom:1.5rem;text-decoration:none;transition:opacity .2s;display:grid;overflow:hidden}.featured-article:hover{opacity:.95}.featured-content{flex-direction:column;justify-content:flex-end;padding:2.5rem;display:flex}.featured-cat{text-transform:uppercase;letter-spacing:.1em;color:var(--accent-light);margin-bottom:.85rem;font-size:11px}.featured-title{font-family:var(--font-display);color:var(--white);margin-bottom:1rem;font-size:28px;font-weight:500;line-height:1.2}.featured-title em{color:var(--accent-light);font-style:italic}.featured-meta{align-items:center;gap:.75rem;display:flex}.featured-avatar{width:32px;height:32px;color:var(--white);font-size:11px;font-weight:500;font-family:var(--font-display);background:#ffffff26;border-radius:50%;justify-content:center;align-items:center;display:flex}.featured-author{color:#ffffffa6;font-size:13px}.featured-read{color:#fff6;margin-left:auto;font-size:12px}.featured-cover{background:linear-gradient(135deg, #3d2a17 0%, var(--brown) 100%);color:#ffffff1f;justify-content:center;align-items:center;font-size:80px;display:flex}.articles-grid-main{grid-template-columns:1fr 1fr;gap:1.1rem;display:grid}.article-card-v2{background:var(--white);border:1px solid var(--cream2);border-radius:14px;text-decoration:none;transition:transform .2s,border-color .2s;display:block;overflow:hidden}.article-card-v2:hover{border-color:var(--sand);transform:translateY(-2px)}.article-cover-v2{aspect-ratio:16/9;background:var(--cream);color:var(--sand);justify-content:center;align-items:center;font-size:36px;display:flex}.article-body-v2{padding:1.25rem}.article-cat-v2{text-transform:uppercase;letter-spacing:.08em;color:var(--accent);margin-bottom:.4rem;font-size:11px}.article-title-v2{font-family:var(--font-display);color:var(--dark);margin-bottom:.6rem;font-size:17px;font-weight:500;line-height:1.3}.article-excerpt{color:var(--muted);margin-bottom:1rem;font-size:13px;line-height:1.65}.article-footer{border-top:1px solid var(--cream2);align-items:center;gap:.65rem;padding-top:.85rem;display:flex}.article-avatar-sm{background:var(--cream2);width:26px;height:26px;color:var(--accent);font-size:9px;font-weight:500;font-family:var(--font-display);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.article-author-sm{color:var(--taupe);font-size:12px}.article-stats{color:var(--taupe);gap:.65rem;margin-left:auto;font-size:11px;display:flex}.article-stats span{align-items:center;gap:3px;display:flex}.sidebar-widget{background:var(--white);border:1px solid var(--cream2);border-radius:16px;margin-bottom:1.25rem;padding:1.4rem}.widget-title{font-family:var(--font-display);color:var(--dark);margin-bottom:1rem;font-size:17px;font-weight:500}.popular-item{border-bottom:1px solid var(--cream2);align-items:flex-start;gap:.85rem;padding:.75rem 0;text-decoration:none;display:flex}.popular-item:last-child{border-bottom:none;padding-bottom:0}.popular-num{font-family:var(--font-display);color:var(--accent-light);min-width:22px;font-size:20px;font-weight:500;line-height:1.3}.popular-title{color:var(--dark);margin-bottom:2px;font-size:13px;font-weight:500;line-height:1.45}.popular-author{color:var(--taupe);font-size:12px}.article-back{color:var(--accent);align-items:center;gap:.3rem;margin-bottom:1.25rem;font-size:13px;text-decoration:none;display:inline-flex}.article-detail,.article-write{max-width:740px;margin:0 auto}.article-detail-cat{text-transform:uppercase;letter-spacing:.08em;color:var(--accent);margin-bottom:.6rem;font-size:11px}.article-detail-title{font-family:var(--font-display);color:var(--dark);margin-bottom:1.25rem;font-size:34px;font-weight:500;line-height:1.2}.article-detail-author{align-items:center;gap:.65rem;margin-top:1.25rem;margin-bottom:1rem;text-decoration:none;display:inline-flex}.article-detail-author-name{color:var(--dark);font-size:14px;font-weight:500}.article-detail-date{color:var(--taupe);font-size:12px}.article-detail-body{color:var(--brown);white-space:pre-line;font-size:16px;line-height:1.85}.article-write-title{font-family:var(--font-display);color:var(--dark);margin-bottom:1.5rem;font-size:30px;font-weight:500}.cover-img{object-fit:cover;width:100%;height:100%;display:block}.article-detail-cover{object-fit:cover;border-radius:16px;width:100%;max-height:380px;margin-bottom:1.5rem;display:block}.cover-preview{object-fit:cover;border-radius:10px;max-width:100%;max-height:200px;margin-bottom:.6rem;display:block}.rte{border:1px solid var(--cream2);border-radius:8px;overflow:hidden}.rte-toolbar{background:var(--cream);border-bottom:1px solid var(--cream2);flex-wrap:wrap;align-items:center;gap:.4rem;padding:.5rem .6rem;display:flex}.rte-btn{border:1px solid var(--cream2);background:var(--white);cursor:pointer;width:30px;height:30px;color:var(--dark);border-radius:6px;justify-content:center;align-items:center;font-size:14px;display:inline-flex}.rte-btn:hover{border-color:var(--sand)}.rte-sep{background:var(--cream2);width:1px;height:20px;margin:0 .2rem}.rte-emojis{flex-wrap:wrap;gap:.15rem;display:flex}.rte-emoji{cursor:pointer;background:0 0;border:none;border-radius:6px;padding:2px 4px;font-size:16px;line-height:1}.rte-emoji:hover{background:var(--cream2)}.rte-area{border:none;border-radius:0;outline:none;min-height:260px;line-height:1.7}.rte-area:empty:before{content:attr(data-placeholder);color:var(--taupe);opacity:.7}@media (max-width:900px){.articles-layout,.featured-article{grid-template-columns:1fr}.featured-cover{display:none}.articles-grid-main{grid-template-columns:1fr}.article-detail-title{font-size:26px}}