.posts-container{max-width:1000px;margin:0 auto;padding:4rem 2rem;text-align:center;width:80%}.posts-container h1{margin-bottom:2rem;color:#fff;font-size:2.2rem}.posts-container h2{margin-bottom:1rem;color:#fff;font-size:1.8rem}.posts-container h3{margin-bottom:1rem;color:#fff;font-size:1.4rem}.posts-grid{display:grid;grid-template-columns:1fr;grid-gap:3rem;gap:3rem;margin-top:3rem;position:relative;z-index:1}.post-card{background-color:#1a1a2a;border-radius:8px;overflow:hidden;transition:transform .3s ease}.post-card:hover{transform:translateY(-5px)}.post-card .post-content{text-align:left;padding:0 2rem 2rem}.post-card .post-content h3{margin-bottom:1rem;color:#fff}.post-card .post-content .post-meta{color:#aaa;font-size:.9rem;margin-bottom:1rem}.post-card .post-content .post-excerpt{color:#fff;margin-bottom:1.5rem}.post-image{width:calc(100% + 4rem);min-width:calc(100% + 4rem);height:auto;object-fit:cover;background-color:#7cc;border-top-left-radius:.5rem;border-top-right-radius:.5rem;margin:0 -2rem;min-height:100px;max-height:300px}.close-button{float:right;background-color:transparent;border:none;color:#7cc;cursor:pointer;font-size:1.5rem;transition:color .3s ease}.close-button:hover{color:#fff}.post-links{display:flex;justify-content:stretch;margin-top:1rem}.post-link{display:block;width:100%;padding:.75rem 1rem;border:none;border-radius:4px;color:#fff;text-decoration:none;transition:all .3s ease;background-color:rgba(0,170,255,.1);cursor:pointer;font-size:1rem;text-align:center}.post-link:hover{background-color:rgba(0,170,255,.3)}.post-full-content{color:#fff;text-align:justify}.post-full-content .footnote-item{display:flex;align-items:flex-start;margin-bottom:1rem}.post-full-content .footnote-item .footnote-back-link{margin-right:.5rem;flex-shrink:0}.post-full-content .footnote-item .footnote-content{display:inline}.post-full-content .footnote-item .footnote-content p{display:inline;margin:0}.post-full-content h2:has(img),.post-full-content p:has(img){padding:1rem;border-radius:1rem;margin:0;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;background-color:#7cc}.post-full-content h2:has(img) img,.post-full-content p:has(img) img{max-width:100%;height:auto;background-color:#7cc}.post-full-content figure{display:flex;justify-content:center;align-items:center;flex-direction:column;margin-bottom:1rem;margin-left:auto;margin-right:auto}.post-full-content figure img{max-width:100%;height:auto;background-color:#7cc;border-radius:1rem;padding:1rem}.post-full-content figure table{background-color:transparent!important;justify-content:center;padding-left:auto;padding-right:auto;left:auto;right:auto}@media screen and (max-width:768px){.post-full-content figure table{transform:scale(.75);transform-origin:center}}.post-full-content figure a{color:#0af;text-decoration:underline;font-style:italic;font-family:Roboto,sans-serif;font-size:1.1rem}.post-full-content figure a:hover{color:#fff}.post-full-content ol,.post-full-content ul{margin-bottom:1rem;padding-left:1rem}.post-full-content i,.post-full-content li,.post-full-content p,.post-full-content strong{font-family:Roboto,sans-serif;font-size:1.1rem}@media(max-width:768px){.posts-container{padding:2rem 1rem;width:95%}.post-links{justify-content:center}}