/* Blog — inherits variables + base from ../css/style.css. Article + list styles. */

.blog-head{background:var(--grey-50);border-bottom:1px solid var(--line-soft);padding:64px 0 56px;text-align:center}
.blog-head h1{font-size:2.7rem;margin-bottom:12px}
.blog-head p{color:var(--muted);font-weight:300;max-width:640px;margin:0 auto}

/* ---- Post list (index) ---- */
.post-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:28px;padding:64px 0}
.post-card{background:#fff;border:1px solid var(--line-soft);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;display:flex;flex-direction:column;transition:transform .25s,box-shadow .25s}
.post-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}
.post-card .pc-body{padding:26px 26px 28px;display:flex;flex-direction:column;flex:1}
.post-card .tag{font-family:var(--sans);font-size:.66rem;font-weight:500;letter-spacing:.24em;text-transform:uppercase;color:var(--gold);margin-bottom:10px}
.post-card h2{font-size:1.5rem;line-height:1.25;margin-bottom:10px}
.post-card p{color:var(--muted);font-size:.96rem;font-weight:300;flex:1;margin-bottom:18px}
.post-card a.pc-link{font-family:var(--sans);font-size:.78rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--navy)}
.post-card a.pc-link:hover{color:var(--gold)}

/* ---- Article ---- */
.article-wrap{max-width:768px;margin:0 auto;padding:0 24px}
.article{padding:64px 0 40px}
.article .eyebrow{text-align:left}
.article h1{font-size:2.5rem;line-height:1.15;margin:6px 0 20px}
.article .lede{font-size:1.18rem;color:var(--ink-soft);font-weight:300;line-height:1.7;margin-bottom:8px}
.article h2{font-size:1.7rem;margin:38px 0 14px}
.article p{color:var(--ink-soft);line-height:1.85;margin-bottom:16px}
.article ul{margin:0 0 18px 0;padding-left:20px}
.article li{color:var(--ink-soft);line-height:1.8;margin-bottom:8px}
.article blockquote{border:none;margin:26px 0;padding:0 0 0 22px;border-left:3px solid var(--gold)}
.article blockquote p{font-family:var(--serif);font-size:1.35rem;font-style:italic;color:var(--navy);line-height:1.5}
.article .faq{margin-top:14px}
.article .faq .q{font-family:var(--serif);font-size:1.2rem;color:var(--navy);margin:20px 0 4px}
.article .disclaimer{margin-top:36px;padding:18px 22px;background:var(--grey-50);border:1px solid var(--line-soft);border-radius:var(--radius-sm);font-size:.9rem;color:var(--muted);line-height:1.7}
.taslak-note{margin-top:20px;padding:10px 16px;background:#FBF3E4;border:1px solid #E9D9B8;border-radius:var(--radius-sm);font-size:.82rem;color:#8A6D2F}
.article-cta{margin:34px 0 8px;padding:30px;background:var(--navy-deep);border-radius:var(--radius);text-align:center}
.article-cta h3{color:#fff;font-size:1.6rem;margin-bottom:8px}
.article-cta p{color:rgba(255,255,255,.8);font-weight:300;margin-bottom:18px}
.back-blog{display:inline-block;margin:30px 0 10px;font-family:var(--sans);font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.back-blog:hover{color:var(--navy)}

@media(max-width:640px){
  .blog-head h1{font-size:2rem}
  .article h1{font-size:1.9rem}
  .article h2{font-size:1.4rem}
}

/* language switcher (anchor-based, per-file) */
.lang-switch a.lang-btn{text-decoration:none;line-height:0;display:inline-flex}
.lang-switch a.lang-btn.active img{outline:2px solid var(--gold);border-radius:3px}