/* Guides Parapheo (blog) : compléments à .doc-page. Thème clair par défaut, nuit via html[data-enc-theme=nuit]. */
.blog-ariane{font-size:13.5px;color:var(--enc-paper-muted,#4A5070);margin:0 0 18px}
.blog-ariane a{color:inherit;text-decoration:none;border-bottom:1px solid currentColor}
.blog-ariane span{opacity:.8}
.blog-resume{font-size:clamp(17px,2vw,19px);line-height:1.6;padding:18px 20px;border-left:4px solid var(--enc-blue,#1C2A6E);background:var(--enc-paper-2,#F4F6FC);border-radius:0 14px 14px 0;margin:22px 0 26px}
.blog-article h2{scroll-margin-top:calc(var(--pph-header-h,72px) + 16px)}
.blog-article h3{font-size:18px;margin:22px 0 6px}
.blog-article table{width:100%;border-collapse:collapse;margin:18px 0;font-size:15px}
.blog-article th,.blog-article td{border-bottom:1px solid var(--enc-paper-line,#DCE1F0);padding:10px 12px 10px 0;text-align:left;vertical-align:top}
.blog-article th{font-size:12.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--enc-paper-muted,#4A5070)}
.blog-article .table-scroll{overflow-x:auto}
.blog-outil{margin:34px 0;padding:22px 24px;border:1.5px solid var(--enc-blue,#1C2A6E);border-radius:16px;background:var(--enc-paper,#fff)}
.blog-outil b{display:block;font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--enc-blue,#1C2A6E);margin-bottom:6px}
.blog-outil p{margin:0 0 14px}
.blog-faq h3{margin-top:18px}
.blog-faq p{margin:0 0 6px}
.blog-sources{font-size:14.5px;padding-left:18px}
.blog-sources li{margin:6px 0}
.blog-sources small{color:var(--enc-paper-muted,#4A5070)}
.blog-liste{list-style:none;padding:0;margin:0 0 30px;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}
.blog-liste a{display:flex;flex-direction:column;gap:8px;height:100%;box-sizing:border-box;padding:18px 20px;border:1px solid var(--enc-paper-line,#DCE1F0);border-radius:16px;background:var(--enc-paper,#fff);text-decoration:none;color:inherit;transition:border-color .15s,transform .15s}
.blog-liste a:hover{border-color:var(--enc-blue,#1C2A6E);transform:translateY(-2px)}
.blog-liste a :is(b,span,small){display:block;text-decoration:none;border:0;background:none}
.blog-liste b{font-size:17px;line-height:1.3}
.blog-liste span{font-size:14.5px;line-height:1.5;color:var(--enc-paper-muted,#4A5070)}
.blog-liste small{margin-top:auto;font-size:12.5px;color:var(--enc-paper-muted,#4A5070)}
.blog-index h2{margin-top:34px}
.blog-rss{font-size:14px}
html[data-enc-theme=nuit] .blog-resume{background:rgba(214,220,247,.06);border-left-color:#9DB0FF;color:#fff}
html[data-enc-theme=nuit] .blog-outil{background:rgba(214,220,247,.04);border-color:#9DB0FF}
html[data-enc-theme=nuit] .blog-outil b{color:#9DB0FF}
html[data-enc-theme=nuit] .blog-liste a{background:rgba(214,220,247,.04);border-color:rgba(214,220,247,.18)}
html[data-enc-theme=nuit] .blog-liste a:hover{border-color:#9DB0FF}
html[data-enc-theme=nuit] :is(.blog-ariane,.blog-liste span,.blog-liste small,.blog-sources small,.blog-article th){color:#B8C0E6}
html[data-enc-theme=nuit] .blog-article :is(th,td){border-color:rgba(214,220,247,.13)}
@media (max-width:600px){.blog-resume{padding:14px 16px}.blog-outil{padding:18px}}