/*
Theme Name: ImWasim Blog
Theme URI: https://imwasim.com/blog/
Author: Muhammad Wasim Arshad
Description: A fast, accessible WordPress theme for articles about AI agents, software architecture, intelligent automation, and engineering leadership.
Version: 1.0.0
Requires at least: 6.6
Requires PHP: 8.1
Text Domain: imwasim-blog
*/

@font-face{font-family:Inter;src:url(fonts/inter-latin.woff2) format("woff2");font-display:swap;font-style:normal;font-weight:100 900}
@font-face{font-family:"JetBrains Mono";src:url(fonts/jetbrains-mono-latin.woff2) format("woff2");font-display:swap;font-style:normal;font-weight:100 800}
:root{--bg:#080d18;--surface:#0f1728;--surface-2:#162036;--border:#26324c;--text:#edf2ff;--muted:#9aa8c4;--accent:#10c98a;--accent-2:#60a5fa;--accent-3:#a78bfa;--shadow:0 22px 70px rgba(0,0,0,.28);--container:1160px;--reading:760px;color-scheme:dark}
[data-theme="light"]{--bg:#f4f7fb;--surface:#fff;--surface-2:#eef3f9;--border:#d8e0ed;--text:#101827;--muted:#55647d;--shadow:0 20px 65px rgba(30,49,78,.12);color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;line-height:1.68;-webkit-font-smoothing:antialiased}a{color:inherit}img,svg{max-width:100%;height:auto}.container{width:min(var(--container),calc(100% - 40px));margin-inline:auto}.skip-link{position:fixed;left:1rem;top:-5rem;z-index:1000;background:var(--accent);color:#04110c;padding:.7rem 1rem;border-radius:.6rem;font-weight:800}.skip-link:focus{top:1rem}.reading-progress{position:fixed;left:0;top:0;z-index:1000;width:0;height:3px;background:linear-gradient(90deg,var(--accent),var(--accent-2),var(--accent-3))}.site-header{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--bg) 82%,transparent);border-bottom:1px solid color-mix(in srgb,var(--border) 75%,transparent);backdrop-filter:blur(18px)}.nav{height:76px;display:flex;align-items:center;gap:28px}.brand{text-decoration:none;font-weight:900;font-size:1.45rem;letter-spacing:-.06em}.brand span,.eyebrow,.post-card__arrow{color:var(--accent)}.nav-links{display:flex;align-items:center;gap:24px;margin:0 0 0 auto;padding:0;list-style:none}.nav-links a{text-decoration:none;color:var(--muted);font-size:.91rem;font-weight:700}.nav-links a:hover,.nav-links a:focus-visible,.nav-links .current-menu-item a{color:var(--text)}.theme-toggle,.menu-toggle{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--border);border-radius:50%;background:var(--surface);color:var(--text);cursor:pointer}.theme-toggle svg,.menu-toggle svg{width:19px;height:19px}.menu-toggle{display:none}.icon-moon,[data-theme="light"] .icon-sun{display:none}[data-theme="light"] .icon-moon{display:block}
.blog-hero{position:relative;overflow:hidden;padding:108px 0 88px;border-bottom:1px solid var(--border)}.blog-hero:before{content:"";position:absolute;width:520px;height:520px;right:-120px;top:-220px;border-radius:50%;background:radial-gradient(circle,rgba(16,201,138,.16),transparent 67%);pointer-events:none}.eyebrow{font-family:"JetBrains Mono",monospace;text-transform:uppercase;letter-spacing:.12em;font-size:.77rem;font-weight:800}.blog-hero h1{max-width:850px;margin:.55rem 0 1rem;font-size:clamp(2.8rem,7vw,6.4rem);line-height:.98;letter-spacing:-.065em}.blog-hero__lead{max-width:720px;margin:0;color:var(--muted);font-size:clamp(1.05rem,2vw,1.28rem)}.blog-grid{padding:72px 0 110px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:30px}.section-heading h2{margin:0;font-size:clamp(1.75rem,4vw,2.8rem);letter-spacing:-.045em}.section-heading p{margin:0;color:var(--muted)}.posts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.post-card{position:relative;display:flex;flex-direction:column;min-height:360px;padding:28px;border:1px solid var(--border);border-radius:24px;background:linear-gradient(145deg,var(--surface),color-mix(in srgb,var(--surface-2) 55%,var(--surface)));box-shadow:0 1px 0 rgba(255,255,255,.03);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.post-card:hover{transform:translateY(-6px);border-color:color-mix(in srgb,var(--accent) 55%,var(--border));box-shadow:var(--shadow)}.post-card__meta{display:flex;gap:8px;flex-wrap:wrap;font-family:"JetBrains Mono",monospace;font-size:.72rem;color:var(--muted)}.tag{display:inline-flex;padding:.35rem .58rem;border:1px solid var(--border);border-radius:999px;color:var(--accent)}.post-card h2{font-size:1.55rem;line-height:1.17;letter-spacing:-.035em;margin:1.4rem 0 .8rem}.post-card h2 a{text-decoration:none}.post-card h2 a:after{content:"";position:absolute;inset:0}.post-card p{margin:0;color:var(--muted)}.post-card__footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:28px;color:var(--muted);font-size:.83rem}.post-card__arrow{font-size:1.35rem}.empty-state{grid-column:1/-1;padding:50px;border:1px dashed var(--border);border-radius:22px;text-align:center;color:var(--muted)}
.article-hero{padding:86px 0 54px}.article-hero__inner{max-width:920px}.breadcrumbs{margin-bottom:30px;color:var(--muted);font-size:.86rem}.breadcrumbs a{color:var(--accent);text-decoration:none}.article-hero h1{margin:.65rem 0 1.3rem;font-size:clamp(2.65rem,6.8vw,5.5rem);line-height:1.01;letter-spacing:-.062em}.article-deck{max-width:780px;color:var(--muted);font-size:clamp(1.08rem,2.2vw,1.35rem)}.article-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:26px;font-family:"JetBrains Mono",monospace;font-size:.77rem;color:var(--muted)}.article-meta span+span:before{content:"•";margin-right:12px;color:var(--border)}.article-body{padding-bottom:110px}.article-content{width:min(var(--reading),calc(100% - 40px));margin-inline:auto;font-size:1.075rem}.article-content>p:first-of-type{font-size:1.24rem;color:var(--text)}.article-content h2{scroll-margin-top:100px;margin:3.5rem 0 1rem;font-size:clamp(1.75rem,4vw,2.4rem);line-height:1.17;letter-spacing:-.042em}.article-content h3{margin:2.4rem 0 .7rem;font-size:1.35rem;letter-spacing:-.025em}.article-content p,.article-content li{color:color-mix(in srgb,var(--text) 84%,var(--muted))}.article-content a{color:var(--accent);text-decoration-thickness:.08em;text-underline-offset:.18em}.article-content ul,.article-content ol{padding-left:1.35rem}.article-content li+li{margin-top:.55rem}.article-content blockquote{margin:2rem 0;padding:1rem 0 1rem 1.4rem;border-left:3px solid var(--accent);font-size:1.17rem}.article-content code{font-family:"JetBrains Mono",monospace;font-size:.88em;color:var(--accent)}.article-content pre{overflow:auto;padding:20px;border:1px solid var(--border);border-radius:14px;background:#050912}.article-content .wp-block-separator{margin:3.2rem 0;border-color:var(--border)}
.article-lead-media{width:min(1120px,calc(100% - 40px));margin:0 auto 38px}.article-lead-media img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border:1px solid var(--border);border-radius:24px;box-shadow:var(--shadow)}.article-lead-media figcaption{margin:12px auto 0;color:var(--muted);font-size:.86rem;text-align:center}
.article-inline-media{width:min(1040px,calc(100vw - 40px));margin:2.5rem 50%;transform:translateX(-50%)}.article-inline-media img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow)}.article-inline-media figcaption{margin:12px 0 0;color:var(--muted);font-size:.86rem;text-align:center}
.toc{width:min(var(--reading),calc(100% - 40px));margin:0 auto 38px;padding:22px 25px;border:1px solid var(--border);border-radius:18px;background:var(--surface)}.toc strong{display:block;margin-bottom:8px}.toc ol{columns:2;margin:0;padding-left:1.3rem}.toc a{color:var(--muted);font-size:.92rem;text-decoration:none}.toc a:hover{color:var(--accent)}.interactive-figure{width:min(1040px,calc(100vw - 40px));margin:3rem 50%;transform:translateX(-50%);padding:28px;border:1px solid var(--border);border-radius:24px;background:linear-gradient(145deg,var(--surface),var(--surface-2));box-shadow:var(--shadow)}.diagram-figure{margin-top:0;background:#fffdf7;border-color:#d7d1c2;color:#182233}.article-content .diagram-figure{margin-top:3rem}.diagram-scroll{overflow-x:auto;overscroll-behavior-inline:contain;padding-bottom:4px}.mcp-diagram,.architecture-diagram{display:block;min-width:780px}.diagram-figure figcaption{margin:14px 0 0;color:#536070;font:600 .84rem "JetBrains Mono",monospace;text-align:center}.answer-box{margin:1.8rem 0;padding:22px 24px;border:1px solid color-mix(in srgb,var(--accent) 45%,var(--border));border-radius:18px;background:color-mix(in srgb,var(--accent) 8%,var(--surface))}.answer-box p{margin:0;color:var(--text)}.answer-box strong{color:var(--accent)}.table-wrap{width:min(1040px,calc(100vw - 40px));margin:2rem 50%;transform:translateX(-50%);overflow-x:auto;border:1px solid var(--border);border-radius:18px;background:var(--surface)}.comparison-table{width:100%;min-width:820px;border-collapse:collapse;font-size:.94rem}.comparison-table th,.comparison-table td{padding:16px 18px;border-bottom:1px solid var(--border);text-align:left;vertical-align:top}.comparison-table th{background:var(--surface-2);color:var(--text);font-family:"JetBrains Mono",monospace;font-size:.76rem;text-transform:uppercase;letter-spacing:.04em}.comparison-table tr:last-child td{border-bottom:0}.comparison-table td:first-child{color:var(--accent);font-weight:800}.interactive-figure__top{display:flex;justify-content:space-between;gap:20px;margin-bottom:24px}.interactive-figure__top h3{margin:0;font-size:1.25rem}.interactive-figure__top p{margin:4px 0 0;color:var(--muted);font-size:.9rem}.figure-controls{display:flex;gap:8px;flex-wrap:wrap}.figure-controls button{padding:.52rem .8rem;border:1px solid var(--border);border-radius:999px;background:transparent;color:var(--muted);font:700 .75rem "JetBrains Mono",monospace;cursor:pointer}.figure-controls button[aria-pressed="true"]{border-color:var(--accent);background:rgba(16,201,138,.11);color:var(--accent)}.mcp-map text,.mcp-flow text{font-family:Inter,sans-serif;fill:var(--text)}.mcp-map .node,.mcp-flow .step{fill:var(--bg);stroke:var(--border);stroke-width:2;transition:stroke .2s,filter .2s}.mcp-map .node.is-active{stroke:var(--accent);filter:drop-shadow(0 0 12px rgba(16,201,138,.35))}.mcp-map .connector,.mcp-flow .connector{fill:none;stroke:var(--border);stroke-width:2;stroke-dasharray:7 9}.packet{fill:var(--accent);filter:drop-shadow(0 0 7px var(--accent))}.pulse{animation:pulse 2.5s ease-in-out infinite;transform-origin:center}.flow-dot{fill:var(--accent);offset-path:path("M70 90 H930");animation:travel 6s linear infinite}.flow-dot:nth-of-type(2){animation-delay:-3s;fill:var(--accent-2)}@keyframes pulse{50%{opacity:.45;transform:scale(.97)}}@keyframes travel{to{offset-distance:100%}}.figure-note{min-height:3.2em;margin:18px 0 0;padding-top:16px;border-top:1px solid var(--border);color:var(--muted);font-size:.92rem}.primitive-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.primitive{padding:20px;border:1px solid var(--border);border-radius:16px;background:var(--bg);cursor:pointer;transition:.2s}.primitive:hover,.primitive.is-active{transform:translateY(-3px);border-color:var(--accent)}.primitive span{font:800 .75rem "JetBrains Mono",monospace;color:var(--accent)}.primitive h4{margin:.5rem 0 .35rem}.primitive p{margin:0;color:var(--muted);font-size:.88rem}.article-sources{margin-top:3rem;padding:24px;border:1px solid var(--border);border-radius:18px;background:var(--surface)}.article-sources h2{margin-top:0}.article-nav{display:grid;grid-template-columns:1fr 1fr;gap:16px;width:min(var(--container),calc(100% - 40px));margin:0 auto 90px}.article-nav a{padding:22px;border:1px solid var(--border);border-radius:18px;text-decoration:none}.site-footer{padding:32px 0;border-top:1px solid var(--border);color:var(--muted);font-size:.88rem}.footer-inner{display:flex;justify-content:space-between;gap:20px}.footer-inner a{color:var(--text);text-decoration:none}.pagination{margin-top:34px}.nav-links-pagination{display:flex;gap:8px}.page-numbers{display:grid;place-items:center;min-width:42px;height:42px;padding:0 12px;border:1px solid var(--border);border-radius:10px;text-decoration:none}.page-numbers.current{background:var(--accent);border-color:var(--accent);color:#04110c}
.related-articles{padding:72px 0 92px;border-top:1px solid var(--border);background:color-mix(in srgb,var(--surface) 38%,var(--bg))}.related-articles .section-heading{align-items:end}.related-articles .section-heading h2{margin:.35rem 0 0}.related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.related-card{display:flex;flex-direction:column;min-height:280px;padding:24px;border:1px solid var(--border);border-radius:20px;background:var(--surface);transition:transform .2s ease,border-color .2s ease}.related-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--accent) 55%,var(--border))}.related-card__meta{margin:0;color:var(--accent);font:700 .72rem "JetBrains Mono",monospace;text-transform:uppercase}.related-card h3{margin:.9rem 0 .7rem;font-size:1.28rem;line-height:1.2;letter-spacing:-.03em}.related-card h3 a{text-decoration:none}.related-card>p:not(.related-card__meta){margin:0;color:var(--muted);font-size:.92rem}.related-card__link{margin-top:auto;padding-top:22px;color:var(--accent);font-weight:800;text-decoration:none}.related-card__link span{margin-left:.3rem}.related-card h3 a:focus-visible,.related-card__link:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.related-card:has(h3 a:focus-visible){border-color:var(--accent)}
@media(max-width:820px){.menu-toggle{display:grid;margin-left:auto}.nav-links{position:absolute;left:20px;right:20px;top:68px;display:none;flex-direction:column;align-items:stretch;gap:0;padding:12px;border:1px solid var(--border);border-radius:16px;background:var(--surface);box-shadow:var(--shadow)}.nav-links.is-open{display:flex}.nav-links a{display:block;padding:12px}.nav .theme-toggle{margin-left:0}.posts,.related-grid{grid-template-columns:1fr 1fr}.interactive-figure__top{flex-direction:column}.toc ol{columns:1}}
@media(max-width:600px){.container{width:min(100% - 32px,var(--container))}.blog-hero{padding:70px 0 58px}.posts,.related-grid{grid-template-columns:1fr}.post-card{min-height:310px}.article-hero{padding:60px 0 40px}.article-meta{align-items:flex-start}.article-content,.toc{width:calc(100% - 32px)}.article-lead-media{width:calc(100% - 24px);margin-bottom:30px}.article-lead-media img{border-radius:18px}.article-lead-media figcaption{padding-inline:10px;text-align:left}.article-inline-media{width:calc(100vw - 24px);margin-block:2rem}.article-inline-media img{border-radius:16px}.article-inline-media figcaption{text-align:left;padding-inline:8px}.interactive-figure{width:calc(100vw - 24px);padding:18px;border-radius:18px}.primitive-grid{grid-template-columns:1fr}.mcp-map text,.mcp-flow text{font-size:13px}.footer-inner{flex-direction:column}.article-nav{grid-template-columns:1fr;width:calc(100% - 32px)}.related-articles{padding:56px 0 70px}.related-articles .section-heading{align-items:start;flex-direction:column}.related-card{min-height:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}