:root{--bg: #0f172a;--bg-card: #1e293b;--bg-hover: #253047;--text: #f1f5f9;--text-muted: #94a3b8;--text-dim: #8a9ab0;--border: #334155;--accent-indigo: #6366f1;--accent-teal: #0d9488;--accent-rose: #f43f5e;--accent-indigo-light: #818cf8;--accent-teal-light: #2dd4bf;--accent-rose-light: #fb7185;--code-bg: #0d1526;--radius: 8px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.7;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.skip-link{position:absolute;top:-100%;left:1rem;background:var(--accent-indigo);color:#fff;padding:.5rem 1rem;border-radius:0 0 var(--radius) var(--radius);font-size:.875rem;font-weight:600;text-decoration:none;z-index:9999;transition:top .1s}.skip-link:focus{top:0}:focus-visible{outline:2px solid var(--accent-indigo-light);outline-offset:3px;border-radius:3px}:focus:not(:focus-visible){outline:none}.prose h2,.prose h3,.prose h4{scroll-margin-top:4rem}.prose{max-width:820px;margin:0 auto}.prose h1{font-size:2rem;font-weight:300;color:var(--text);margin:2rem 0 1rem;line-height:1.2}.prose h2{font-size:1.35rem;font-weight:600;color:var(--text);margin:2.5rem 0 .75rem;padding-top:2rem;border-top:1px solid var(--border)}.prose h3{font-size:1.1rem;font-weight:600;color:var(--accent-indigo-light);margin:1.75rem 0 .5rem}.prose h4{font-size:1rem;font-weight:600;color:var(--text-muted);margin:1.5rem 0 .4rem;text-transform:uppercase;letter-spacing:.05em;font-size:.8rem}.prose--teal h3{color:var(--accent-teal-light)}.prose p{margin:.9rem 0;color:var(--text-muted)}.prose strong{color:var(--text);font-weight:600}.prose em{color:var(--text-muted)}.prose a{color:var(--accent-indigo-light);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .15s}.prose a:hover{border-color:var(--accent-indigo-light)}.prose--teal a{color:var(--accent-teal-light)}.prose--teal a:hover{border-color:var(--accent-teal-light)}.prose--rose h3,.prose--rose a{color:var(--accent-rose-light)}.prose--rose a:hover{border-color:var(--accent-rose-light)}.prose ul,.prose ol{padding-left:1.5rem;margin:.75rem 0;color:var(--text-muted)}.prose li{margin:.3rem 0}.prose li>ul{margin:.2rem 0}.prose blockquote{border-left:3px solid var(--accent-indigo);margin:1.25rem 0;padding:.75rem 1.25rem;background:var(--bg-card);border-radius:0 var(--radius) var(--radius) 0}.prose--teal blockquote{border-left-color:var(--accent-teal)}.prose--rose blockquote{border-left-color:var(--accent-rose)}.prose blockquote p{margin:.25rem 0;font-size:.95rem;color:var(--text)}.prose code{background:var(--code-bg);color:#a5f3fc;padding:.15em .4em;border-radius:4px;font-size:.88em;font-family:Cascadia Code,Fira Code,Consolas,monospace}.prose pre{background:var(--code-bg);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;overflow-x:auto;margin:1.25rem 0}.prose pre code{background:none;padding:0;font-size:.875rem;color:var(--text)}.mermaid{display:flex;justify-content:center;margin:1.5rem 0;overflow-x:auto}.mermaid svg{max-width:100%;height:auto}.prose :where(table){width:100%;border-collapse:collapse;margin:1.25rem 0;font-size:.875rem;display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.prose th,.prose td{padding:.5rem .875rem;border:1px solid var(--border);text-align:left;vertical-align:top;color:var(--text-muted)}.prose th{background:var(--bg-card);color:var(--text);font-weight:600;font-size:.8rem;letter-spacing:.03em;text-transform:uppercase;border-bottom:2px solid var(--accent-indigo)}.prose tr:hover td{background:var(--bg-hover)}.prose input[type=checkbox]{margin-right:.5rem;accent-color:var(--accent-indigo)}.prose img[src*="assets/banners"],.prose img[src*="banners/"]{display:none}.prose hr{border:none;border-top:1px solid var(--border);margin:2.5rem 0}.prose hr+h2{border-top:none;padding-top:0;margin-top:.5rem}.site-nav{display:flex;align-items:center;gap:0;background:var(--bg-card);border-bottom:1px solid var(--border);padding:0 2rem;padding-left:max(2rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right));height:56px;position:sticky;top:0;z-index:100}.nav-links{display:flex;align-items:center;gap:0;margin-left:auto}.site-nav .logo{font-size:1rem;font-weight:700;color:var(--text);letter-spacing:.1em;text-decoration:none;flex-shrink:0}.site-nav .logo span{color:var(--accent-indigo-light)}.site-nav a{color:var(--text-muted);text-decoration:none;font-size:.85rem;padding:0 1rem;height:56px;min-width:44px;display:flex;align-items:center;justify-content:center;transition:color .15s;border-bottom:2px solid transparent;white-space:nowrap}.nav-burger{display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:44px;height:44px;background:none;border:none;cursor:pointer;padding:0;margin-left:auto;flex-shrink:0}.nav-burger span{display:block;width:22px;height:2px;background:var(--text-muted);border-radius:2px;transition:transform .2s,opacity .2s;transform-origin:center}.nav-burger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-burger.open span:nth-child(2){opacity:0}.nav-burger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.site-nav a:hover,.site-nav a.active{color:var(--text);border-bottom-color:var(--accent-indigo)}.nav-persona-wrap{position:relative;height:56px;display:flex;align-items:center}.nav-persona-btn{height:56px;padding:0 1rem;font-size:.85rem;font-weight:600;background:none;border:none;border-bottom:2px solid var(--accent-teal);color:var(--accent-teal-light);cursor:pointer;display:flex;align-items:center;gap:.3rem;white-space:nowrap;transition:color .15s,background .15s;font-family:inherit}.nav-persona-btn:hover,.nav-persona-btn.active{color:var(--text);background:#0d948814}.persona-chevron{font-size:.65rem;transition:transform .2s ease;display:inline-block}.nav-persona-wrap:hover .persona-chevron,.nav-persona-wrap.flyout-open .persona-chevron{transform:rotate(180deg)}.persona-flyout{position:absolute;top:56px;right:0;background:var(--bg-card);border:1px solid var(--border);border-top:2px solid var(--accent-teal);border-radius:0 0 8px 8px;box-shadow:0 12px 32px #0000008c;min-width:220px;padding:.35rem 0;display:none;flex-direction:column;z-index:200;margin-top:-1px}.nav-persona-wrap:hover .persona-flyout,.nav-persona-wrap.flyout-open .persona-flyout{display:flex}.fly-divider{height:1px;background:var(--border);margin:.3rem 0}.persona-flyout a{display:flex;flex-direction:column;justify-content:center;padding:.5rem 1.1rem;text-decoration:none;border-left:3px solid transparent;transition:background .15s,border-color .15s;height:auto;min-height:44px;border-bottom:none}.persona-flyout a:hover,.persona-flyout a.active{background:var(--bg-hover);border-left-color:var(--accent-teal);border-bottom-color:transparent}.fly-tag{font-size:10px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--accent-teal-light);line-height:1;margin-bottom:3px}.fly-title{font-size:.92rem;color:var(--text-muted);line-height:1.3}.persona-flyout a:hover .fly-title,.persona-flyout a.active .fly-title{color:var(--text)}.persona-flyout a:first-of-type .fly-tag{color:var(--text-muted);font-size:.88rem;font-weight:500;letter-spacing:0;text-transform:none;margin-bottom:0}.page-header{background:var(--bg-card);border-bottom:1px solid var(--border);padding:3rem 2rem 2.5rem;position:relative;overflow:hidden}.page-header:before{content:"ALEX";position:absolute;right:-20px;top:50%;transform:translateY(-50%);font-size:130px;font-weight:700;color:#ffffff08;pointer-events:none;line-height:1}.page-header .accent-bar{position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--accent-indigo)}.page-header.teal .accent-bar{background:var(--accent-teal)}.page-header .series-label{font-size:10px;font-weight:600;letter-spacing:5px;color:var(--accent-indigo-light);text-transform:uppercase;margin-bottom:.75rem}.page-header.teal .series-label{color:var(--accent-teal-light)}.page-header h1{font-size:2.25rem;font-weight:300;color:var(--text);margin:0 0 .4rem;max-width:820px}.page-header .subtitle{font-size:.85rem;color:var(--text-dim);letter-spacing:.03em}.page-content{padding:2.5rem 2rem 5rem}.persona-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;margin:2rem 0}.persona-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;text-decoration:none;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease;display:flex;flex-direction:column;gap:.5rem;box-shadow:0 1px 3px #00000059}.persona-card:hover{border-color:var(--accent-teal-light);transform:translateY(-2px);box-shadow:0 4px 16px #0006}.persona-card .card-tag{font-size:9px;font-weight:700;letter-spacing:3px;color:var(--accent-teal-light);text-transform:uppercase}.persona-card .card-title{font-size:1.1rem;font-weight:600;color:var(--text)}.persona-card .card-desc{font-size:.85rem;color:var(--text-muted);line-height:1.5}.step-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;margin:1.5rem 0}.step-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;text-decoration:none;display:flex;flex-direction:column;gap:.35rem;transition:border-color .2s ease,box-shadow .2s ease;box-shadow:0 1px 3px #00000059}.step-card:hover{border-color:var(--accent-indigo-light);box-shadow:0 4px 16px #0006}.step-card__num{font-size:9px;font-weight:700;letter-spacing:3px;color:var(--text-dim);text-transform:uppercase}.step-card__label{font-size:1rem;font-weight:600;color:var(--text)}.step-card__desc{font-size:.8rem;color:var(--text-muted)}.resource-pills{display:flex;flex-wrap:wrap;gap:.5rem;margin:1.5rem 0}.pill{background:var(--bg-card);border:1px solid var(--border);border-radius:999px;padding:.35rem 1rem;font-size:.8rem;color:var(--text-muted);text-decoration:none;transition:border-color .15s,color .15s}.pill:hover{border-color:var(--accent-indigo);color:var(--text)}.site-footer{padding:3rem 2rem 2rem;padding-bottom:max(2rem,env(safe-area-inset-bottom));color:var(--text-dim);font-size:.8rem;border-top:1px solid var(--border);display:flex;flex-direction:column;align-items:center;gap:1.25rem}.footer-brand{margin:0}.correax-link{display:flex;align-items:center;justify-content:center;transition:opacity .15s}.correax-link:hover{opacity:.8}.correax-logo{width:48px;height:48px}.footer-author{display:flex;align-items:center;justify-content:center;gap:1.25rem;max-width:680px;width:100%}.footer-avatar{width:72px;height:72px;border-radius:50%;object-fit:cover;border:2px solid var(--accent-indigo);flex-shrink:0}.footer-info{display:flex;flex-direction:column;gap:.25rem;text-align:left}.footer-name{font-size:1rem;font-weight:600;color:var(--text);text-decoration:none}.footer-name:hover{color:var(--accent-indigo)}.footer-title{color:var(--text-muted);font-size:.8rem}.footer-creds{color:var(--text-dim);font-size:.75rem;font-style:italic}.footer-links{display:flex;flex-wrap:wrap;gap:.5rem 1rem;margin-top:.25rem}.footer-links a{color:var(--accent-indigo-light);text-decoration:none;font-size:.75rem;transition:opacity .15s}.footer-links a:hover{opacity:.8;text-decoration:underline}.footer-copy{display:flex;flex-direction:column;align-items:center;gap:.25rem;font-size:.75rem;color:var(--text-muted)}.footer-copy a{color:inherit;text-decoration:none}.footer-copy a:hover{text-decoration:underline}@media (max-width: 768px){.nav-burger{display:flex}.nav-links{display:none;flex-direction:column;position:absolute;top:56px;left:0;right:0;background:var(--bg-card);border-bottom:1px solid var(--border);padding:.5rem 0;margin-left:0;z-index:99}.nav-links.open{display:flex}.nav-links a{height:48px;padding:0 1.5rem;width:100%;border-bottom:none;border-left:3px solid transparent;justify-content:flex-start}.nav-links a:hover,.nav-links a.active{border-bottom-color:transparent;border-left-color:var(--accent-indigo);background:var(--bg-hover);color:var(--text)}.nav-persona-wrap{height:auto;flex-direction:column;align-items:stretch;width:100%}.nav-persona-btn{height:48px;padding:0 1.5rem;width:100%;border-bottom:none;border-left:3px solid var(--accent-teal);justify-content:space-between;font-size:.85rem}.persona-flyout{display:flex;position:static;box-shadow:none;border:none;border-top:1px solid var(--border);border-radius:0;padding:0;margin-top:0;background:var(--bg)}.persona-flyout a{padding-left:2.5rem;min-height:40px;border-left:3px solid transparent}.persona-flyout a:hover,.persona-flyout a.active{background:var(--bg-hover);border-left-color:var(--accent-teal)}}@media (max-width: 640px){.page-header{padding:2rem 1.25rem;padding-left:max(1.25rem,env(safe-area-inset-left));padding-right:max(1.25rem,env(safe-area-inset-right))}.page-header h1{font-size:1.75rem}.page-content{padding:1.5rem 1.25rem 3rem;padding-left:max(1.25rem,env(safe-area-inset-left));padding-right:max(1.25rem,env(safe-area-inset-right))}.site-nav{padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(.5rem,env(safe-area-inset-right))}.footer-author{flex-direction:column;align-items:center;text-align:center}.footer-info{text-align:center}.footer-links{justify-content:center}.pill{font-size:.75rem;min-height:36px;display:flex;align-items:center}.persona-grid{grid-template-columns:1fr}.prose h1{font-size:1.6rem}.prose h2{font-size:1.2rem}}.subnav{display:flex;flex-wrap:wrap;gap:.45rem;margin:0 auto 1.75rem;max-width:820px}.subnav-chip{display:inline-block;padding:.35rem .85rem;border-radius:2rem;font-size:.8rem;font-weight:500;text-decoration:none;border:1.5px solid var(--border);color:var(--text-muted);background:var(--bg-card);transition:opacity .15s,border-color .15s,color .15s,background .15s;white-space:nowrap}.subnav-chip:hover{opacity:.85}.subnav-chip.active{border-color:var(--accent-rose-light, #fb7185);color:var(--accent-rose-light, #fb7185);background:#3b1a2e}.subnav-chip.active.academic-tag{border-color:#93c5fd;color:#93c5fd;background:#1e3a5f}.subnav-chip.active.engineer-tag{border-color:#6ee7b7;color:#6ee7b7;background:#1c3a2e}.subnav-chip.active.developer-tag{border-color:#c4b5fd;color:#c4b5fd;background:#2d1b4e}.subnav-chip.active.analyst-tag{border-color:#fcd34d;color:#fcd34d;background:#3b2a1a}.subnav-chip.active.pm-tag{border-color:#f9a8d4;color:#f9a8d4;background:#3b1a2e}.subnav-chip.active.marketing-tag{border-color:#fdba74;color:#fdba74;background:#3b2a10}.subnav-chip.active.creator-tag{border-color:#5eead4;color:#5eead4;background:#1e3535}.subnav-chip.active.student-tag{border-color:#7dd3fc;color:#7dd3fc;background:#1e2f3b}html,body{background:#0f172a;color:#f1f5f9}