.compact-blog-container h4{font-size:22px;font-weight:400;-webkit-text-decoration:underline red;text-decoration:underline red}.compact-blog-collection ul{color:var(--primary);margin:5px 0;padding-left:0;list-style:none}.compact-blog-collection ul:hover{color:var(--tertiary);text-decoration:underline}.compact-blog-collection ul li{border:1px solid var(--primary);padding:10px}.compact-blog-collection ul li:hover{border:1px solid var(--tertiary)}
.auth-modal-overlay{z-index:1000;background:#000000b3;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.auth-modal{background:#fff;border-radius:12px;width:100%;max-width:450px;padding:2.5rem;animation:.3s slideIn;position:relative;box-shadow:0 20px 60px #0000004d}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.close-button{color:#999;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:2rem;transition:all .3s;display:flex;position:absolute;top:1rem;right:1rem}.close-button:hover{color:#333;background:#f5f5f5}.auth-header{text-align:center;margin-bottom:2rem}.auth-header h2{color:#111;margin-bottom:.5rem;font-family:Crimson Pro,serif;font-size:2rem}.auth-header p{color:#666;font-family:Inter,sans-serif;font-size:.95rem}.auth-form{flex-direction:column;gap:1.25rem;display:flex}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-group label{color:#333;font-family:Inter,sans-serif;font-size:.9rem;font-weight:500}.form-group input{border:1px solid #ddd;border-radius:6px;padding:.875rem;font-family:Inter,sans-serif;font-size:1rem;transition:border-color .3s}.form-group input:focus{border-color:var(--primary,#ae0e19);outline:none}.error-message{color:#c33;background:#fee;border:1px solid #fcc;border-radius:6px;padding:.75rem;font-family:Inter,sans-serif;font-size:.9rem}.submit-button{background:var(--primary,#ae0e19);color:#fff;cursor:pointer;border:none;border-radius:6px;margin-top:.5rem;padding:1rem;font-family:Inter,sans-serif;font-size:1rem;font-weight:600;transition:all .3s}.submit-button:hover:not(:disabled){background:#8b0b14;transform:translateY(-2px);box-shadow:0 4px 12px #ae0e194d}.submit-button:disabled{opacity:.6;cursor:not-allowed}.auth-footer{text-align:center;border-top:1px solid #eee;margin-top:1.5rem;padding-top:1.5rem}.auth-footer p{color:#666;font-family:Inter,sans-serif;font-size:.9rem}.switch-mode-link{color:var(--primary,#ae0e19);cursor:pointer;background:0 0;border:none;font-family:Inter,sans-serif;font-weight:600;text-decoration:underline}.switch-mode-link:hover{color:#8b0b14}
.comments-section{border-top:1px solid #eee;margin-top:4rem;padding-top:3rem}.comments-title{color:#111;margin-bottom:2rem;font-family:Crimson Pro,serif;font-size:1.8rem}.comments-loading{text-align:center;color:#666;padding:2rem;font-style:italic}.no-comments{text-align:center;color:#888;background:#f9f9f9;border-radius:8px;padding:2rem;font-style:italic}.comments-list{margin-bottom:3rem}.comment-item{background:#fff;border:1px solid #eee;border-radius:8px;margin-bottom:1.5rem;padding:1.5rem;transition:box-shadow .3s}.comment-item:hover{box-shadow:0 4px 12px #0000000d}.comment-reply{border-left:3px solid var(--primary,#ae0e19);background:#fafafa;margin-top:1rem;margin-left:2rem}.comment-header{margin-bottom:1rem}.comment-author{align-items:center;gap:1rem;display:flex}.comment-avatar{object-fit:cover;border-radius:50%;width:48px;height:48px}.comment-meta{flex-direction:column;gap:.25rem;display:flex}.author-name{color:#111;font-family:Inter,sans-serif;font-size:1rem;font-weight:600}.comment-date{color:#666;font-family:Inter,sans-serif;font-size:.85rem}.comment-content{color:#444;font-family:Inter,sans-serif;font-size:.95rem;line-height:1.6}.comment-content p{margin:.5rem 0}.comment-replies{margin-top:1rem}.comment-form-container{background:#f9f9f9;border:1px solid #eee;border-radius:8px;margin-top:2rem;padding:2rem}.comment-form-container h4{color:#111;margin-bottom:1.5rem;font-family:Crimson Pro,serif;font-size:1.5rem}.login-required{text-align:center;background:#f9f9f9;border:2px dashed #ddd;border-radius:8px;padding:2rem}.login-required p{color:#666;margin-bottom:1rem;font-family:Inter,sans-serif}.login-button{background:var(--primary,#ae0e19);color:#fff;cursor:pointer;border:none;border-radius:4px;padding:.875rem 2rem;font-family:Inter,sans-serif;font-size:1rem;font-weight:600;transition:all .3s}.login-button:hover{background:#8b0b14;transform:translateY(-2px);box-shadow:0 4px 12px #ae0e194d}.logged-in-as{color:#666;border-left:3px solid var(--primary,#ae0e19);background:#f0f9ff;border-radius:4px;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:.75rem;font-family:Inter,sans-serif;font-size:.9rem;display:flex}.logged-in-as strong{color:#111}.logout-link{color:var(--primary,#ae0e19);cursor:pointer;background:0 0;border:none;padding:.25rem .5rem;font-family:Inter,sans-serif;font-size:.85rem;font-weight:600;text-decoration:underline;transition:color .3s}.logout-link:hover{color:#8b0b14}.comment-form{flex-direction:column;gap:1.5rem;display:flex}.form-row{grid-template-columns:1fr;gap:1rem;display:grid}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-group label{color:#333;font-family:Inter,sans-serif;font-size:.9rem;font-weight:500}.form-group input,.form-group textarea{border:1px solid #ddd;border-radius:4px;padding:.75rem;font-family:Inter,sans-serif;font-size:1rem;transition:border-color .3s}.form-group input:focus,.form-group textarea:focus{border-color:var(--primary,#ae0e19);outline:none}.form-group textarea{resize:vertical;min-height:120px}.submit-message{border-radius:4px;padding:.75rem;font-family:Inter,sans-serif;font-size:.9rem}.submit-message.success{color:#155724;background:#d4edda;border:1px solid #c3e6cb}.submit-message.error{color:#721c24;background:#f8d7da;border:1px solid #f5c6cb}.submit-button{background:var(--primary,#ae0e19);color:#fff;cursor:pointer;border:none;border-radius:4px;align-self:flex-start;padding:.875rem 2rem;font-family:Inter,sans-serif;font-size:1rem;font-weight:600;transition:all .3s}.submit-button:hover:not(:disabled){background:#8b0b14;transform:translateY(-2px);box-shadow:0 4px 12px #ae0e194d}.submit-button:disabled{opacity:.6;cursor:not-allowed}@media (min-width:768px){.form-row{grid-template-columns:1fr 1fr}.comment-reply{margin-left:3rem}}
.scroll-progress-container{z-index:1000;background-color:#0000001a;width:100%;height:3px;position:fixed;top:0;left:0}.scroll-progress-bar{background:linear-gradient(90deg,var(--secondary)0%,var(--tertiary)100%);height:100%;transition:width .1s ease-out}.post-featured-section{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.post-featured-section img{object-fit:cover;filter:brightness(.8);width:100%;height:512px}.post-featured-section h1{text-shadow:0 0 10px #000000b0}.header-content{color:#fff;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute}.header-content h1{width:80%}.single-post{max-width:1200px;margin:0 auto;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}.post-header{margin-bottom:30px}.post-categories{margin-bottom:15px}.category-tag{color:#333;background:#f0f0f0;border-radius:4px;margin-bottom:8px;margin-right:8px;padding:4px 12px;font-size:.85em;display:inline-block}.post-title{color:#333;margin:15px 0;font-size:2.5em;line-height:1.2}.post-excerpt{color:#666;margin-bottom:20px;font-size:1.2em}.post-meta{border-bottom:3px solid #eee;margin-bottom:30px;padding-bottom:20px}.author-info{align-items:center;gap:12px;display:flex}.author-name{color:#333;font-size:1.1em;font-weight:600;line-height:.5}.post-details{color:#666;gap:15px;margin-top:4px;font-size:.9em;display:flex}.post-body{display:flex;position:relative}.post-left-side{width:80%}.post-sidebar{width:30%;margin-left:50px;padding:20px;position:sticky;top:0}.post-content{color:#333;font-size:1.1em;line-height:1.7}.post-content:first-letter{color:var(--primary);font-size:200%;font-weight:700}.post-content a{color:var(--primary);font-style:italic;text-decoration:underline}.post-content p{text-align:inherit;text-justify:inter-word;margin:32px 0;font-size:20px}.post-content blockquote{border-left:4px solid var(--primary);background:#f9f9f9;margin:20px 0;padding:15px 20px;font-style:italic}.post-footer{border-top:1px solid #eee;margin-top:40px;padding-top:30px}.post-tags,.post-share,.author-bio{margin-bottom:30px}.post-tags h4,.post-share h4,.author-bio h4{color:#333;margin-bottom:15px}.tags-list{flex-wrap:wrap;gap:8px;display:flex}.tag-item{color:#1976d2;background:#e3f2fd;border-radius:20px;padding:6px 12px;font-size:.9em}.share-buttons{gap:10px;display:flex}.share-button{color:#333;cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:4px;padding:8px 16px;text-decoration:none;transition:all .2s}.share-button:hover{background:#f5f5f5;border-color:#999}.share-button.twitter:hover{color:#fff;background:#1da1f2;border-color:#1da1f2}.share-button.facebook:hover{color:#fff;background:#4267b2;border-color:#4267b2}.share-button.linkedin:hover{color:#fff;background:#0a66c2;border-color:#0a66c2}.author-bio-content{align-items:flex-start;gap:20px;display:flex}.author-bio-text h5{color:#333;margin:0 0 10px}.author-website{color:#007cba;font-weight:500;text-decoration:none}.single-post-loading,.single-post-error{margin:0 auto}.skeleton-cover-image{background:#f0f0f0;border-radius:4px;max-width:100%;height:512px;margin-bottom:15px;animation:1.5s ease-in-out infinite pulse}.loading-skeleton{flex-direction:column;align-items:center;animation:1.5s ease-in-out infinite pulse;display:flex}.skeleton-title,.skeleton-meta,.skeleton-image,.skeleton-content{background:#f0f0f0;border-radius:4px;max-width:800px;margin:20px 20px 15px}.skeleton-title{width:80%;height:40px}.skeleton-meta{width:60%;height:20px}.skeleton-image{width:100%;height:300px}.skeleton-content{width:100%;height:20px}.skeleton-content.short{width:70%}.post-meta .author-info{width:100%}.authors-list{flex-direction:column;gap:1rem;width:100%;display:flex}.author-item{justify-content:center;align-items:center;gap:.75rem;display:flex}.author-item .author-avatar{border-radius:50%;flex-shrink:0;width:64px;height:64px}.author-item .author-details-blog{flex:1}.author-item .author-name{color:#333;margin-bottom:.5rem;font-size:1rem;font-weight:600;display:block}.author-item .author-name:hover{color:#06c}.author-item:first-child .post-details{color:#666;flex-wrap:wrap;gap:1rem;margin-top:.25rem;font-size:.875rem;display:flex}.post-details>span:not(:last-child):after{content:"•";color:#999;margin-left:1rem}.authors-bio-section{border-top:1px solid #e0e0e0;margin-top:2rem;padding-top:2rem}.authors-bio-section>h4{color:#333;margin-bottom:1.5rem;font-size:1.25rem}.author-bio{margin-bottom:2rem}.author-bio:last-child{margin-bottom:0}.author-bio-content{background:#f9f9f9;border-radius:8px;gap:1.5rem;padding:1.5rem;display:flex}.author-bio-avatar{border-radius:50%;flex-shrink:0;width:96px;height:96px}.author-bio-text{flex:1}.author-bio-text h5{color:#333;margin-bottom:.5rem;font-size:1.125rem}.author-bio-text p{color:#666;margin-bottom:.75rem;line-height:1.6}.author-website{color:#06c;margin-top:.5rem;font-size:.875rem;font-weight:500;text-decoration:none;display:inline-block}.author-website:hover{text-decoration:underline}@media (max-width:768px){.authors-list{gap:.75rem}.author-item .author-avatar{width:40px;height:40px}.author-item .author-name{font-size:.9rem}.post-details{font-size:.8rem!important}.author-bio-content{flex-direction:column;gap:1rem;padding:1rem}.author-bio-avatar{width:80px;height:80px}}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}@media (max-width:768px){.single-post{padding:50px}.post-title{font-size:2em}.post-details{flex-direction:column;gap:8px}.author-bio-content{text-align:center;flex-direction:column;align-items:center}.post-body{flex-direction:column}.post-body .post-left-side{width:100%}.post-body .post-sidebar{display:none}.post-content p{text-align:justify}.share-buttons{flex-wrap:wrap}}@media (max-width:460px){.single-post{padding:15px}}