.blog-section{scroll-snap-align:start;justify-content:center;align-items:center;width:100%;display:flex;position:relative}@media (max-width:48rem){.blog-section{align-items:flex-start!important}}.blog-container{width:100%;margin-bottom:1.5rem;position:relative}@media (max-width:48rem){.blog-container{max-width:none;width:100%!important}}.blog-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#2c2642f2 0%,#233391cc 100%);border:2px solid #6153bd4d;border-radius:1.5rem;flex-direction:column;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000004d}.blog-card .card-image-mobile{display:none}@media (max-width:48rem){.blog-card .card-image-mobile{border-radius:1.5rem 1.5rem 0 0;width:100%;height:180px;margin:0;display:block;overflow:hidden}.blog-card .card-image-mobile img{object-fit:cover;width:100%;height:100%}}.blog-card.expanded{border:2px solid #50e3c299}.blog-card:hover{border-color:#50e3c299;box-shadow:0 25px 50px #0006,0 0 20px #50e3c233}.blog-card:before{content:"";opacity:0;pointer-events:none;background:linear-gradient(135deg,#6153bd1a 0%,#50e3c20d 100%);transition:opacity .3s;position:absolute;inset:0}.blog-card:hover:before{opacity:1}.blog-card.compact .card-header{padding:.75rem}.blog-card.compact .card-header .header-content h2{margin-bottom:.25rem;font-size:1rem;line-height:1.2}.blog-card.compact .card-header .card-image-thumbnail{display:none}.blog-card.compact .source-info{padding:0 .75rem .5rem;font-size:.75rem}.blog-card.compact .card-content{padding:0 .75rem .75rem}.blog-card.compact .card-content .card-summary,.blog-card.compact .card-content .actions-container .dive-in-section{display:none}.blog-card.compact .card-content .actions-container .feedback-actions{margin:0}.blog-card.compact .card-content .actions-container .feedback-actions .vote-container{display:none}.blog-card.compact .card-content .actions-container .feedback-actions .icon-button{width:2rem;height:2rem}.blog-card.grid-item{height:100%}.blog-card.grid-item .card-header .card-image-thumbnail{width:100%;height:120px;margin-bottom:.75rem;margin-right:0}.blog-card.grid-item .card-header .card-image-thumbnail img{object-fit:cover;border-radius:.5rem;width:100%;height:100%}.blog-card.grid-item .card-header .header-content h2{font-size:1rem;line-height:1.2}.blog-card.horizontal{flex-direction:row;align-items:center;padding:1rem}.blog-card.horizontal .card-header{flex:1;margin-right:1rem;padding:0}.blog-card.horizontal .card-header .header-content h2{margin-bottom:.5rem;font-size:1.1rem;line-height:1.3}.blog-card.horizontal .source-info{padding:0}.blog-card.horizontal .card-content{width:auto;padding:0}.blog-card.horizontal .card-content .card-summary{display:none}.blog-card.horizontal .card-content .actions-container,.blog-card.horizontal .card-content .actions-container .feedback-actions{margin:0}.blog-card .card-header{align-items:flex-start;gap:1.25rem;padding:1.5rem 1.5rem 1rem;display:flex}@media (max-width:48rem){.blog-card .card-header{flex-direction:column;align-items:flex-start;gap:0;padding:1rem}}.blog-card .card-header .header-content{flex:1;min-width:0}.blog-card .card-header .header-content h2{color:#fff;text-shadow:0 2px 4px #0000004d;margin-bottom:.75rem;font-size:1.25rem;font-weight:700;line-height:1.3;position:relative}@media (max-width:48rem){.blog-card .card-header .header-content h2{width:100%;margin-bottom:.5rem;font-size:1rem}}.blog-card .card-header .card-image-thumbnail{border-radius:.75rem;flex-shrink:0;width:180px;height:120px;position:relative;overflow:hidden}@media (max-width:48rem){.blog-card .card-header .card-image-thumbnail{display:none}}.blog-card .card-header .card-image-thumbnail img{object-fit:cover;width:100%;height:100%;transition:transform .4s cubic-bezier(.4,0,.2,1)}.blog-card .card-header .card-image-thumbnail:after{content:"";opacity:0;background:linear-gradient(135deg,#0000 0%,#0006 100%);transition:opacity .3s;position:absolute;inset:0}.blog-card .card-header .card-image-thumbnail:hover img{transform:scale(1.08)}.blog-card .card-header .card-image-thumbnail:hover:after{opacity:1}.blog-card .source-info{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:0;padding:0 1.5rem 1rem;display:flex}@media (max-width:48rem){.blog-card .source-info{justify-content:space-between;gap:.5rem;padding:0 1rem .5rem;font-size:.75rem;display:flex}}.blog-card .source-info .separator{color:#fff6;font-size:.85rem;font-weight:300}@media (max-width:48rem){.blog-card .source-info .separator{display:none}}.blog-card .source-info .source,.blog-card .source-info .published-time{color:#fffc;font-size:.85rem;font-weight:500}.blog-card .source-info .source.clickable{cursor:pointer}.blog-card .source-info .source.source-with-caret{align-items:center;gap:.25rem;display:inline-flex}.blog-card .source-info .source.source-with-caret .source-chevron{opacity:.85;transform:translateY(1px)}.blog-card .source-info .source.source-with-caret:hover .source-chevron{opacity:1}.blog-card .card-content{flex-direction:column;flex:1;padding:0 1.5rem 1.5rem;display:flex}@media (max-width:48rem){.blog-card .card-content{padding:0 1rem 1rem}.blog-card .card-content .card-summary{display:none}}.blog-card .card-content p{color:#ffffffd9;flex:1;margin-bottom:1.5rem;font-size:1rem;line-height:1.6}@media (max-width:48rem){.blog-card .card-content p{margin-bottom:1rem;font-size:.875rem;line-height:1.5}}.blog-card .card-content.expanded p{animation:.3s ease-in-out fadeIn}.blog-card .card-content .actions-container{overflow:hidden}@media (max-width:48rem){.blog-card .card-content .actions-container{margin:.75rem 0 0;display:flex;overflow:hidden}}.blog-card .card-content .actions-container .categories{flex-wrap:wrap;align-items:center;gap:.375rem;display:flex}.blog-card .card-content .actions-container .categories .category-tag{color:var(--category-tag-color);background:#6153bd4d;border:1px solid #6153bd80;border-radius:.75rem;padding:.25rem .5rem;font-size:.75rem;font-weight:500}@media (max-width:48rem){.blog-card .card-content .actions-container .categories .category-tag{text-overflow:ellipsis;white-space:nowrap;max-width:6rem;font-size:.8125rem;display:inline-block;overflow:hidden}}.blog-card .card-content .actions-container .feedback-actions{float:right;gap:.75rem;margin:3px 3px 3px 0;display:flex}@media (max-width:48rem){.blog-card .card-content .actions-container .feedback-actions{float:right;gap:5px;margin:0}}.blog-card .dive-in-section{float:left;margin:5px 0}@media (max-width:48rem){.blog-card .dive-in-section{display:none}}.blog-card .dive-in-section .dive-in-button{color:#3b82f6;cursor:pointer;background:0 0;border:none;align-items:center;gap:.5rem;padding:0;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex}@media (max-width:48rem){.blog-card .dive-in-section .dive-in-button{gap:.05rem;font-size:.9rem}}.blog-card .dive-in-section .dive-in-button:hover{color:#26c7fb;text-decoration:underline;transform:translateY(-1px)}.blog-card .dive-in-section .dive-in-button:active{transform:scale(.98)}.blog-card .dive-in-section .dive-in-button .dive-in-arrow{color:#3b82f6;transition:transform .3s}.blog-card .dive-in-section .dive-in-button .dive-in-arrow.rotated{transform:rotate(180deg)}.blog-card .dive-in-section .dive-in-button:hover .dive-in-arrow{color:#26c7fb;transform:translate(3px)}.blog-card .markdown-content{flex:1;animation:.3s ease-in-out fadeIn}.blog-card .markdown-content p{color:var(--text-color);margin-bottom:1rem;font-size:1rem;line-height:1.6}.blog-card .markdown-content p:last-child{margin-bottom:1.5rem}.blog-card .markdown-content strong{color:var(--text-color);font-weight:600}.blog-card .markdown-content em{color:var(--text-color-secondary);font-style:italic}.blog-card .markdown-content ul,.blog-card .markdown-content ol{margin-bottom:1rem;margin-left:1.5rem}.blog-card .markdown-content ul li,.blog-card .markdown-content ol li{color:var(--text-color);margin-bottom:.5rem;line-height:1.6}.blog-card .markdown-content blockquote{border-left:3px solid var(--link-color);color:var(--text-color-secondary);margin:1rem 0;padding-left:1rem;font-style:italic}.blog-card .markdown-content h1,.blog-card .markdown-content h2,.blog-card .markdown-content h3,.blog-card .markdown-content h4,.blog-card .markdown-content h5,.blog-card .markdown-content h6{color:var(--text-color);margin-bottom:.75rem;font-weight:600}.blog-card .markdown-content h1{font-size:1.5rem}.blog-card .markdown-content h2{font-size:1.25rem}.blog-card .markdown-content h3{font-size:1.125rem}.blog-card .markdown-content h4{font-size:1rem}.blog-card .markdown-content h5{font-size:.875rem}.blog-card .markdown-content h6{font-size:.75rem}.blog-card .read-more-section{justify-content:center;margin-top:auto;display:flex}@media (max-width:48rem){.blog-card .read-more-section .read-more-button{padding:.25rem 0;font-size:.875rem}}.blog-card .read-more-section .read-more-button{color:var(--button-text-color);cursor:pointer;text-align:center;background:#6153bd;border:none;width:100%;max-width:none;padding:.2rem 0;font-size:1rem;font-weight:400;text-decoration:none;transition:all .2s;display:block}.blog-card .read-more-section .read-more-button:hover{background:#50459f;box-shadow:0 4px 12px #0003}.blog-card .read-more-section .read-more-button:active{transform:translateY(0)}.end-message{text-align:center;background:#2c264266;border:1px solid #6153bd33;border-radius:1rem;margin-top:1.5rem;padding:3rem;box-shadow:0 12px 36px #0003}.end-message .end-title{color:#fff;margin-bottom:.75rem;font-size:1.5rem;font-weight:600}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}