:root{--res-bg:#000;--res-card-bg:#0c0d11;--res-border:#ffffff14;--res-border-hover:#fff3}body.resource-view-page{background-color:var(--res-bg);color:var(--color-text-primary);flex-direction:column;min-height:100vh;display:flex;overflow-x:hidden}.resource-view-hero{background:radial-gradient(circle at 50% 0,#c4f82a0d 0%,#0000 60%);border-bottom:1px solid #ffffff14;padding-top:clamp(120px,15vh,160px);padding-bottom:clamp(40px,6vw,64px)}.resource-view-container{max-width:960px;padding:0 var(--page-margin);margin:0 auto}.resource-breadcrumb{color:var(--color-text-muted);align-items:center;gap:8px;margin-bottom:24px;font-size:13px;display:flex}.resource-breadcrumb a{color:var(--color-text-secondary);text-decoration:none;transition:color .2s}.resource-breadcrumb a:hover{color:var(--color-accent)}.resource-breadcrumb-sep{opacity:.4}.resource-view-badge-row{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:18px;display:flex}.resource-category-pill{text-transform:uppercase;letter-spacing:.08em;color:var(--color-accent);background:#c4f82a1a;border:1px solid #c4f82a40;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:700}.resource-format-pill{color:#a1a1aa;background:#ffffff0d;border:1px solid #ffffff14;border-radius:6px;padding:4px 10px;font-size:11.5px;font-weight:500}.resource-view-title{font-family:var(--font-editorial);letter-spacing:-.02em;color:#fff;margin:0 0 16px;font-size:clamp(36px,5.5vw,64px);font-style:italic;font-weight:400;line-height:1.1}.resource-view-subtitle{color:#d4d4d8;margin:0 0 28px;font-size:clamp(16px,1.9vw,20px);line-height:1.55}.resource-view-action-bar{border-top:1px solid #ffffff14;flex-wrap:wrap;align-items:center;gap:14px;padding-top:18px;display:flex}.btn-pdf-download{background:var(--color-accent);color:#000;border-radius:8px;align-items:center;gap:8px;padding:10px 22px;font-size:13.5px;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-flex}.btn-pdf-download:hover{transform:translateY(-2px);box-shadow:0 6px 18px #c4f82a59}.btn-copy-prompt{color:#fff;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:13.5px;font-weight:600;transition:background .2s,border-color .2s;display:inline-flex}.btn-copy-prompt:hover{background:#ffffff1f;border-color:#ffffff40}.resource-hero-cover-wrap{aspect-ratio:16/9;background:#0d0d10;border:1px solid #ffffff1a;border-radius:16px;width:100%;max-height:520px;margin-top:clamp(28px,4vw,40px);overflow:hidden;box-shadow:0 20px 50px #0009}.resource-hero-cover-img{object-fit:cover;width:100%;height:100%;display:block}.resource-article-section{padding:clamp(48px,6vw,80px) 0}.article-block{margin-bottom:clamp(40px,5vw,60px)}.article-section-heading{text-transform:uppercase;letter-spacing:.1em;color:var(--color-accent);align-items:center;gap:8px;margin-bottom:14px;font-size:12px;font-weight:600;display:flex}.article-section-heading:after{content:"";background:#ffffff14;flex:1;height:1px}.article-lead-text{color:#e4e4e7;margin:0;font-size:17px;line-height:1.7}.audience-pills-row{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.audience-pill{color:#d4d4d8;background:#14151b;border:1px solid #ffffff14;border-radius:6px;padding:6px 14px;font-size:12.5px;font-weight:500}.takeaways-cards-list{flex-direction:column;gap:12px;margin-top:12px;display:flex}.takeaway-card-item{background:#0c0d11;border:1px solid #ffffff12;border-radius:12px;align-items:flex-start;gap:16px;padding:18px 22px;transition:border-color .2s;display:flex}.takeaway-card-item:hover{border-color:#ffffff26}.takeaway-icon{width:24px;height:24px;color:var(--color-accent);background:#c4f82a1f;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;font-size:12px;font-weight:700;display:flex}.takeaway-text{color:#d4d4d8;margin:0;font-size:14.5px;line-height:1.6}.prompt-vault-box{background:#07080a;border:1px solid #ffffff1a;border-radius:14px;margin-top:14px;overflow:hidden}.prompt-vault-header{background:#0f1116;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:12px 18px;display:flex}.prompt-vault-label{color:#a1a1aa;text-transform:uppercase;letter-spacing:.06em;font-size:12px;font-weight:600}.vault-copy-btn{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff1f;border-radius:6px;align-items:center;gap:5px;padding:4px 10px;font-size:11.5px;font-weight:600;transition:all .2s;display:inline-flex}.vault-copy-btn:hover{background:#ffffff1a;border-color:#ffffff40}.prompt-vault-code{color:#84cc16;white-space:pre-wrap;word-break:break-word;margin:0;padding:20px 22px;font-family:JetBrains Mono,Fira Code,Menlo,Consolas,monospace;font-size:13.5px;line-height:1.65}.pdf-download-card{background:linear-gradient(135deg,#101217 0%,#0a0b0e 100%);border:1px solid #c4f82a33;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;margin-top:24px;padding:28px 32px;display:flex}.pdf-info-left{align-items:center;gap:18px;display:flex}.pdf-icon-badge{width:48px;height:48px;color:var(--color-accent);background:#c4f82a1f;border:1px solid #c4f82a4d;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.pdf-title-text{color:#fff;margin:0 0 4px;font-size:17px;font-weight:700}.pdf-sub-text{color:var(--color-text-secondary);margin:0;font-size:13px}.comments-section{background:#050608;border-top:1px solid #ffffff14;padding:clamp(48px,6vw,72px) 0}.comments-header-row{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.comments-title{font-family:var(--font-editorial);color:#fff;margin:0;font-size:clamp(26px,3.5vw,36px);font-style:italic;font-weight:400}.comments-count-badge{color:var(--color-accent);background:#c4f82a1a;border:1px solid #c4f82a33;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:600}.comments-list{flex-direction:column;gap:16px;margin-bottom:36px;display:flex}.comment-card{background:#0c0d11;border:1px solid #ffffff14;border-radius:14px;padding:20px 24px}.comment-author-row{align-items:center;gap:12px;margin-bottom:12px;display:flex}.comment-avatar{background:var(--avatar-bg,#374151);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:12px;font-weight:700;display:flex}.comment-author-name{color:#fff;font-size:14px;font-weight:600}.comment-date{color:var(--color-text-muted);font-size:12px}.comment-body{color:#d1d5db;margin:0;font-size:14px;line-height:1.6}.comment-form-box{background:#0b0d11;border:1px solid #ffffff17;border-radius:16px;padding:28px}.comment-form-title{color:#fff;margin:0 0 18px;font-size:16px;font-weight:700}.comment-form-grid{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px;display:grid}@media (width<=600px){.comment-form-grid{grid-template-columns:1fr}}.comment-input,.comment-textarea{color:#fff;background:#14161d;border:1px solid #ffffff1a;border-radius:8px;outline:none;width:100%;padding:11px 14px;font-family:inherit;font-size:13.5px;transition:border-color .2s}.comment-input:focus,.comment-textarea:focus{border-color:var(--color-accent)}.btn-post-comment{background:var(--color-accent);color:#000;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;margin-top:14px;padding:10px 24px;font-size:13.5px;font-weight:700;transition:transform .2s;display:inline-flex}.btn-post-comment:hover{transform:translateY(-2px)}.res-toast{color:#000;opacity:0;pointer-events:none;z-index:9999;background:#c4f82a;border-radius:8px;padding:10px 22px;font-size:13px;font-weight:700;transition:opacity .25s,transform .25s;position:fixed;bottom:30px;left:50%;transform:translate(-50%)translateY(20px);box-shadow:0 10px 24px #0009}.res-toast.show{opacity:1;transform:translate(-50%)translateY(0)}