.dj-approved-resources{--accent: #d4af37;--accent-light: #e8c968;--bg-dark: #0a0a0a;--bg-card: #141414;--bg-light: #fafafa;--text-primary: #ffffff;--text-secondary: #b0b0b0;--text-dark: #1a1a1a;--text-gray: #666666;--border: rgba(212, 175, 55, .2);--border-light: rgba(0, 0, 0, .1);color:var(--text-primary);font-family:var(--dj-font-body, "Inter", system-ui, sans-serif);overflow-x:clip}.dj-approved-resources .dark-section{position:relative;background-color:var(--bg-dark)}.dj-approved-resources .grid-bg{position:absolute;inset:0;z-index:0;opacity:.03;background-image:linear-gradient(var(--accent) 1px,transparent 1px),linear-gradient(90deg,var(--accent) 1px,transparent 1px);background-size:50px 50px;animation:dj-resources-grid-move 20s linear infinite;pointer-events:none}@keyframes dj-resources-grid-move{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.dj-approved-resources .bg-orb{position:absolute;width:600px;height:600px;background:radial-gradient(circle,rgba(212,175,55,.08) 0%,transparent 70%);border-radius:50%;filter:blur(80px);z-index:0;animation:dj-resources-pulse-orb 8s ease-in-out infinite;pointer-events:none}@keyframes dj-resources-pulse-orb{0%,to{transform:scale(1) translate(0);opacity:.4}50%{transform:scale(1.2) translate(50px,30px);opacity:.6}}.dj-approved-resources .bg-orb-1{top:-200px;left:-200px;animation-delay:0s}.dj-approved-resources .bg-orb-2{bottom:-200px;right:-200px;animation-delay:4s}.dj-approved-resources .resources-hero{max-width:var(--dj-max-width);margin:0 auto;padding:5rem 2rem 6rem;position:relative;z-index:1}.dj-approved-resources .resources-hero h1{font-family:var(--dj-font-display, "Playfair Display", Georgia, serif);font-size:clamp(2.8rem,6vw,5rem);line-height:1.15;margin:0 0 1.5rem;font-weight:700;letter-spacing:-.5px;color:var(--text-primary)}.dj-approved-resources .resources-hero p{margin:0;font-size:1.2rem;color:var(--text-secondary);max-width:700px;line-height:1.8}.dj-approved-resources .light-section{background:var(--bg-light);padding:5rem 0 6rem;color:var(--text-dark)}.dj-approved-resources .coming-soon-notice{max-width:var(--dj-max-width);margin:0 auto 3rem;padding:0 2rem}.dj-approved-resources .notice-content{background:#d4af371a;border:1px solid rgba(212,175,55,.3);border-radius:12px;padding:1.5rem 2rem;display:flex;align-items:center;gap:1rem;max-width:900px;margin:0 auto}.dj-approved-resources .notice-content i{color:var(--accent);font-size:1.2rem;flex-shrink:0}.dj-approved-resources .notice-content span{color:var(--text-gray);font-size:.95rem;line-height:1.6}.dj-approved-resources .search-section{max-width:var(--dj-max-width);margin:0 auto 4rem;padding:0 2rem}.dj-approved-resources .search-box{max-width:600px;margin:0 auto;position:relative}.dj-approved-resources .search-box input{width:100%;box-sizing:border-box;padding:1.1rem 1.5rem 1.1rem 3.5rem;background:#fff;border:1px solid var(--border-light);border-radius:12px;color:var(--text-dark);font-size:1rem;font-family:inherit;transition:border-color .3s,box-shadow .3s}.dj-approved-resources .search-box input::placeholder{color:var(--text-gray)}.dj-approved-resources .search-box input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #d4af3726}.dj-approved-resources .search-box i{position:absolute;left:1.3rem;top:50%;transform:translateY(-50%);color:var(--text-gray);font-size:1.1rem;pointer-events:none}.dj-approved-resources .category-filter{max-width:var(--dj-max-width);margin:0 auto 5rem;padding:0 2rem}.dj-approved-resources .filter-pills{display:flex;flex-wrap:wrap;gap:1rem;list-style:none;margin:0;padding:0}.dj-approved-resources .filter-pill{display:inline-flex;align-items:center;padding:.75rem 1.8rem;background:#fff;border:1px solid #dddddd;border-radius:25px;color:#666;font-size:.9rem;font-weight:500;font-family:inherit;line-height:1.2;text-decoration:none;cursor:pointer;transition:border-color .3s,color .3s,transform .3s,box-shadow .3s,background .3s}.dj-approved-resources .filter-pill:hover{border-color:var(--accent);color:var(--text-dark);transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.dj-approved-resources .filter-pill.active{background:var(--accent);color:#000;border-color:var(--accent);font-weight:700;box-shadow:0 4px 12px #d4af374d}.dj-approved-resources .article-card.is-hidden{display:none}.dj-approved-resources .articles-section{max-width:var(--dj-max-width);margin:0 auto;padding:0 2rem 4rem}.dj-approved-resources .articles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3rem;margin:0 0 5rem;padding:0;list-style:none}.dj-approved-resources .article-card{display:flex;flex-direction:column;background:#fff;border:1px solid #e5e5e5;border-radius:12px;overflow:hidden;transition:transform .4s cubic-bezier(.175,.885,.32,1.275),box-shadow .4s,border-color .4s}.dj-approved-resources .article-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #0000001f;border-color:var(--accent)}.dj-approved-resources .article-card__media{display:block;overflow:hidden;background:#eee;text-decoration:none}.dj-approved-resources .article-card__media img{width:100%;height:240px;object-fit:cover;transition:transform .4s}.dj-approved-resources .article-card:hover .article-card__media img{transform:scale(1.05)}.dj-approved-resources .article-card__media--empty{height:240px;background:linear-gradient(135deg,#d4af3740,#f5f5f5f2)}.dj-approved-resources .article-card .content{display:flex;flex-direction:column;flex:1;padding:2.5rem}.dj-approved-resources .category-badge{display:inline-block;align-self:flex-start;padding:.45rem 1.1rem;background:var(--accent);color:#000;border-radius:3px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:1.3px;margin-bottom:1.2rem}.dj-approved-resources .article-card h2,.dj-approved-resources .article-card h3{font-size:1.5rem;margin:0 0 1rem;line-height:1.35;font-weight:700;color:var(--text-dark)}.dj-approved-resources .article-card h2 a,.dj-approved-resources .article-card h3 a{color:inherit;text-decoration:none}.dj-approved-resources .article-card h2 a:hover,.dj-approved-resources .article-card h3 a:hover{color:var(--accent)}.dj-approved-resources .article-card .excerpt{color:#666;font-size:.95rem;line-height:1.7;margin:0 0 1.5rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.dj-approved-resources .article-meta{display:flex;flex-wrap:wrap;gap:1.5rem;margin-top:auto;font-size:.85rem;color:#999}.dj-approved-resources .article-meta span{display:flex;align-items:center;gap:.4rem}.dj-approved-resources .article-meta i{font-size:.9rem}.dj-approved-resources .articles-section__header{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.5rem 1rem;margin:0 0 2rem}.dj-approved-resources .articles-section__title{margin:0;font-size:1.25rem;font-weight:700;color:var(--text-dark)}.dj-approved-resources .articles-section__count{margin:0;font-size:.9rem;color:var(--text-gray)}.dj-approved-resources .no-results{display:none;text-align:center;padding:4rem 2rem;color:var(--text-gray)}.dj-approved-resources .no-results.show{display:block}.dj-approved-resources .no-results h3{font-size:1.5rem;margin:0 0 .5rem;color:var(--text-dark)}.dj-approved-resources .no-results p{margin:0}.dj-approved-resources .reveal{opacity:0;transform:translateY(40px);transition:all 1s cubic-bezier(.16,1,.3,1)}.dj-approved-resources .reveal.active{opacity:1;transform:translateY(0)}@media(max-width:1200px){.dj-approved-resources .articles-grid{grid-template-columns:repeat(2,1fr);gap:2.5rem}}@media(max-width:968px){.dj-approved-resources .articles-grid{grid-template-columns:1fr;gap:2rem}.dj-approved-resources .category-filter{margin-bottom:3rem}}@media(max-width:640px){.dj-approved-resources .resources-hero{padding:3rem 2rem}.dj-approved-resources .filter-pills{gap:.7rem}.dj-approved-resources .filter-pill{padding:.6rem 1.3rem;font-size:.85rem}.dj-approved-resources .article-card .content{padding:1.75rem}}@media(prefers-reduced-motion:reduce){.dj-approved-resources .grid-bg,.dj-approved-resources .bg-orb,.dj-approved-resources .reveal,.dj-approved-resources .article-card,.dj-approved-resources .article-card__media img,.dj-approved-resources .filter-pill{animation:none!important;transition:none!important}.dj-approved-resources .reveal{opacity:1;transform:none}.dj-approved-resources .article-card:hover{transform:none}}.dj-public-layout__main:has(.dj-approved-resources){padding:0}