.dev-stories-filter{text-align:center;margin-bottom:28px}.dev-stories-tabs{display:inline-flex;background:rgba(157,185,212,.06);border:1px solid rgba(155,155,155,.3);border-radius:32px;padding:4px;gap:4px}.dev-stories-tab,.dev-stories-tab:link,.dev-stories-tab:visited{display:inline-block;padding:6px 16px;border-radius:26px;font-size:14px;font-weight:600;color:var(--body-gray)!important;text-decoration:none!important;transition:all .2s ease}@media (max-width:380px){.dev-stories-tab{font-size:12px!important}}.dev-stories-tab:hover{color:var(--body-deep)!important;opacity:1!important}.dev-stories-tab.active,.dev-stories-tab.active:link,.dev-stories-tab.active:visited{background:var(--primary-button-bg);color:var(--on-primary-btn)!important}.dev-stories-featured-hero{background:rgba(157,185,212,.06);border:1px solid rgba(155,155,155,.3);border-radius:20px;padding:0;margin:0 auto 44px auto;max-width:840px;display:flex;flex-direction:column;position:relative;overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease}.dev-stories-featured-hero:hover{background:rgba(157,185,212,.1);border:1px solid rgba(155,155,155,.4)}.featured-media-col{position:relative;width:100%;aspect-ratio:16/7;overflow:hidden;background:#0f172a}.featured-media-link{display:block;width:100%;height:100%;position:relative;text-decoration:none}.featured-thumbnail{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s cubic-bezier(.16,1,.3,1)}.dev-stories-featured-hero:hover .featured-thumbnail{transform:scale(1.03)}.featured-play-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.25);transition:background .2s ease}.dev-stories-featured-hero:hover .featured-play-overlay{background:rgba(0,0,0,.15)}.featured-play-btn{width:64px;height:64px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#000;box-shadow:0 6px 24px rgba(0,0,0,.05);transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s ease}.featured-play-btn svg{width:28px;height:28px;fill:currentColor;margin-left:3px}.dev-stories-featured-hero:hover .featured-play-btn{transform:scale(1.12);box-shadow:0 10px 30px rgba(0,0,0,.1)}.featured-duration-badge{position:absolute;bottom:12px;right:12px;background:rgba(15,23,42,.85);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.15);color:#fff;font-size:12px;font-weight:700;padding:4px 10px;border-radius:6px;display:inline-flex;align-items:center;gap:5px;box-shadow:0 2px 6px rgba(0,0,0,.3)}.featured-info-col{padding:26px 30px 30px 30px;display:flex;flex-direction:column;justify-content:center;gap:16px;min-width:0;box-sizing:border-box}@media (max-width:640px){.featured-info-col{padding:20px 18px 22px 18px;gap:14px}.featured-title{font-size:20px}.featured-play-btn{width:52px;height:52px}.featured-play-btn svg{width:22px;height:22px}}.featured-header-meta{display:flex;align-items:center;justify-content:space-between;gap:10px}.badge-spotlight{display:inline-flex;align-items:center;gap:6px;background:rgba(99,102,241,.1);color:#4f46e5;border:1px solid rgba(99,102,241,.25);padding:4px 10px;border-radius:6px;font-size:11px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;width:fit-content}body.dark-theme .badge-spotlight{background:rgba(99,102,241,.15);color:#a5b4fc;border-color:rgba(99,102,241,.35)}.badge-story{display:inline-flex;align-items:center;gap:6px;background:rgba(16,185,129,.1);color:#059669;border:1px solid rgba(16,185,129,.25);padding:4px 10px;border-radius:6px;font-size:11px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;width:fit-content}body.dark-theme .badge-story{background:rgba(16,185,129,.15);color:#6ee7b7;border-color:rgba(16,185,129,.35)}.featured-title{font-size:24px;font-weight:800;line-height:1.3;margin:0;color:var(--body-deep,#0f172a);letter-spacing:-.3px}body.dark-theme .featured-title{color:#f8fafc}.featured-title a,.featured-title a:link,.featured-title a:visited{color:inherit!important;text-decoration:none!important;transition:color .15s ease}.featured-title a:hover{color:#4f46e5!important}body.dark-theme .featured-title a:hover{color:#a5b4fc!important}.featured-person-card{display:flex;align-items:center;gap:12px;padding:8px 12px;background:rgba(157,185,212,.02);border:1px solid rgba(155,155,155,.2);border-radius:10px}.featured-person-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid #fff;box-shadow:0 2px 6px rgba(0,0,0,.08);flex-shrink:0}body.dark-theme .featured-person-avatar{border-color:#334155;box-shadow:0 2px 6px rgba(0,0,0,.3)}.featured-person-details{display:flex;flex-direction:column;gap:2px;min-width:0;overflow:hidden}.featured-person-name-row{font-size:14px;font-weight:700;color:var(--body-deep,#0f172a);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}body.dark-theme .featured-person-name-row{color:#fff}.featured-with-label{color:var(--body-gray,#64748b);font-weight:500;margin-right:4px}body.dark-theme .featured-with-label{color:#94a3b8}.featured-person-link,.featured-person-link:link,.featured-person-link:visited{color:#4f46e5!important;font-weight:700;text-decoration:none!important}.featured-person-link:hover{text-decoration:underline!important;color:#4338ca!important}body.dark-theme .featured-person-link,body.dark-theme .featured-person-link:link,body.dark-theme .featured-person-link:visited{color:#818cf8!important}body.dark-theme .featured-person-link:hover{color:#a5b4fc!important}.featured-person-role{font-size:12px;color:var(--body-gray,#64748b);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}body.dark-theme .featured-person-role{color:#94a3b8}.featured-excerpt{font-size:14px;color:var(--body-gray,#475569);line-height:1.6;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}body.dark-theme .featured-excerpt{color:#94a3b8}.featured-actions-row{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:4px}.featured-action-btn,.featured-action-btn:link,.featured-action-btn:visited{font-size:13px;font-weight:600;color:var(--accent)!important;text-decoration:none!important;display:inline-flex;align-items:center;gap:6px;transition:gap .2s ease,color .15s ease}.dev-stories-empty-state{text-align:center;padding:48px 16px;background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 2px 8px rgba(0,0,0,.04)}body.dark-theme .dev-stories-empty-state{background:#182234;border-color:#334155;box-shadow:none}.dev-stories-empty-title{font-size:16px;font-weight:600;color:var(--body-deep,#0f172a);margin:0 0 8px 0}body.dark-theme .dev-stories-empty-title{color:#f8fafc}.dev-stories-empty-subtitle{font-size:14px;color:var(--body-gray,#64748b);margin:0}body.dark-theme .dev-stories-empty-subtitle{color:#94a3b8}.qa-dev-stories-widget-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.qa-dev-stories-widget-title{font-size:16px;font-weight:700;color:var(--body-deep,#0f172a);margin:0}.qa-dev-stories-widget-viewall{font-size:12px;font-weight:600;color:var(--accent);text-decoration:none}.qa-dev-stories-widget-subtitle{font-size:12px;color:var(--body-gray,#64748b);margin:0 0 14px 0}.qa-dev-stories-widget-list{display:flex;flex-direction:column;gap:14px;list-style:none;padding:0;margin:0}.qa-dev-stories-widget-item{display:flex;gap:12px;align-items:center}.qa-dev-stories-widget-media{position:relative;width:110px;height:62px;border-radius:6px;overflow:hidden;background:#0f172a;flex-shrink:0}.qa-dev-stories-widget-thumb{width:100%;height:100%;object-fit:cover;display:block}.qa-dev-stories-widget-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.35)}.qa-dev-stories-widget-play-icon{width:20px;height:20px;background:rgba(255,255,255,.9);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#111}.qa-dev-stories-widget-play-icon svg{width:10px;height:10px;fill:currentColor;margin-left:1px}.qa-dev-stories-widget-duration{position:absolute;bottom:2px;right:4px;background:rgba(0,0,0,.75);color:#fff;font-size:9px;font-weight:700;padding:1px 4px;border-radius:2px}.qa-dev-stories-widget-info{display:flex;flex-direction:column;overflow:hidden}.qa-dev-stories-widget-item-title{font-size:13px;font-weight:600;line-height:1.3;color:var(--body-deep,#0f172a)!important;text-decoration:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.qa-dev-stories-widget-item-author,.qa-dev-stories-widget-item-author a{font-size:11px;color:var(--body-gray,#64748b);margin-top:3px}.qa-dev-stories-widget-footer{margin-top:14px;padding-top:12px;border-top:1px solid rgba(155,155,155,.2)}.qa-dev-stories-widget-btn{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 14px;background:var(--primary-button-bg);color:var(--on-primary-btn)!important;font-size:13px;font-weight:600;border-radius:8px;border:none;cursor:pointer;transition:all .2s ease;text-decoration:none;box-sizing:border-box}.qa-dev-stories-widget-btn:hover{opacity:.92;transform:translateY(-1px)}.qa-dev-stories-widget-btn:active{transform:translateY(0)}.dev-story-post-header{margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid rgba(155,155,155,.2);display:flex;flex-direction:column;gap:14px}.dev-story-post-featuring{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:16px;color:var(--body-gray,#475569);font-weight:500;line-height:1.5}.dev-story-featuring-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover;vertical-align:middle;border:1px solid rgba(155,155,155,.3);display:inline-block}.dev-story-person-link{color:var(--accent,#6366f1);font-weight:700;text-decoration:none;transition:color .15s ease}.dev-story-person-name,.dev-story-post-person{color:var(--body-deep,#0f172a);font-weight:700}.dev-story-post-role{color:var(--body-lite,#64748b);font-weight:400}.dev-story-post-video,.qa-template-question .video-container{position:relative;width:100%;padding-bottom:56.25%;height:0;border-radius:12px;overflow:hidden;background:#0f172a;box-shadow:0 4px 16px rgba(0,0,0,.15);margin-bottom:20px}.dev-story-post-video iframe,.qa-template-question .video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.dev-story-post-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}.dev-story-action-link{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:6px;font-size:13px;font-weight:600;text-decoration:none;background:#f1f5f9;color:#4338ca;border:1px solid #cbd5e1;transition:all .2s ease}.dev-story-action-link:hover{background:#e2e8f0;color:#3730a3;border-color:#94a3b8}body.dark-theme .dev-story-action-link{background:rgba(99,102,241,.12);color:#a5b4fc;border-color:rgba(99,102,241,.3)}body.dark-theme .dev-story-action-link:hover{background:rgba(99,102,241,.22);color:#fff;border-color:rgba(99,102,241,.5)}.post-view-title{color:var(--body-deep,#0f172a)}body.dark-theme .post-view-title{color:#fff}.qa-template-question .dev-story-post-header~.qa-q-view-content{color:var(--body-deep,#1e293b);font-size:15px;line-height:1.7}body.dark-theme .qa-template-question .dev-story-post-header~.qa-q-view-content{color:var(--body-gray,#e2e8f0)}.qa-template-question .qa-q-view-content h1,.qa-template-question .qa-q-view-content h2,.qa-template-question .qa-q-view-content h3,.qa-template-question .qa-q-view-content h4{color:var(--body-deep,#0f172a);margin-top:1.5em;margin-bottom:.5em;font-weight:700}body.dark-theme .qa-template-question .qa-q-view-content h1,body.dark-theme .qa-template-question .qa-q-view-content h2,body.dark-theme .qa-template-question .qa-q-view-content h3,body.dark-theme .qa-template-question .qa-q-view-content h4{color:#f8fafc}.qa-template-question .qa-q-view-content p{color:var(--body-deep,#334155);margin-bottom:1.2em;line-height:1.7}body.dark-theme .qa-template-question .qa-q-view-content p{color:#cbd5e1}.qa-template-question .qa-q-view-content strong{color:var(--body-deep,#0f172a)}body.dark-theme .qa-template-question .qa-q-view-content strong{color:#fff}.dev-story-cover-image{width:100%;max-height:480px;border-radius:12px;overflow:hidden;margin:18px 0 24px 0;background:#f1f5f9;box-shadow:0 4px 20px rgba(0,0,0,.07)}body.dark-theme .dev-story-cover-image{background:#1e293b;box-shadow:0 4px 20px rgba(0,0,0,.3)}.dev-story-cover-image img{width:100%;height:100%;max-height:480px;object-fit:cover;display:block}@media (max-width:640px){.dev-story-cover-image{border-radius:8px;max-height:260px;margin:14px 0 18px 0}.dev-story-cover-image img{max-height:260px}}.dev-story-item-meta-row{display:flex;align-items:center;flex-wrap:wrap;gap:6px 8px;margin:6px 0 8px 0;font-size:13px;color:var(--body-gray,#64748b);line-height:1.4}.dev-story-item-featuring{display:inline-flex;align-items:center;flex-wrap:wrap;gap:4px 6px;min-width:0}.dev-story-item-featuring-label{color:var(--body-gray,#64748b);font-weight:500;white-space:nowrap}body.dark-theme .dev-story-item-featuring-label{color:#94a3b8}.dev-story-item-avatar-name{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;flex-shrink:0}.dev-story-item-avatar{width:22px;height:22px;border-radius:50%;object-fit:cover;vertical-align:middle;border:1px solid rgba(155,155,155,.3);display:inline-block;flex-shrink:0}.dev-story-item-meta-row .dev-story-person-link{color:var(--accent,#6366f1);font-weight:700;text-decoration:none;display:inline-flex;align-items:center;gap:3px;white-space:nowrap}.dev-story-item-meta-row .dev-story-person-link:hover{text-decoration:underline}body.dark-theme .dev-story-item-meta-row .dev-story-person-link{color:#818cf8}.dev-story-item-meta-row .dev-story-person-name{color:var(--body-deep,#0f172a);font-weight:700;white-space:nowrap}body.dark-theme .dev-story-item-meta-row .dev-story-person-name{color:#f8fafc}.dev-story-item-role-wrapper{display:inline-flex;align-items:center;gap:6px;min-width:0}.dev-story-item-role-sep{color:var(--body-lite,#94a3b8);margin:0 1px}.dev-story-item-role{color:var(--body-gray,#64748b);font-size:13px}body.dark-theme .dev-story-item-role{color:#94a3b8}@media (max-width:640px){.dev-story-item-featuring-label,.dev-story-item-role-wrapper{display:none}}