/* Article pages rendered by server.mjs (/blog/{lang}/{slug}); builds on styles.css. */
body{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}
main{flex:1}
.post{padding-block:clamp(44px,6vw,84px)}
.nf-actions{display:flex;flex-wrap:wrap;gap:12px;margin:26px 0 0}
.post h1{font-size:clamp(30px,4vw,46px);margin-bottom:14px}
.post-top{display:flex;justify-content:space-between;gap:16px;font-size:14px;margin:0 0 18px}
.post-meta{display:flex;flex-wrap:wrap;gap:6px 18px;color:var(--muted);font-size:14px;margin:0 0 22px}
.post .lead{max-width:none;margin:0 0 26px}
.post-hero{margin:0 0 30px}
.post-hero img{width:100%;height:auto;border-radius:18px;display:block}
.post-body h2{font-size:clamp(24px,2.6vw,32px);margin:40px 0 14px}
.post-body h3{font-size:clamp(19px,2vw,24px);margin:28px 0 10px}
.post-body p,.post-body ul,.post-body ol{margin:0 0 16px}
.post-body ul,.post-body ol{padding-inline-start:1.3em}
.post-body li{margin-bottom:6px}
.post-body strong{color:var(--ink)}
.post-body img{max-width:100%;height:auto;border-radius:14px}
.post-body table{width:100%;border-collapse:collapse;margin:0 0 20px;font-size:15px}
.post-body th,.post-body td{border:1px solid var(--line);padding:10px 12px;text-align:start;vertical-align:top}
.post-body th{background:var(--cream)}
.post-body blockquote{margin:0 0 16px;padding:12px 18px;border-inline-start:3px solid var(--gold);background:var(--cream)}
.post-cta{margin:34px 0}
.post-faq,.post-refs{margin-top:40px}
.post-faq h2,.post-refs h2{font-size:clamp(22px,2.4vw,28px);margin-bottom:14px}
.post-faq details{border-bottom:1px solid var(--line);padding:14px 0}
.post-faq summary{cursor:pointer;font-weight:500;color:var(--ink)}
.post-faq details p{margin:10px 0 0;color:var(--ink-2)}
.post-refs ol{padding-inline-start:1.3em;font-size:14px;overflow-wrap:anywhere}
.post-list{list-style:none;margin:24px 0 0;padding:0}
.post-list li{border-bottom:1px solid var(--line)}
.post-list a{display:block;padding:20px 0;color:var(--ink)}
.post-list h2{font-size:clamp(20px,2.2vw,26px);margin-bottom:6px}
.post-list p{margin:0;color:var(--muted)}

/* readable measure, tables scroll inside body, tap targets */
.post-body,.post .lead{max-width:68ch}
.post-body{overflow-wrap:break-word}
.post-body table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
.post-body pre{overflow-x:auto;max-width:100%}
.post-top a{display:inline-flex;align-items:center;min-height:44px}
.post-faq summary{padding-block:6px;min-height:44px;display:flex;align-items:center}
.post-refs a{display:inline-block;padding-block:6px}
.post-cta .btn{white-space:normal;text-align:center}

@media(max-width:600px){.nf-actions{flex-direction:column;align-items:stretch}.nf-actions .btn{width:100%;white-space:normal}}