/* Brontobyte Cloud article migration layout */
.article-migration{max-width:1120px;margin:0 auto;padding:56px 28px 100px;color:#211f1c}
.article-migration .article-top{max-width:880px;margin:0 auto 42px}
.article-migration .article-kicker{font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:#6d675e;margin-bottom:20px}
.article-migration h1{font-size:clamp(34px,5.8vw,68px);line-height:1.02;letter-spacing:-.035em;margin:0 0 22px}
.article-migration .article-meta{font-size:13px;color:#746d65;border-top:1px solid #d8d2c8;padding-top:16px;margin-top:24px}
.article-migration .article-body{max-width:880px;margin:0 auto;font-size:17px;line-height:1.72;color:#332f2a;overflow-wrap:anywhere}
.article-migration .article-body img{max-width:100%;height:auto}
.article-migration .article-body .dmRespRow{display:block!important;width:auto!important;padding-left:0!important;padding-right:0!important;margin:0 0 1.5em!important}
.article-migration .article-body .dmRespColsWrapper,.article-migration .article-body .dmRespCol{display:block!important;width:100%!important;max-width:100%!important;float:none!important}
.article-migration .article-body iframe{max-width:100%}
.article-migration .article-body table{width:100%;border-collapse:collapse;overflow-x:auto;display:block}
.article-migration .article-body p{margin:0 0 1.2em}
.article-migration .article-body h1,.article-migration .article-body h2,.article-migration .article-body h3{line-height:1.15}
.article-migration .article-back{display:inline-block;margin-top:44px;color:#446748;text-decoration:none}
.article-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:34px}
.migration-post{display:flex;flex-direction:column;min-width:0;border:1px solid #ded9d0;background:#f6f3ed;color:inherit;text-decoration:none;overflow:hidden}
.migration-post:hover{border-color:#82927e}
.migration-post img{width:100%;aspect-ratio:16/9;object-fit:cover;background:#e8e4dd}
.migration-post .migration-post-copy{padding:18px 20px 21px}
.migration-post time{display:block;color:#746d65;font-size:11px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:10px}
.migration-post h3{font-size:19px;line-height:1.25;margin:0}
@media(max-width:720px){.article-migration{padding:36px 19px 68px}.article-grid{grid-template-columns:1fr}}

/* V3.9 — Contrast accessible: únicament pàgines individuals dels articles.
   No modifica la pàgina /blog/ ni cap altra secció corporativa. */
.article-migration{color:#f2f0ea;background:#171716}
.article-migration .article-top h1{color:#f5f2ec}
.article-migration .article-kicker{color:#cbb39e}
.article-migration .article-meta{color:#bdb6ad;border-top-color:#514b45}
.article-migration .article-body{color:#e9e5de}
.article-migration .article-body :is(p,li,h1,h2,h3,h4,h5,h6,blockquote,span,strong,em,b,i){color:inherit!important}
.article-migration .article-body :is(h1,h2,h3,h4,h5,h6){color:#f5f2ec!important}
.article-migration .article-body a{color:#e3b58f!important;text-decoration:underline;text-underline-offset:3px}
.article-migration .article-body a:hover{color:#ffdab8!important}
.article-migration .article-body :is(th,td){color:#e9e5de;border-color:#514b45}
.article-migration .article-body :is(blockquote,pre){border-color:#766658}
.article-migration .article-back{color:#d6aa87;text-decoration:underline;text-underline-offset:4px}

/* V4.0 — Article reading surface only. Corporate pages and blog listing untouched. */
.article-migration{background:#fff!important;color:#242424!important;padding-top:42px;padding-bottom:76px}
.article-migration .article-top{margin-bottom:24px}
.article-migration .article-top h1{color:#242424!important}
.article-migration .article-kicker{color:#6a625b!important;margin-bottom:12px}
.article-migration .article-meta{color:#6b6b6b!important;border-top-color:#e2e2e2!important}
.article-migration .article-body{color:#353535!important;font-size:16px;line-height:1.48;max-width:920px}
.article-migration .article-body :is(p,li,span,em,i){color:inherit!important}
.article-migration .article-body :is(strong,b){color:#262626!important;font-weight:700!important}
.article-migration .article-body :is(h1,h2,h3,h4,h5,h6){color:#292929!important;line-height:1.23!important;margin:24px 0 10px!important}
.article-migration .article-body p{margin:0 0 11px!important;line-height:1.48!important}
.article-migration .article-body p:has(> br:only-child){display:none!important}
.article-migration .article-body p:empty{display:none!important}
.article-migration .article-body .dmRespRow{margin:0 0 12px!important}
.article-migration .article-body .dmNewParagraph{margin:0 0 10px!important;padding:0!important}
.article-migration .article-body .dmRespColsWrapper,.article-migration .article-body .dmRespCol{margin-top:0!important;margin-bottom:0!important;padding-top:0!important;padding-bottom:0!important}
.article-migration .article-body :is(ul,ol){margin:6px 0 14px!important;padding-left:25px!important}
.article-migration .article-body li{margin:0 0 3px!important}
.article-migration .article-body a{color:#806047!important;text-decoration:underline;text-underline-offset:2px}
.article-migration .article-body a:hover{color:#503621!important}
.article-migration .article-body :is(th,td){color:#353535!important;border-color:#dedede!important}
.article-migration .article-back{color:#446748!important}
.article-migration .article-body img{margin:6px auto 14px}
@media(max-width:720px){.article-migration{padding-top:28px;padding-bottom:56px}.article-migration .article-body{font-size:15.5px;line-height:1.5}}