.blog-article{max-width:750px;margin:0 auto;padding:2rem 1.5rem 4rem}.blog-article h1{font-family:Playfair Display,Georgia,serif;font-size:2.4rem;color:var(--navy);margin-bottom:.75rem;line-height:1.3}.blog-article h2{font-family:Playfair Display,Georgia,serif;font-size:1.7rem;color:var(--navy);margin:2.5rem 0 .75rem;line-height:1.3}.blog-article h3{font-family:Playfair Display,Georgia,serif;font-size:1.3rem;color:var(--navy);margin:1.5rem 0 .5rem}.blog-article p{font-size:1.1rem;line-height:1.8;color:#2d2d2d;margin:0 0 1.25rem}.blog-article ul,.blog-article ol{margin:0 0 1.5rem 1.5rem}.blog-article li{font-size:1.05rem;line-height:1.7;margin-bottom:.5rem;color:#333}.blog-article strong{color:var(--navy)}.blog-meta{font-size:.9rem;color:#767676;margin-bottom:2rem;display:flex;gap:1.5rem;align-items:center;flex-wrap:wrap}.blog-meta .blog-tag{background:var(--gold-light, #f7f0e0);color:var(--gold-text, #9B7E1E);padding:.2rem .7rem;border-radius:20px;font-size:.8rem;font-weight:600}.blog-callout{background:linear-gradient(135deg,var(--cream, #fdfbf7),#f8f4ec);border:1px solid var(--gold, #D4AF37);border-radius:12px;padding:1.5rem;margin:2rem 0;text-align:center}.blog-related{background:#faf8f3;border:1px solid var(--gold-light, #f0e6cc);border-radius:12px;padding:1.25rem 1.5rem;margin:2rem 0 1rem}.blog-related h3{font-family:Playfair Display,Georgia,serif;font-size:1.15rem;color:var(--navy);margin:0 0 .75rem}.blog-related ul{list-style:none;padding:0;margin:0}.blog-related li{margin-bottom:.4rem}.blog-related a{color:var(--rose-text, #C95A5A);text-decoration:none;border-bottom:1px solid var(--gold-light, #f0e6cc)}.blog-related a:hover{border-bottom-color:var(--rose-text, #C95A5A)}.blog-langlink{color:var(--gray-600, #595959);font-size:.85rem;text-decoration:none;border-bottom:1px solid var(--gold-light, #f0e6cc)}.blog-langlink:hover{color:var(--navy);border-bottom-color:var(--navy)}.blog-callout p{margin:0 0 .75rem;font-size:1.05rem}.blog-article blockquote{border-left:3px solid var(--gold, #D4AF37);margin:1.5rem 0;padding:1rem 1.5rem;background:#faf8f3;border-radius:0 8px 8px 0;font-style:italic;color:#555}.blog-tip-list{counter-reset:tip-counter;list-style:none;padding:0;margin:1.5rem 0}.blog-tip-list li{counter-increment:tip-counter;position:relative;padding-left:3rem;margin-bottom:1.25rem}.blog-tip-list li:before{content:counter(tip-counter);position:absolute;left:0;top:0;width:2rem;height:2rem;background:var(--navy);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700}.blog-tools-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin:2rem 0}.blog-tool-card{background:var(--navy);color:#fff;padding:1.25rem;border-radius:10px;text-align:center;text-decoration:none;transition:transform .2s}.blog-tool-card:hover{transform:translateY(-3px)}.blog-tool-card .tool-icon{font-size:1.8rem;display:block;margin-bottom:.5rem}.blog-tool-card .tool-name{font-weight:600;font-size:.95rem}.blog-index{max-width:900px;margin:0 auto;padding:2rem 1.5rem 4rem}.blog-index h1{font-family:Playfair Display,Georgia,serif;font-size:2.5rem;color:var(--navy);text-align:center;margin-bottom:.5rem}.blog-index .blog-subtitle{text-align:center;color:#767676;margin-bottom:3rem;font-size:1.1rem}.blog-section-title{font-family:Playfair Display,Georgia,serif;font-size:1.5rem;color:var(--navy);margin:2.5rem 0 1rem;padding-bottom:.5rem;border-bottom:2px solid var(--gold, #D4AF37)}.blog-teaser-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.blog-teaser-card{background:#fff;border:1px solid #e8e4dc;border-radius:12px;padding:1.5rem;text-decoration:none;color:inherit;transition:box-shadow .2s,transform .2s}.blog-teaser-card:hover{box-shadow:0 4px 16px #00000014;transform:translateY(-2px)}.blog-teaser-card h3{font-family:Playfair Display,Georgia,serif;font-size:1.2rem;color:var(--navy);margin:0 0 .5rem}.blog-teaser-card .teaser-excerpt{font-size:.95rem;color:#555;line-height:1.6;margin:0 0 1rem}.blog-teaser-card .teaser-readmore{font-size:.85rem;color:var(--rose, #C95A5A);font-weight:600}@media (max-width: 600px){.blog-article h1{font-size:1.8rem}.blog-article h2{font-size:1.4rem}.blog-teaser-grid{grid-template-columns:1fr}}