/* Doplňky k web/site.css pro blog a stránku cookies (stránky vykresluje aplikace do kostry webu). Barvy z proměnných webu. */
.blog-index { max-width:1080px; }
.posts { display:grid; gap:14px; grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr)); margin-top:14px; }
a.card.post { display:block; color:var(--ink); text-decoration:none; }
a.card.post:hover { border-color:var(--brand); }
a.card.post h2 { font-size:19px; line-height:1.3; margin:6px 0 6px; }
a.card.post p { margin-top:0; }
.article .meta { color:var(--muted); font-size:14px; margin-top:10px; }
.article .crumb { color:var(--muted); font-size:14px; margin-top:10px; }
.article .crumb a { color:var(--muted); }
.article .answer { background:var(--soft); border-radius:14px; padding:14px 18px; margin-top:18px; }
.article .answer ul { margin-top:6px; }
.article .chips { display:flex; flex-wrap:wrap; gap:8px; margin-top:16px; }
.article .chips a { display:inline-flex; align-items:center; gap:6px; min-height:40px; padding:0 14px; border-radius:99px; border:1px solid var(--line); background:var(--surface); color:var(--ink); text-decoration:none; font-size:15px; }
.article .chips a span { color:var(--muted); }
.blog-cta { margin-top:36px; background:var(--surface); border:1px solid var(--line); border-radius:20px; padding:22px; }
.blog-cta h2 { margin-top:0; }
.blog-cta .btn { margin-top:6px; }
.blog-sources ol { padding-inline-start:22px; }
.blog-sources .note { font-size:14px; margin-top:14px; }
.blog-related, .blog-faq, .blog-sources { margin-top:8px; }
.article table th, .article table td { text-align:start; padding:8px 12px; border-bottom:1px solid var(--line); vertical-align:top; }
.article table th { background:var(--soft); }