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