.blog-container{max-width:95%;margin:40px auto;padding:20px;font-family:'Arial',sans-serif}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem;padding:1rem 0;margin:0}.blog-title{text-align:center;margin-bottom:40px;color:#333}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem;padding:1rem 0;margin:20px}.blog-card{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,0.1);display:flex;flex-direction:column;font-size:.9rem;opacity:1 !important;visibility:visible !important;transform:translateY(0);transition:transform .4s ease,box-shadow .4s ease;display:flex;flex-direction:column;height:100%;position:relative;cursor:pointer}.stretched-link::after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;content:""}.blog-card:hover{transform:translateY(-5px);box-shadow:0 8px 15px rgba(0,0,0,0.12);background-color:rgba(255,255,255,0.05)}.blog-card .button{position:relative;z-index:2}.blog-content{padding:1rem;flex:1 0 auto;display:flex;flex-direction:column;justify-content:flex-start}.blog-content h3{font-size:1.1rem;margin-bottom:.5rem}.read-more{margin-top:auto;padding-top:10px;font-size:.85rem;font-weight:bold;text-decoration:none !important;border-bottom:none !important;box-shadow:none !important;color:#085a8d}.blog-footer{margin-top:0;padding:.75rem 1rem;border-top:1px solid #f0f0f0;position:relative;z-index:10}.blog-image{width:100%;height:150px;overflow:hidden;background:#f0f0f0;display:flex;align-items:center;justify-content:center}.blog-image img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.interaction-group{display:flex;gap:20px;align-items:center;justify-content:center}.icon-only{background:none !important;border:none !important;padding:0 !important;margin:0 !important;box-shadow:none !important;cursor:pointer;display:flex;align-items:center;gap:6px;color:#888;transition:color .2s ease,transform .1s ease;width:auto !important;min-width:0 !important;max-width:fit-content !important;flex:0 1 auto !important;margin-right:0 !important;text-align:left !important}.icon-only i{font-size:1.1rem;min-width:1.1rem;min-height:1.1rem;display:inline-block}.icon-only .count{font-size:.85rem;font-family:inherit}.icon-only:hover{color:#085a8d}.icon-only:active{transform:scale(0.9)}.like-btn{transition:transform .2s ease,color .2s ease;display:inline-block !important;cursor:pointer;position:relative;z-index:11}.like-btn{display:inline-block !important;transition:transform .2s ease}@keyframes shake{0%{transform:translateX(0)}25%{transform:translateX(-5px)}50%{transform:translateX(5px)}75%{transform:translateX(-5px)}100%{transform:translateX(0)}}button.like-btn.already-liked{animation:shake .4s ease-in-out !important;color:#e74c3c !important}.like-btn:hover{transform:scale(1.2);color:#3498db}.like-btn.clicked{animation:pop .3s ease-out}@keyframes pop{0%{transform:scale(1)}50%{transform:scale(1.4)}100%{transform:scale(1)}}.like-btn i.fa-solid{color:#e74c3c}.like-btn.voted i{color:#e74c3c}.action-share{transition:all .3s ease;cursor:pointer;background:0;border:0;padding:0;display:flex !important;position:relative;z-index:11}.share-success{background-color:#d4edda !important;border-color:#c3e6cb !important;color:#155724 !important}.action-share i.fa-check{animation:popIn .3s ease}@keyframes popIn{0%{transform:scale(0)}100%{transform:scale(1)}}.breadcrumb{margin-bottom:.5rem;font-size:.9rem;overflow:hidden}.breadcrumb ol{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap}.breadcrumb li{display:flex;align-items:center}.breadcrumb li:not(:last-child)::after{content:"\f105";font-family:"Font Awesome 5 Free";font-weight:900;margin:0 10px;color:#ccc}.breadcrumb li a{text-decoration:none;border-bottom:0;color:#888;transition:color .2s}.breadcrumb li a:hover{color:#58c3ad}.breadcrumb li.active{color:#333;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#nav+#main{background-color:white;padding:2em}@media screen and (max-width:980px){#main{width:100% !important;max-width:100% !important;margin-top:100px !important;border-radius:0 !important;padding:1em !important}}.image.main img{width:50%;display:block;margin-left:auto;margin-right:auto}.post-detail strong{color:#2c3e50;font-weight:800;display:inline-block;text-transform:none}form div,.form-group{margin-bottom:20px !important}#main input[type="submit"],#main button[type="submit"]{width:auto !important;align-self:flex-start;margin-top:20px !important;display:inline-block !important}.blog_comment{margin:10px;font-size:15px}.blog_comment strong{text-transform:none !important}sup a{text-decoration:none;color:#007bff;font-weight:bold;padding:0 2px}sup a:hover{text-decoration:underline}#source-note,.footnote,#source-note p,.footnote p,#source-note strong,.footnote strong{font-size:1.1rem !important;color:#888;line-height:1.5}#source-note p:first-child strong{font-size:1.25rem !important;color:#333;display:block;margin-bottom:5px}#source-note{margin-top:40px;padding-top:20px;border-top:1px solid #eee}#source-note strong{color:#333}#source-note a{font-size:.7em;text-transform:uppercase;text-decoration:none;color:#999}#source-note a:hover{color:#333}#source-ref{scroll-margin-top:120px}@keyframes highlight{0%{background-color:rgba(255,255,0,0.5)}100%{background-color:transparent}}.reply-btn{background:0;border:0;color:#007bff;text-decoration:underline;cursor:pointer;font-size:.9rem;padding:1;margin:0 5px;font-family:inherit;display:inline;line-height:inherit;width:auto;height:auto;min-width:0;box-sizing:border-box}.reply-btn:hover{color:#0056b3;text-decoration:none}.nav-arrow{border:0;background:#333;font-size:20px;padding:0;width:50px;height:50px;border-radius:50%;cursor:pointer;transition:background-color .3s;color:white;display:flex;align-items:center;justify-content:center;box-sizing:border-box;margin-bottom:20px}.nav-arrow i{color:white;font-weight:900}.nav-arrow:hover{background-color:#333}.nav-arrow:active{transform:scale(0.95)}.centered-nav{display:flex;justify-content:center;gap:40px}.logo{cursor:pointer}@media(max-width:768px){.nav-arrow{width:40px;height:40px;font-size:16px}.breadcrumb ol{flex-wrap:nowrap}.breadcrumb li.active span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.breadcrumb li.active{flex:0 1 120px;max-width:120px;min-width:0}.image.main img{width:100%}}@media screen and (max-width:480px){.post-detail header h1{font-size:1.5em !important}}.btn-submit{background-color:#007bff;color:white;border:0;padding:0 10px;border-radius:4px;cursor:pointer;font-size:16px;transition:background-color .3s}.btn-submit:hover{background-color:#0056b3}.approve-btn,.reject-btn{color:white;border:0;padding:5px 10px;border-radius:4px;cursor:pointer;font-size:14px;margin:0 5px}.approve-btn{background-color:#28a745}.approve-btn:hover{background-color:#218838}.reject-btn{background-color:#dc3545}.reject-btn:hover{background-color:#c82333}.post-detail header h1{font-family:'Roboto Slab',serif;font-size:2.5rem;font-weight:700;line-height:1.2}.summary{font-family:'Lato',sans-serif;font-style:italic;font-weight:400;font-size:1.60rem;line-height:1.4}.post-detail p.content{font-family:'Georgia',serif;font-size:1rem;line-height:1.6;font-weight:400}.external-link-symbol{font-size:.7em;vertical-align:middle}