/* KIRONA IA · blog : liste d'articles + page article (s'ajoute à kirona.css) */
.chips{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:26px}
.chip{font:600 12.5px var(--sans);color:var(--mute);background:transparent;border:1px solid var(--line2);
  padding:7px 14px;border-radius:99px;cursor:pointer;transition:all .2s var(--ease)}
.chip:hover{color:var(--ink);border-color:var(--line)}
.chip.sel{color:#fff;background:var(--accent);border-color:transparent;box-shadow:3px 3px 0 rgba(22,19,14,.85)}

.post-list{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
@media(max-width:760px){.post-list{grid-template-columns:1fr}}
.post-card{display:flex;flex-direction:column;gap:10px;background:var(--panel);border:1px solid var(--ink);border-radius:var(--radius);
  padding:22px;text-decoration:none;transition:transform .15s var(--ease),box-shadow .15s}
.post-card:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--accent)}
.post-card h3{font-family:var(--serif);font-size:clamp(19px,2vw,24px);line-height:1.2}
.post-card p{font-size:14px;color:var(--mute);line-height:1.6}
.post-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;font-size:11.5px;font-weight:700;
  letter-spacing:.06em;text-transform:uppercase;color:var(--mute)}
.post-type{padding:3px 10px;border:1px solid var(--accent);color:var(--primary-soft)}
.post-type.t-methode{background:var(--accent);color:#fff}

main.post{max-width:780px}
.crumbs{font-size:13px;color:var(--mute);margin-bottom:22px}
.crumbs a{color:var(--primary-soft);text-decoration:none}
.post h1{font-size:clamp(32px,4.6vw,52px);margin:16px 0 18px}
.post-intro{font-size:clamp(17px,1.6vw,20px);line-height:1.6;color:var(--ink)}
.post-author{margin-top:14px;font-size:13px;color:var(--mute);padding-bottom:26px;border-bottom:1px solid var(--ink)}
.post-body{margin-top:30px;font-size:17px;line-height:1.75}
.post-body h2{font-size:clamp(24px,2.8vw,32px);margin:42px 0 14px}
.post-body h3{font-family:var(--serif);font-size:21px;margin:28px 0 10px}
.post-body p,.post-body ul,.post-body ol{margin-bottom:18px}
.post-body ul,.post-body ol{padding-left:22px}
.post-body li{margin-bottom:8px}
.post-body a{color:var(--primary-soft)}
.post-body blockquote{margin:24px 0;padding:14px 18px;border-left:3px solid var(--accent);background:rgba(30,57,210,.06)}
.post-body table{width:100%;border-collapse:collapse;margin:20px 0;font-size:15px}
.post-body th,.post-body td{border:1px solid var(--line);padding:10px;text-align:left;vertical-align:top}
.post-body th{background:var(--panel-strong)}
.post-faq,.post-sources,.post-related{margin:48px 0 0}
.post-faq h2,.post-sources h2,.post-related h2{font-size:clamp(22px,2.6vw,30px)}
.post-sources ul{padding-left:20px;font-size:14px;line-height:1.9}
.post-sources a{color:var(--primary-soft)}
.post-cta{margin:56px 0 0;padding:30px;text-align:center;background:var(--panel-strong);border:2px solid var(--ink);box-shadow:6px 6px 0 var(--ink)}
.post-cta h2{font-size:clamp(22px,2.6vw,30px)}
.post-cta p{color:var(--mute);max-width:560px;margin:0 auto}
.post-cta .btnrow{margin-top:20px}
