.page-header{max-width:1180px;margin:0 auto;padding:160px clamp(20px,4vw,48px) 64px}.page-section{max-width:1180px;margin:0 auto;padding:0 clamp(20px,4vw,48px) 80px}.breadcrumb{display:flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:.7rem;color:var(--color-claude-text-muted);margin-bottom:24px;letter-spacing:.04em}.breadcrumb a{color:inherit;text-decoration:none;transition:color .2s}.breadcrumb a:hover{color:var(--color-claude-accent)}h1{font-weight:700;font-size:clamp(2.5rem,6vw,4rem);letter-spacing:-.035em;line-height:1.05;margin-bottom:16px}.page-subtitle{font-family:var(--font-serif);font-style:italic;color:var(--color-claude-text-muted);font-size:1.15rem;max-width:640px;line-height:1.65}.featured-card{display:grid;grid-template-columns:1.2fr 1fr;border:1px solid var(--color-claude-border);background:var(--color-claude-surface);border-radius:14px;overflow:hidden;text-decoration:none;color:var(--color-claude-text-main);transition:box-shadow .4s ease,transform .4s var(--ease),border-color .3s ease}.featured-card:hover{transform:translateY(-4px);border-color:var(--color-claude-accent);box-shadow:0 12px 32px #00000014}[data-theme=dark] .featured-card:hover{box-shadow:0 12px 32px #0000004d}.featured-visual{position:relative;min-height:320px;overflow:hidden;display:flex;align-items:center;justify-content:center}.feat-img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}.featured-card:hover .feat-img{transform:scale(1.04)}.feat-badge{position:absolute;top:16px;left:16px;padding:6px 16px;background:var(--color-claude-accent);color:#fff;border-radius:999px;font-family:var(--font-mono);font-size:.7rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.featured-body{padding:44px 48px;display:flex;flex-direction:column;justify-content:center}.feat-tag{display:inline-block;width:fit-content;padding:4px 12px;background:var(--color-claude-accent-bg, rgba(204,120,92,.08));color:var(--color-claude-accent);border-radius:6px;font-family:var(--font-mono);font-size:.7rem;font-weight:500;text-transform:uppercase;margin-bottom:18px;letter-spacing:.04em}.feat-title{font-weight:700;font-size:1.75rem;letter-spacing:-.02em;line-height:1.2;margin-bottom:14px}.feat-desc{font-family:var(--font-serif);color:var(--color-claude-text-muted);font-size:1rem;line-height:1.7;margin-bottom:24px}.feat-meta{display:flex;align-items:center;gap:12px;font-family:var(--font-mono);font-size:.7rem;color:var(--color-claude-text-muted);text-transform:uppercase;letter-spacing:.06em}.feat-author{color:var(--color-claude-accent);font-weight:500}.toolbar-row{display:flex;align-items:center;gap:18px;margin-bottom:24px;flex-wrap:wrap}.search-wrap{position:relative;flex:1;max-width:380px}.search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--color-claude-text-muted);pointer-events:none;display:flex}.search-input{width:100%;background:var(--color-claude-surface);border:1px solid var(--color-claude-border);border-radius:10px;color:var(--color-claude-text-main);outline:none;padding:12px 16px 12px 42px;font-size:.95rem;transition:border-color .2s,box-shadow .2s}.search-input::placeholder{font-family:var(--font-serif);font-style:italic}.search-input:focus{border-color:var(--color-claude-accent);box-shadow:0 0 0 3px #cc785c1a}.sort-wrap{display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:.85rem;color:var(--color-claude-text-muted)}.sort-select{background:var(--color-claude-surface);border:1px solid var(--color-claude-border);border-radius:8px;color:var(--color-claude-text-main);outline:none;cursor:pointer;padding:9px 12px;font-size:.85rem;transition:border-color .2s}.sort-select:focus{border-color:var(--color-claude-accent)}.tag-filters{display:flex;flex-wrap:wrap;gap:10px}.tag-pill{padding:8px 18px;border:1px solid var(--color-claude-border);border-radius:999px;font-size:.88rem;font-weight:500;color:var(--color-claude-text-muted);background:transparent;cursor:pointer;transition:all .2s}.tag-pill:hover{border-color:var(--color-claude-text-muted);color:var(--color-claude-text-main)}.tag-pill.active{background:var(--color-claude-accent-bg, rgba(204,120,92,.08));border-color:var(--color-claude-accent);color:var(--color-claude-accent);box-shadow:0 0 0 2px var(--color-claude-accent-bg, rgba(204,120,92,.08))}.cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.article-filter-wrap{display:flex;flex-direction:column}.article-filter-wrap>a{flex:1}.cards-grid .card{opacity:0;transform:translateY(40px) scale(.97);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}.cards-grid .card.revealed{opacity:1;transform:translateY(0) scale(1)}.empty-state{font-family:var(--font-serif);font-style:italic;color:var(--color-claude-text-muted);text-align:center;padding:64px 0}#no-results.hidden{display:none}@media(max-width:900px){.featured-card{grid-template-columns:1fr}.featured-visual{min-height:240px}.featured-body{padding:32px 28px}.feat-title{font-size:1.45rem}.cards-grid{grid-template-columns:repeat(2,1fr);gap:20px}}@media(max-width:600px){.cards-grid{grid-template-columns:1fr}.page-header{padding:110px 20px 48px}}@media(prefers-reduced-motion:reduce){.cards-grid .card,.featured-card,.feat-img{opacity:1!important;transform:none!important;transition:none!important}}