/* Blog – λίστα και άρθρο. Βασίζεται στα legacy.css / kb.css. */
.blog-hero{padding:48px 0 40px}
.blog-hero h1{max-width:760px}
.blog-list{padding:40px 0 64px}
.post-card{gap:10px}
.post-card__img{display:block;margin:-20px -20px 4px;border-radius:16px 16px 0 0;overflow:hidden;aspect-ratio:16/9;background:var(--a-soft,#e8f4fa)}
.post-card__img img{width:100%;height:100%;object-fit:cover;display:block}
.post-card__date{font-size:13px;font-weight:600;color:var(--a,#1e82b1)}
.post-card .post-card__title{margin:0;font-size:19px;line-height:1.25;color:var(--a-dark,#176a92);letter-spacing:-.01em}
.post-card__excerpt{font-size:14.5px;line-height:1.5;color:var(--muted,#5b6b7a)}
.blog-list .pagination,.blog-list .navigation.pagination{margin-top:32px}
.blog-list .nav-links{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;align-items:center}
.blog-list .page-numbers{padding:8px 14px;border-radius:999px;border:1px solid var(--line,#e3edf3);background:#fff;color:var(--a-dark,#176a92);text-decoration:none;font-weight:600;font-size:14px}
.blog-list .page-numbers.current,.blog-list .page-numbers:hover{background:var(--a,#1e82b1);border-color:var(--a,#1e82b1);color:#fff}

.blog-single{padding:32px 0 64px}
.blog-article{max-width:780px;margin:0 auto}
.blog-article__head{margin:12px 0 24px}
.blog-article__head h1{font-size:clamp(28px,4vw,44px);font-weight:800;line-height:1.12;letter-spacing:-.02em;color:var(--a-dark,#176a92);margin:0 0 10px}
.blog-article__img{margin:0 0 28px;border-radius:16px;overflow:hidden}
.blog-article__img img{width:100%;height:auto;display:block}
.blog-article__content{font-size:17px;line-height:1.7}
.blog-article__content img{max-width:100%;height:auto;border-radius:12px}
@media (max-width:600px){.blog-hero{padding:32px 0 28px}.blog-article__content{font-size:16px}}

/* Το «Additional CSS» του WP (βάση) έχει παλιούς κανόνες .single-post που πέφτουν στο <body>· τους ακυρώνουμε εδώ */
body.single-post{max-width:none;margin:0;padding:0}
body.single-post .site-footer p{font-size:inherit;line-height:inherit;color:inherit}
body.single-post .blog-article__head h1{font-size:clamp(28px,4vw,44px);margin:0 0 10px}
body.single-post .blog-article__content p{font-size:17px;line-height:1.7;color:var(--ink,#14283a)}
@media (max-width:600px){body.single-post .blog-article__content p{font-size:16px}}

/* Ίδια γραμματοσειρά (Roboto) με το υπόλοιπο site */
.blog-home,.blog-home h1,.blog-home h2,.blog-home p,.blog-home a,.blog-home span,.blog-home time,
.blog-single,.blog-single h1,.blog-single p,.blog-single a,.blog-single li,.blog-single h2,.blog-single h3,.blog-single span,.blog-single time{font-family:"Roboto",sans-serif}