.content-grid{display:grid;gap:1.5rem}@media (min-width:768px){.content-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.content-grid-article,.content-grid-video{grid-template-columns:repeat(2,1fr)}}.content-item{background-color:#fff;border:1px solid #e6e9ee;border-radius:.375rem;overflow:hidden;transition:all .3s ease-in-out;box-shadow:0 1px 2px rgba(0,0,0,.05)}.content-item:hover{border-color:#06c;background-color:#f8fafc;box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}.content-item:hover .content-title{color:#06c}.content-item:hover .content-image img{transform:scale(1.05)}.content-image{position:relative;height:180px;overflow:hidden}.content-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .5s ease-in-out}.content-info{padding:.75rem}.content-category{display:inline-block;color:#06c;font-size:.875rem;font-weight:500;margin-bottom:.75rem;background-color:#e8f2ff;padding:.25rem .5rem;border-radius:.25rem}.content-title{font-size:1rem;font-weight:600;color:#32495e;margin:0 0 .75rem;transition:color .3s;line-height:1.5}.content-title a{--tw-text-opacity:1;color:rgb(0 102 204/var(--tw-text-opacity,1));text-decoration:none;transition:color .3s}.content-item:hover .content-title a{color:#06c}.content-excerpt{line-height:1.5;margin-bottom:.75rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.content-excerpt,.content-meta{font-size:.875rem;color:#6b7c93}.content-item.video .content-image:after{display:none}.content-item.video .video-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.2),rgba(0,0,0,.6));flex-direction:column}.content-item.video .play-button,.content-item.video .video-overlay{display:flex;justify-content:center;align-items:center;transition:all .3s}.content-item.video .play-button{width:3rem;height:3rem;background-color:hsla(0,0%,100%,.2);backdrop-filter:blur(4px);border-radius:9999px}.content-item.video .play-button svg{width:1.5rem;height:1.5rem;margin-left:.125rem}.content-item.video .video-duration{position:absolute;bottom:.75rem;right:.75rem;background-color:rgba(0,0,0,.6);backdrop-filter:blur(4px);color:#fff;font-size:.75rem;padding:.25rem .5rem;border-radius:.25rem;font-weight:500}.content-item.video:hover .video-overlay{background:linear-gradient(180deg,rgba(0,0,0,.3),rgba(0,0,0,.7))}.content-item.video:hover .play-button{transform:scale(1.1);background-color:hsla(0,0%,100%,.3)}.aspect-w-16{position:relative;padding-bottom:56.25%}.aspect-w-16 iframe{position:absolute;width:100%;height:100%;top:0;left:0;right:0;bottom:0}.video-modal-backdrop{position:fixed;inset:0;z-index:50;background-color:rgba(0,0,0,.75);display:flex;align-items:center;justify-content:center;backdrop-filter:blur(4px)}.video-modal-content{width:100%;max-width:900px;max-height:90vh;background-color:#fff;border-radius:.5rem;overflow:hidden;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}.video-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid #e5e7eb}.video-modal-body{overflow-y:auto}.video-modal-footer{padding:1rem;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end}@media (max-width:768px){.content-grid{grid-template-columns:1fr}}.custom-scrollbar{scrollbar-width:thin;scrollbar-color:#e2e8f0 transparent}.custom-scrollbar::-webkit-scrollbar{width:4px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background-color:#e2e8f0;border-radius:20px}.custom-scrollbar:hover::-webkit-scrollbar-thumb{background-color:#cbd5e1}.prose{color:#374151;font-size:1rem;line-height:1.75}.prose p{margin-top:1.25em;margin-bottom:1.25em}.prose a{color:#06c;text-decoration:underline;font-weight:500}.prose a:hover{color:#004d99}.prose h1{color:#1e293b;font-weight:800;font-size:2.25em;margin-top:0;margin-bottom:.8888889em;line-height:1.1111111}.prose h2{color:#1e293b;font-weight:700;font-size:1.5em;margin-top:2em;margin-bottom:1em;line-height:1.3333333}.prose h3{font-size:1.25em;margin-top:1.6em;margin-bottom:.6em;line-height:1.6}.prose h3,.prose h4{color:#1e293b;font-weight:600}.prose h4{margin-top:1.5em;margin-bottom:.5em;line-height:1.5}.prose blockquote{font-weight:500;font-style:italic;color:#1e293b;border-left:4px solid #e5e7eb;padding-left:1em;margin-top:1.6em;margin-bottom:1.6em}.prose ul{list-style-type:disc}.prose ol,.prose ul{margin-top:1.25em;margin-bottom:1.25em;padding-left:1.625em}.prose ol{list-style-type:decimal}.prose li{margin-top:.5em;margin-bottom:.5em}.prose img{margin-top:2em;margin-bottom:2em;border-radius:.375rem}.prose-primary a{color:#06c}.prose-primary a:hover{color:#004d99}.prose-blue a{color:#3b82f6}.prose-blue a:hover{color:#2563eb}.article-detail-header,.question-detail-header{padding-bottom:1.5rem;margin-bottom:1.5rem;border-bottom:1px solid #e2e8f0}.article-author,.question-author{display:flex;align-items:center;margin-top:1rem}.article-author-avatar,.question-author-avatar{width:3rem;height:3rem;border-radius:9999px;overflow:hidden;margin-right:.75rem}.article-author-name,.question-author-name{font-weight:600;color:#1e293b}.article-author-role,.article-meta,.question-author-role,.question-meta{font-size:.875rem;color:#64748b}.article-meta,.question-meta{margin-top:1rem}.article-date,.article-meta,.question-date,.question-meta{display:flex;align-items:center}.article-date svg,.question-date svg{margin-right:.25rem}.article-tags,.question-tags{margin-top:1.5rem;display:flex;flex-wrap:wrap;gap:.5rem}.article-tag,.question-tag{font-size:.75rem;background-color:#f1f5f9;color:#475569;padding:.25rem .75rem;border-radius:9999px;transition-property:background-color,border-color,color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.article-tag:hover,.question-tag:hover{background-color:#e2e8f0}.related-items{margin-top:2rem;padding-top:2rem;border-top:1px solid #e2e8f0}.related-items-heading{font-size:1.25rem;font-weight:600;color:#1e293b;margin-bottom:1rem}.related-items-grid{display:grid;gap:1rem}@media (min-width:640px){.related-items-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.related-items-grid{grid-template-columns:repeat(3,1fr)}}.line-clamp-1{-webkit-line-clamp:1}.line-clamp-1,.line-clamp-2{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.sidebar-card{background-color:#fff;border-radius:.5rem;overflow:hidden;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);margin-bottom:1.5rem}.sidebar-card-header{padding:1rem;border-bottom:1px solid #e5e7eb;background-color:#f9fafb}.sidebar-card-title{font-size:1.125rem;font-weight:600;color:#111827}.sidebar-card-body{padding:1rem}.sidebar-item{display:flex;align-items:flex-start;padding:.75rem 0;border-bottom:1px solid #f3f4f6}.sidebar-item:last-child{border-bottom:none}.sidebar-item-image{width:4rem;height:3rem;border-radius:.25rem;overflow:hidden;margin-right:.75rem}.sidebar-item-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.sidebar-item-content{flex:1}.sidebar-item-title{font-size:.875rem;font-weight:500;color:#1f2937;margin-bottom:.25rem;line-height:1.25}.sidebar-item-meta{font-size:.75rem;color:#6b7280}.answer-card{background-color:#fff;border-radius:.5rem;overflow:hidden;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);margin-bottom:1.5rem;padding:1.5rem}.answer-header{display:flex;align-items:center;margin-bottom:1rem}.answer-author-avatar{width:3rem;height:3rem;border-radius:9999px;overflow:hidden;margin-right:.75rem}.answer-author-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.answer-author-info{flex:1}.answer-author-name{font-weight:600;color:#1e293b}.answer-author-role,.answer-date{font-size:.875rem;color:#64748b}.answer-content{margin-bottom:1rem}.answer-actions{gap:1rem;margin-top:1rem}.answer-action,.answer-actions{display:flex;align-items:center}.answer-action{font-size:.875rem;color:#64748b;cursor:pointer}.answer-action svg{margin-right:.25rem}.answer-action:hover{color:#06c}.answer-count{margin-bottom:1rem;font-size:1.25rem;font-weight:600;color:#1e293b}.cta-card{background:linear-gradient(135deg,#06c,#004080);border-radius:.5rem;overflow:hidden;padding:1.5rem;color:#fff;margin-bottom:1.5rem}.cta-title{font-size:1.25rem;font-weight:600;margin-bottom:.75rem}.cta-description{font-size:.875rem;margin-bottom:1.25rem;opacity:.9}.cta-button{display:inline-block;background-color:#fff;color:#06c;font-weight:600;padding:.5rem 1rem;border-radius:.25rem;text-align:center;transition:all .2s}.cta-button:hover{background-color:#f9fafb;transform:translateY(-2px)}