/* Shared blog stylesheet (centralized from individual posts) */
* { margin:0; padding:0; box-sizing:border-box; }
body { font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; line-height:1.6; color:#333; background:linear-gradient(135deg,#002fff 0%, #764ba2 100%); min-height:100vh; }
.container { max-width:1000px; margin:0 auto; padding:2rem; }
header, header.main-header { background:rgba(255,255,255,0.1); -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); border-radius:20px; padding:2rem; margin-bottom:2rem; border:1px solid rgba(255,255,255,0.2); text-align:center; }
.back-nav { text-align:left; margin-bottom:1rem; }
.back-nav a { color:#fff; text-decoration:none; padding:0.5rem 1rem; border-radius:10px; background:rgba(255,255,255,0.1); transition:.3s; border:1px solid rgba(255,255,255,0.2); display:inline-block; }
.back-nav a:hover { background:rgba(255,255,255,0.2); transform:translateY(-2px); }
h1 { color:#fff; font-size:2.2rem; margin-bottom:.5rem; text-shadow:0 2px 4px rgba(0,0,0,.3); line-height:1.25; }
.subtitle { color:rgba(255,255,255,0.9); font-style:italic; font-size:1.05rem; }
main { background:rgba(255,255,255,0.95); -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); border-radius:20px; padding:3rem; border:1px solid rgba(255,255,255,0.3); box-shadow:0 8px 32px rgba(0,0,0,0.1); }
.article-content { max-width:none; }
h2 { color:#697193; margin:2rem 0 1rem; font-size:1.6rem; border-bottom:2px solid rgba(207,209,218,0.2); padding-bottom:.5rem; }
h3 { color:#667eea; margin:1.5rem 0 .8rem; font-size:1.3rem; }
h4 { color:#012fff; margin:1.1rem 0 .6rem; font-size:1.05rem; }
p { margin-bottom:1rem; color:#444; }
ul, ol { margin:1rem 0 1rem 2rem; }
li { margin-bottom:.55rem; color:#555; }
strong { color:#012fff; }
.lead { background:rgba(1,47,255,0.08); padding:1.25rem 1.5rem; border-left:4px solid #012fff; border-radius:12px; font-weight:500; }
.post-meta { font-size:.85rem; color:#555; display:flex; flex-wrap:wrap; gap:.75rem; margin-top:.5rem; }
.post-tags { margin-top:1rem; }
.post-tags .tag, .tag-block { background:linear-gradient(135deg,#002efc,#764ba2); color:#fff; padding:.35rem .75rem; border-radius:18px; font-size:.7rem; letter-spacing:.5px; margin:.2rem; display:inline-block; }
.author-bio { background:rgba(1,47,255,0.05); padding:1.25rem 1.5rem; border-radius:15px; margin-top:2rem; border-left:4px solid #012fff; }
.footer-content { text-align:center; margin-top:2rem; }
footer a { color:#012fff; text-decoration:none; }
/* Tables */
table { width:100%; border-collapse:collapse; margin:1rem 0; background:rgba(255,255,255,0.85); border-radius:10px; overflow:hidden; font-size:.85rem; }
th, td { border:1px solid rgba(1,47,255,0.1); padding:.6rem; text-align:left; }
th { background:rgba(1,47,255,0.1); color:#012fff; font-weight:600; }
/* Tool Sprawl specific blocks */
.stat-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(210px,1fr)); gap:1rem; margin:1.25rem 0 2rem; }
.stat { background:rgba(1,47,255,0.05); padding:1rem 1.1rem; border-radius:15px; border:1px solid rgba(1,47,255,0.15); }
.stat h3 { margin:0; font-size:1rem; color:#012fff; }
.callout { background:linear-gradient(135deg,#012fff08,#764ba208); border:1px solid rgba(1,47,255,0.25); padding:1.2rem 1.4rem; border-radius:16px; margin:1.25rem 0; }
.framework-steps { display:flex; flex-wrap:wrap; gap:.75rem; margin:1rem 0 1.5rem; }
.framework-steps .step { flex:1 1 140px; background:rgba(1,47,255,0.05); padding:.75rem .9rem; border-radius:12px; font-size:.8rem; border:1px solid rgba(1,47,255,0.15); display:flex; flex-direction:column; gap:.25rem; }
.resources { background:rgba(1,47,255,0.05); padding:1.25rem 1.5rem; border-radius:15px; border-left:4px solid #012fff; margin:2rem 0; }
.download-links a { display:block; color:#667eea; text-decoration:none; margin:.4rem 0; }
.kpi-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:1rem; margin:1.25rem 0 1.75rem; }
.kpi { background:rgba(1,47,255,0.05); padding:.9rem 1rem; border-radius:14px; border:1px solid rgba(1,47,255,0.15); font-size:.8rem; }
.kpi h4 { margin:.2rem 0; font-size:.85rem; color:#012fff; }
.roadmap { display:grid; grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); gap:1rem; margin:1.5rem 0; }
.phase { background:rgba(1,47,255,0.05); padding:1rem 1.1rem; border-radius:15px; border:1px solid rgba(1,47,255,0.15); }
.phase h3 { margin-top:0; font-size:1rem; color:#012fff; }
.integration-patterns { display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:1rem; margin:1.25rem 0 2rem; }
.pattern { background:rgba(1,47,255,0.05); padding:1rem 1.1rem; border-radius:15px; border:1px solid rgba(1,47,255,0.15); }
.pattern h3 { margin-top:0; font-size:1rem; color:#012fff; }
/* ITAM specific */
.benefits-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(230px,1fr)); gap:1rem; margin:1rem 0 2rem; }

/* Strategic IT Leadership Framework specific */
.framework-visual { background:rgba(1,47,255,0.05); padding:2rem; border-radius:20px; margin:2rem 0; border:1px solid rgba(1,47,255,0.15); }
.framework-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:1.5rem; }
.framework-column h3 { text-align:center; color:#012fff; font-size:1.2rem; margin-bottom:1rem; }
.framework-items { display:flex; flex-direction:column; gap:.75rem; }
.framework-item { background:#fff; padding:1rem; border-radius:12px; border:1px solid rgba(1,47,255,0.2); text-align:center; font-size:.9rem; color:#555; box-shadow:0 2px 8px rgba(0,0,0,0.05); }
.framework-item small { display:block; color:#999; font-size:.75rem; margin-top:.25rem; }
.success-factors { background:rgba(1,47,255,0.05); padding:1.5rem; border-radius:15px; margin:1.5rem 0; border:1px solid rgba(1,47,255,0.15); }
.factor-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:1rem; margin-top:1rem; }
.factor { background:#fff; padding:1rem; border-radius:12px; border:1px solid rgba(1,47,255,0.2); }
.factor h5 { color:#012fff; margin:0 0 .5rem; font-size:.95rem; }
.transformation-methodology { background:rgba(1,47,255,0.05); padding:2rem; border-radius:20px; margin:2rem 0; border:1px solid rgba(1,47,255,0.15); }
.methodology-steps { display:flex; flex-direction:column; gap:1rem; }
.step { display:flex; align-items:flex-start; gap:1rem; background:#fff; padding:1.25rem; border-radius:15px; border:1px solid rgba(1,47,255,0.2); }
.step-number { background:#012fff; color:#fff; width:30px; height:30px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-weight:bold; flex-shrink:0; }
.step-content h4 { margin:0 0 .5rem; color:#012fff; }
.metrics-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:1rem; margin:1.5rem 0; }
.metric { background:rgba(1,47,255,0.05); padding:1rem; border-radius:12px; text-align:center; border:1px solid rgba(1,47,255,0.15); }
.metric h4 { color:#012fff; margin:0 0 .5rem; }
.team-topologies { background:rgba(1,47,255,0.05); padding:2rem; border-radius:20px; margin:2rem 0; border:1px solid rgba(1,47,255,0.15); }
.topology-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:1rem; margin-top:1rem; }
.topology-item { background:#fff; padding:1.25rem; border-radius:15px; border:1px solid rgba(1,47,255,0.2); }
.topology-item h4 { color:#012fff; margin:0 0 .75rem; }
.excellence-pillars { display:grid; grid-template-columns:repeat(auto-fit,minmax(300px,1fr)); gap:1.5rem; margin:2rem 0; }
.pillar { background:rgba(1,47,255,0.05); padding:1.5rem; border-radius:15px; border:1px solid rgba(1,47,255,0.15); }
.pillar h4 { color:#012fff; margin:0 0 1rem; }
.kpi-categories { display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:1.5rem; margin:2rem 0; }
.kpi-category { background:rgba(1,47,255,0.05); padding:1.5rem; border-radius:15px; border:1px solid rgba(1,47,255,0.15); }
.kpi-category h3 { color:#012fff; margin:0 0 1rem; text-align:center; }
.kpi-items { display:flex; flex-direction:column; gap:.75rem; }
.kpi-item { background:#fff; padding:1rem; border-radius:10px; border:1px solid rgba(1,47,255,0.2); font-size:.85rem; }
.kpi-item strong { color:#012fff; display:block; margin-bottom:.25rem; }
.kpi-item small { color:#666; }
.action-plan { margin:2rem 0; }
.plan-phase { background:rgba(1,47,255,0.05); padding:1.5rem; border-radius:15px; margin-bottom:1.5rem; border:1px solid rgba(1,47,255,0.15); }
.plan-phase h3 { color:#012fff; margin:0 0 1rem; }
.operating-model { background:rgba(1,47,255,0.05); padding:2rem; border-radius:20px; margin:2rem 0; border:1px solid rgba(1,47,255,0.15); }
.principle-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); gap:1rem; margin-top:1rem; }
.principle { background:#fff; padding:1.25rem; border-radius:15px; border:1px solid rgba(1,47,255,0.2); text-align:center; }
.principle h4 { color:#012fff; margin:0 0 .75rem; }
.innovation-areas { display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:1rem; margin:1.5rem 0; }
.innovation-area { background:rgba(1,47,255,0.05); padding:1.25rem; border-radius:15px; border:1px solid rgba(1,47,255,0.15); }
.innovation-area h4 { color:#012fff; margin:0 0 .75rem; }
.maturity-levels { margin:2rem 0; }
.maturity-level { display:flex; align-items:center; gap:1rem; background:rgba(1,47,255,0.05); padding:1.25rem; border-radius:15px; margin-bottom:1rem; border:1px solid rgba(1,47,255,0.15); }
.level-indicator { background:#012fff; color:#fff; width:35px; height:35px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-weight:bold; flex-shrink:0; }
.level-content h4 { color:#012fff; margin:0 0 .5rem; }
.takeaways { display:grid; grid-template-columns:repeat(auto-fit,minmax(300px,1fr)); gap:1.5rem; margin:2rem 0; }
.takeaway { padding:1.5rem; border-radius:15px; border:1px solid rgba(1,47,255,0.15); }
.takeaway.primary { background:rgba(1,47,255,0.08); }
.takeaway.secondary { background:rgba(102,126,234,0.08); }
.takeaway.tertiary { background:rgba(118,75,162,0.08); }
.takeaway h3 { color:#012fff; margin:0 0 1rem; }
.download-btn { display:inline-block; background:linear-gradient(135deg,#002fff,#764ba2); color:#fff; padding:.75rem 1.5rem; text-decoration:none; border-radius:12px; margin:.5rem .5rem .5rem 0; font-size:.9rem; transition:.3s; }
.download-btn:hover { transform:translateY(-2px); box-shadow:0 8px 20px rgba(0,47,255,0.3); }
.benefit { background:rgba(1,47,255,0.05); padding:1rem 1.1rem; border-radius:15px; border:1px solid rgba(1,47,255,0.15); }
.benefit h3 { margin-top:0; font-size:1rem; color:#012fff; }
.benefit.highlight { background:linear-gradient(135deg,#012fff10,#764ba210); border:1px solid rgba(1,47,255,0.25); }
/* EA specific (basic containers - rely on generic styles for most) */
.alignment-impact { display:flex; flex-direction:column; gap:1.5rem; }
.layered-architecture { display:flex; flex-direction:column; gap:1rem; }
.layered-architecture .layer { background:rgba(1,47,255,0.05); padding:1rem 1.1rem; border-radius:12px; border:1px solid rgba(1,47,255,0.15); }
.layer-arrow { text-align:center; font-size:1.2rem; }
@media (max-width:768px) {
  .container { padding:1rem; }
  main { padding:2rem; }
  h1 { font-size:1.9rem; }
  h2 { font-size:1.35rem; }
  .stat-grid, .kpi-grid, .framework-steps, .roadmap, .integration-patterns, .benefits-grid { grid-template-columns:1fr !important; flex-direction:column; }
  .framework-steps { flex-direction:column; }
}

/* Social sharing section */
.social-share { background:#f8fafc; border-radius:15px; padding:2rem; margin:3rem 0; text-align:center; }
.social-share h3 { color:#012fff; margin-bottom:.5rem; }
.social-share p { color:#666; margin-bottom:1.5rem; }
.social-buttons { display:flex; justify-content:center; flex-wrap:wrap; gap:1rem; }
.social-button { display:inline-flex; align-items:center; gap:.5rem; padding:.8rem 1.2rem; border-radius:25px; text-decoration:none; color:white; font-weight:500; font-size:.9rem; transition:all .3s ease; border:none; cursor:pointer; }
.social-button:hover { transform:translateY(-2px); box-shadow:0 5px 15px rgba(0,0,0,.2); }
.social-button svg { flex-shrink:0; }
.linkedin { background:#0077b5; }
.twitter { background:#1da1f2; }
.facebook { background:#1877f2; }
.threads { background:#000; }
.reddit { background:#ff4500; }
.whatsapp { background:#25d366; }
.telegram { background:#0088cc; }
.copy-link { background:#6366f1; }