/* MERSO IT Insights — article styling (pairs with /styles.css palette) */
:root{--ink:#111118;--paper:#f8f6f2;--purple:#7c3aed;--azure:#2563eb;--line:rgba(17,17,24,.12);--display:'Manrope',sans-serif;--body:'DM Sans',sans-serif}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font:400 1rem/1.7 var(--body);color:var(--ink);background:var(--paper)}
a{color:var(--azure);text-decoration:none}
a:hover{text-decoration:underline}
.insights-header{display:flex;align-items:center;justify-content:space-between;padding:1.1rem 6vw;border-bottom:1px solid var(--line);background:var(--paper);position:sticky;top:0;z-index:10}
.insights-header img{display:block;width:120px}
.insights-header nav{display:flex;gap:1.4rem;align-items:center;font-size:.9rem;font-weight:600}
.lang-switch{border:1px solid var(--line);border-radius:999px;padding:.25rem .8rem;font-size:.8rem;font-weight:700;color:var(--purple)}
.article-hero{max-width:880px;margin:0 auto;padding:4rem 6vw 0}
.article-hero .crumb{font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:var(--purple);font-weight:700}
.article-hero h1{font:800 clamp(1.9rem,4vw,3.1rem)/1.15 var(--display);margin:.8rem 0 1rem}
.article-hero .meta{font-size:.85rem;color:#6b6880;margin-bottom:1.6rem}
.article-hero img{width:100%;border-radius:14px;border:1px solid var(--line);display:block}
article.insight{max-width:760px;margin:0 auto;padding:2.4rem 6vw 5rem}
article.insight h2{font:700 1.55rem/1.3 var(--display);margin:2.4rem 0 .8rem;color:#1c1830}
article.insight h3{font:700 1.15rem/1.35 var(--display);margin:1.8rem 0 .6rem;color:#2a2545}
article.insight p{margin:.9rem 0;color:#33304a}
article.insight ul,article.insight ol{margin:.9rem 0 .9rem 1.4rem;color:#33304a}
article.insight li{margin:.45rem 0}
article.insight strong{color:#1c1830}
article.insight blockquote{border-left:3px solid var(--purple);padding:.4rem 1.2rem;margin:1.4rem 0;background:rgba(124,58,237,.05);border-radius:0 10px 10px 0;font-size:.98rem}
article.insight table{border-collapse:collapse;width:100%;margin:1.2rem 0;font-size:.9rem}
article.insight th,article.insight td{border:1px solid var(--line);padding:.55rem .7rem;text-align:left;vertical-align:top}
article.insight th{background:rgba(124,58,237,.08)}
article.insight .table-scroll{overflow-x:auto}
article.insight code{background:rgba(17,17,24,.06);border-radius:5px;padding:.1rem .35rem;font-size:.88em}
.callout{border:1px solid var(--line);border-radius:12px;padding:1.1rem 1.3rem;margin:1.6rem 0;background:#fff}
.callout.warn{border-color:rgba(220,120,40,.4);background:rgba(250,190,90,.08)}
.callout .callout-label{font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;font-weight:800;color:var(--purple);display:block;margin-bottom:.3rem}
.article-cta{max-width:760px;margin:0 auto 4rem;padding:0 6vw}
.article-cta .box{background:linear-gradient(120deg,#12101f,#231a3f);color:#f4f2ff;border-radius:16px;padding:2rem;text-align:center}
.article-cta h2{font:800 1.5rem/1.3 var(--display);margin-bottom:.6rem}
.article-cta p{color:#c9c3e8;margin-bottom:1.2rem}
.article-cta a.btn{display:inline-block;background:linear-gradient(90deg,var(--purple),var(--azure));color:#fff;font-weight:700;border-radius:999px;padding:.75rem 1.6rem}
.article-cta a.btn:hover{text-decoration:none;filter:brightness(1.1)}
.related{max-width:760px;margin:0 auto 5rem;padding:0 6vw}
.related h2{font:700 1.2rem var(--display);margin-bottom:1rem}
.related ul{list-style:none}
.related li{margin:.5rem 0;padding-left:1.2rem;position:relative}
.related li::before{content:"→";position:absolute;left:0;color:var(--purple)}
.insights-footer{border-top:1px solid var(--line);padding:2rem 6vw;display:flex;justify-content:space-between;align-items:center;font-size:.85rem;color:#6b6880;flex-wrap:wrap;gap:1rem}
/* Hub page */
.hub-hero{max-width:1100px;margin:0 auto;padding:4.5rem 6vw 2rem}
.hub-hero h1{font:800 clamp(2.2rem,5vw,3.6rem)/1.1 var(--display)}
.hub-hero p{max-width:640px;color:#4b4860;margin-top:1rem;font-size:1.05rem}
.hub-grid{max-width:1100px;margin:0 auto;padding:1rem 6vw 5rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.4rem}
.hub-card{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}
.hub-card:hover{transform:translateY(-4px);box-shadow:0 14px 34px rgba(30,20,70,.12);text-decoration:none}
.hub-card img{width:100%;aspect-ratio:3/2;object-fit:cover;display:block}
.hub-card .pad{padding:1.1rem 1.2rem 1.3rem;display:flex;flex-direction:column;gap:.5rem;flex:1}
.hub-card .tag{font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;font-weight:800;color:var(--purple)}
.hub-card h2{font:700 1.08rem/1.35 var(--display);color:var(--ink)}
.hub-card p{font-size:.88rem;color:#55516d;line-height:1.55}
@media (max-width:720px){
  .insights-header{position:static;padding:.55rem 4vw;flex-wrap:wrap;gap:.3rem .8rem}
  .insights-header img{width:88px}
  .insights-header nav{gap:.7rem;font-size:.78rem}
  .insights-header nav a.hide-mobile{display:none}
  .lang-switch{padding:.15rem .6rem;font-size:.72rem}
  .hub-hero{padding:1.6rem 6vw 1rem}
  .hub-hero p{font-size:.95rem}
  .article-hero{padding-top:1.8rem}
  article.insight{padding-bottom:3rem}
}

.hub-filters{max-width:1100px;margin:0 auto;padding:0 6vw 8px;display:flex;flex-wrap:wrap;gap:10px}
.hub-chip{background:rgba(124,58,237,.06);border:1px solid rgba(124,58,237,.35);color:#5b21b6;border-radius:999px;padding:7px 16px;font:inherit;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s}
.hub-chip:hover{border-color:rgba(124,58,237,.8);background:rgba(124,58,237,.12)}
.hub-chip.active{background:linear-gradient(135deg,#7c3aed,#2563eb);border-color:transparent;color:#fff}