.blog-page{background-color:var(--black);width:100%;min-height:100vh;padding:100px 30px 60px;display:block;position:relative}.blog-page .blog-header{text-align:center;max-width:1100px;margin:0 auto 40px}.blog-page .blog-header h1{color:var(--green);border-bottom:1px solid var(--green);margin-bottom:10px;padding-bottom:10px;font-size:32px}.blog-page .blog-header p{color:var(--white);letter-spacing:.5px;max-width:700px;margin:0 auto;font-size:15px;line-height:1.6}.blog-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;max-width:1100px;margin:0 auto;display:grid}.blog-card{background-color:var(--black-grey);color:inherit;border:1px solid #333;border-radius:10px;flex-direction:column;gap:12px;padding:22px;text-decoration:none;transition:transform .2s,border-color .2s;display:flex}.blog-card:hover{border-color:var(--green);transform:translateY(-4px)}.blog-card .category{background-color:var(--green);color:var(--white);letter-spacing:.5px;text-transform:uppercase;border-radius:4px;width:fit-content;padding:4px 10px;font-size:11px;display:inline-block}.blog-card h2{color:var(--white);margin:0;font-size:18px;line-height:1.35}.blog-card p{color:var(--white-silver);flex:1;font-size:13px;line-height:1.55}.blog-card .meta{color:var(--white-silver);border-top:1px solid #333;justify-content:space-between;align-items:center;margin-top:4px;padding-top:10px;font-size:12px;display:flex}.post-page{background-color:var(--black);width:100%;min-height:100vh;padding:100px 30px 60px;display:block;position:relative}.post-container{max-width:800px;color:var(--white);margin:0 auto}.post-container .breadcrumbs{color:var(--white-silver);margin-bottom:18px;font-size:12px}.post-container .breadcrumbs a{color:var(--green);text-decoration:none}.post-container .post-category{background-color:var(--green);color:var(--white);letter-spacing:.5px;text-transform:uppercase;border-radius:4px;margin-bottom:16px;padding:4px 10px;font-size:11px;display:inline-block}.post-container h1{color:var(--white);margin-bottom:14px;font-size:32px;line-height:1.25}.post-container .post-meta{color:var(--white-silver);border-bottom:1px solid #333;flex-wrap:wrap;gap:14px;margin-bottom:30px;padding-bottom:18px;font-size:13px;display:flex}.post-content{color:var(--white);font-size:16px;line-height:1.75}.post-content h2{color:var(--green);margin:36px 0 14px;font-size:24px}.post-content h3{color:var(--white);margin:28px 0 10px;font-size:19px}.post-content p{color:var(--white);margin-bottom:18px}.post-content ul,.post-content ol{margin:0 0 20px 24px}.post-content ul li{color:var(--white);margin-bottom:8px;list-style:outside}.post-content ol li{color:var(--white);margin-bottom:8px;list-style:decimal}.post-content strong{color:var(--green)}.post-content a{color:var(--green);text-decoration:underline}.post-content blockquote{border-left:3px solid var(--green);color:var(--white-silver);margin:20px 0;padding:6px 0 6px 16px;font-style:italic}.post-content code{background-color:var(--black-grey);color:var(--green);border-radius:4px;padding:2px 6px;font-size:14px}.post-content pre{background-color:var(--black-grey);border-radius:6px;margin:20px 0;padding:14px;overflow-x:auto}.post-content pre code{background:0 0;padding:0}.post-cta{background-color:var(--black-grey);border:1px solid var(--green);text-align:center;border-radius:10px;margin-top:50px;padding:24px}.post-cta h3{color:var(--green);margin-bottom:10px;font-size:20px}.post-cta p{color:var(--white);margin-bottom:16px;font-size:14px}.post-cta a{background-color:var(--green);color:var(--white);border-radius:6px;padding:10px 24px;font-size:14px;text-decoration:none;display:inline-block}.related-posts{max-width:800px;margin:50px auto 0}.related-posts h3{color:var(--green);border-bottom:1px solid var(--green);margin-bottom:18px;padding-bottom:8px;font-size:20px}.related-posts .related-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;display:grid}.latest-posts{width:100%;max-width:1100px;margin:40px auto;padding:0 10px}.latest-posts h2{color:var(--green);border-bottom:1px solid var(--green);margin-bottom:20px;padding-bottom:8px;font-size:24px}.latest-posts .latest-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px;display:grid}.latest-posts .see-all{color:var(--green);border:1px solid var(--green);border-radius:6px;margin-top:20px;padding:8px 18px;font-size:14px;text-decoration:none;display:inline-block}.latest-posts .see-all:hover{background-color:var(--green);color:var(--white)}@media (max-width:600px){.post-container h1{font-size:24px}.post-content{font-size:15px}.blog-page .blog-header h1{font-size:24px}}