body{background-color:var(--color-bg, #ededed)}.blog-page{background-color:var(--color-bg, #ededed);min-height:100vh;padding-top:80px}.blog-header,.blog-grid-section,.comments-section{height:auto;min-height:unset;display:block;align-items:unset;justify-content:unset;flex-direction:unset}.blog-header{max-width:1200px;margin:0 auto;padding:2.5rem 2rem 1.5rem}.blog-header-top{display:flex;align-items:baseline;gap:.75rem;margin-bottom:1rem}.blog-header-top h1{font-family:var(--font-primary, "big-caslon-fb", serif);font-size:clamp(2rem,4vw,2.8rem);color:var(--color-primary, #272f64);margin:0;text-align:left;max-width:none;font-weight:400}.blog-header-context{font-family:var(--font-secondary, "articulat-cf", sans-serif);color:var(--color-primary, #272f64);opacity:.5;font-size:1.1rem}.blog-filters{display:flex;flex-wrap:wrap;gap:.5rem}.filter-chip{padding:.4rem 1rem;border-radius:100px;border:1px solid var(--color-primary, #272f64);color:var(--color-primary, #272f64);font-family:var(--font-secondary, "articulat-cf", sans-serif);font-size:.85rem;text-decoration:none;transition:all .2s ease}.filter-chip:hover,.filter-chip.active{background-color:var(--color-primary, #272f64);color:#fff}.blog-grid-section{max-width:1200px;margin:0 auto;padding:0 2rem 4rem}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(340px,100%),1fr));gap:2rem}.blog-empty{text-align:center;padding:4rem 2rem;color:var(--color-primary, #272f64);opacity:.6;font-family:var(--font-secondary, "articulat-cf", sans-serif)}.blog-card{background:#fff;border-radius:8px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.blog-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #0000001a}.blog-card-link{text-decoration:none;display:block}.blog-card-image{width:100%;aspect-ratio:16 / 10;overflow:hidden;background-color:#ddd}.blog-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.blog-card:hover .blog-card-image img{transform:scale(1.05)}.blog-card-image-placeholder{display:flex;align-items:center;justify-content:center;color:#999;font-size:2.5rem}.blog-card-content{padding:1.25rem}.blog-card-category{font-family:var(--font-secondary, "articulat-cf", sans-serif);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-primary, #272f64);opacity:.6;margin-bottom:.5rem;display:inline-block}.blog-card-title{font-family:var(--font-primary, "big-caslon-fb", serif);font-size:1.3rem;color:var(--color-primary, #272f64);margin-bottom:.5rem;line-height:1.3}.blog-card-excerpt{font-family:var(--font-secondary, "articulat-cf", sans-serif);font-size:.9rem;color:#555;line-height:1.5;margin-bottom:.75rem}.blog-card-meta{font-family:var(--font-secondary, "articulat-cf", sans-serif);font-size:.8rem;color:#888;display:flex;gap:1rem}.blog-pagination{margin-top:3rem;display:flex;justify-content:center;max-width:100%;overflow:hidden}.blog-pagination nav{display:flex;flex-wrap:wrap;justify-content:center;gap:.25rem;max-width:100%}.blog-pagination nav>div:first-child{display:none}.blog-pagination nav>div:last-child{display:flex;justify-content:center;width:100%}.blog-pagination a,.blog-pagination span{padding:.4rem .8rem;border-radius:4px;font-size:.85rem;font-family:var(--font-secondary, "articulat-cf", sans-serif)}.blog-pagination a{color:var(--color-primary, #272f64);text-decoration:none;border:1px solid #ddd}.blog-pagination a:hover{background-color:var(--color-primary, #272f64);color:#fff}.post-hero-image{width:100%;max-height:500px;overflow:hidden}.post-hero-image img{width:100%;height:100%;object-fit:cover}.post-container{max-width:800px;margin:0 auto;padding:2rem}.post-header{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid #ddd}.post-category{font-family:var(--font-secondary, "articulat-cf", sans-serif);font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-primary, #272f64);opacity:.7;text-decoration:none;margin-bottom:.5rem;display:inline-block}.post-category:hover{opacity:1}.post-title{font-family:var(--font-primary, "big-caslon-fb", serif);font-size:clamp(2rem,4vw,3rem);color:var(--color-primary, #272f64);line-height:1.2;margin-bottom:1rem;text-align:left;max-width:none;font-weight:400}.post-meta{display:flex;gap:1.5rem;font-family:var(--font-secondary, "articulat-cf", sans-serif);font-size:.9rem;color:#777}.post-meta i{margin-right:.4rem}.post-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.post-tag{padding:.25rem .75rem;border-radius:100px;border:1px solid #ccc;font-family:var(--font-secondary, "articulat-cf", sans-serif);font-size:.8rem;color:#555;text-decoration:none;transition:all .2s ease}.post-tag:hover{border-color:var(--color-primary, #272f64);color:var(--color-primary, #272f64)}.post-body{font-family:var(--font-secondary, "articulat-cf", sans-serif);font-size:1.05rem;line-height:1.8;color:#333;overflow-wrap:break-word;word-break:break-word}.post-body h2{font-family:var(--font-primary, "big-caslon-fb", serif);font-size:1.8rem;color:var(--color-primary, #272f64);margin-top:2rem;margin-bottom:1rem}.post-body h3{font-family:var(--font-primary, "big-caslon-fb", serif);font-size:1.4rem;color:var(--color-primary, #272f64);margin-top:1.5rem;margin-bottom:.75rem}.post-body p{margin-bottom:1.25rem}.post-body img{max-width:100%;height:auto;border-radius:8px;margin:1.5rem 0}.post-body blockquote{border-left:4px solid var(--color-primary, #272f64);padding-left:1.5rem;margin:1.5rem 0;font-style:italic;color:#555}.post-body ul,.post-body ol{margin-bottom:1.25rem;padding-left:1.5rem}.post-body li{margin-bottom:.5rem}.post-body a{color:var(--color-primary, #272f64);text-decoration:underline}.post-body a:hover{opacity:.7}.post-body table{width:100%;border-collapse:collapse;margin:1.5rem 0;display:block;overflow-x:auto}.post-body th,.post-body td{border:1px solid #ddd;padding:.75rem;text-align:left}.post-body th{background-color:#f5f5f5;font-weight:600}.post-back{margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid #ddd}.post-back a{font-family:var(--font-secondary, "articulat-cf", sans-serif);color:var(--color-primary, #272f64);text-decoration:none;font-size:.9rem;transition:opacity .2s ease}.post-back a:hover{opacity:.7}.post-back i{margin-right:.5rem}.comments-section{margin-top:3rem;padding-top:2rem;border-top:2px solid #ddd}.comments-section h2{font-family:var(--font-primary, "big-caslon-fb", serif);font-size:1.6rem;color:var(--color-primary, #272f64);margin-bottom:1.5rem}.comments-list{margin-bottom:2rem}.comment{padding:1rem 0;border-bottom:1px solid #eee}.comment.reply{margin-left:2rem;padding-left:1rem;border-left:2px solid #eee}.comment-header{display:flex;align-items:center;gap:1rem;margin-bottom:.5rem}.comment-author{font-family:var(--font-secondary, "articulat-cf", sans-serif);color:var(--color-primary, #272f64);font-size:.95rem}.comment-date{font-family:var(--font-secondary, "articulat-cf", sans-serif);font-size:.8rem;color:#999}.comment-body{font-family:var(--font-secondary, "articulat-cf", sans-serif);font-size:.95rem;color:#444;line-height:1.6}.comment-reply-btn{background:none;border:none;color:var(--color-primary, #272f64);font-size:.8rem;cursor:pointer;padding:.25rem 0;margin-top:.25rem;font-family:var(--font-secondary, "articulat-cf", sans-serif)}.comment-reply-btn:hover{text-decoration:underline}.comment-replies{margin-top:.5rem}.comment-form-section{margin-top:2rem}.comment-form-section h3{font-family:var(--font-primary, "big-caslon-fb", serif);font-size:1.3rem;color:var(--color-primary, #272f64);margin-bottom:1rem}.comment-submit-form{position:relative}.comment-form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.comment-form-group{margin-bottom:1rem}.comment-form-group label{display:block;font-family:var(--font-secondary, "articulat-cf", sans-serif);font-size:.85rem;color:#555;margin-bottom:.3rem}.comment-form-group input,.comment-form-group textarea{width:100%;padding:.6rem .8rem;border:1px solid #ccc;border-radius:4px;font-family:var(--font-secondary, "articulat-cf", sans-serif);font-size:.95rem;transition:border-color .2s ease}.comment-form-group input:focus,.comment-form-group textarea:focus{outline:none;border-color:var(--color-primary, #272f64)}.btn-comment-submit{padding:.6rem 1.5rem;background-color:var(--color-primary, #272f64);color:#fff;border:none;border-radius:4px;font-family:var(--font-secondary, "articulat-cf", sans-serif);font-size:.9rem;cursor:pointer;transition:opacity .2s ease}.btn-comment-submit:hover{opacity:.85}.btn-comment-submit:disabled{opacity:.5;cursor:not-allowed}.form-message{padding:.75rem 1rem;border-radius:4px;margin-bottom:1rem;font-family:var(--font-secondary, "articulat-cf", sans-serif);font-size:.9rem}.form-message.success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.form-message.error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.reply-form{margin-top:.75rem;padding:1rem;background:#f9f9f9;border-radius:6px}.site-footer{width:100%;background:#ededed;color:#94a3b8;padding:3rem 2rem;text-align:center}.footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem;margin-bottom:3rem}.footer-links a{font-family:articulat-cf,sans-serif;font-size:.875rem;color:#94a3b8;text-decoration:none;transition:color .3s ease}.footer-links a:hover{color:#64748b}.footer-social{display:flex;justify-content:center;gap:1.5rem;margin-bottom:1.5rem}.footer-social a{font-size:1.25rem;color:#94a3b8;text-decoration:none;transition:color .3s ease}.footer-social a:hover{color:#64748b}.footer-copyright{font-family:articulat-cf,sans-serif;font-size:.75rem;color:#64748b;margin:0}@media (max-width: 1024px){.blog-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.blog-page{padding-top:60px}.blog-header{padding:1.5rem 1rem 1rem}.blog-header-top h1{font-size:1.8rem}.blog-grid-section{padding:0 1rem 3rem}.blog-grid{grid-template-columns:1fr;gap:1.5rem}.post-hero-image{max-height:280px}.post-container{padding:1.5rem 1rem}.post-meta{flex-wrap:wrap;gap:.5rem 1rem;font-size:.85rem}.comment-form-row{grid-template-columns:1fr}.comment.reply{margin-left:1rem}.comments-section h2{font-size:1.3rem}.post-body{font-size:1rem}.post-body h2{font-size:1.4rem}.post-body h3{font-size:1.2rem}}@media (max-width: 480px){.blog-header{padding:1.25rem .75rem .75rem}.blog-header-top{flex-direction:column;gap:.25rem}.blog-header-top h1{font-size:1.6rem}.filter-chip{font-size:.8rem;padding:.3rem .75rem}.blog-card-title{font-size:1.15rem}.blog-card-content{padding:1rem}.blog-grid-section{padding:0 .75rem 2rem}.post-hero-image{max-height:200px}.post-container{padding:1rem .75rem}.comment-header{flex-direction:column;align-items:flex-start;gap:.25rem}}