:root{--icon-color: var(--text-secondary)}html[data-theme=locky]{--icon-color: #0EA5E9}html[data-theme=john]{--icon-color: #3B82F6}.section-rail{background-color:var(--bg-panel);border-radius:var(--radius-xl);padding:var(--component-padding-lg);border:1px solid var(--border-hairline);box-shadow:var(--shadow-card);color:var(--text-primary)}.member-avatar{display:flex;justify-content:center;margin-bottom:var(--space-6)}.avatar-image{width:80px;height:80px;border-radius:var(--radius-full);object-fit:cover;border:3px solid var(--brand);box-shadow:var(--shadow-lg);image-rendering:pixelated;image-rendering:crisp-edges}.member-info{text-align:center;margin-bottom:var(--space-8)}.member-name{font-size:var(--font-size-2xl);font-weight:var(--font-weight-black);color:var(--text-primary);margin-bottom:var(--space-2);letter-spacing:var(--letter-spacing-tight);line-height:var(--line-height-tight)}.member-role{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--brand);margin-bottom:var(--space-4)}.member-mission{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:var(--line-height-relaxed);font-style:italic}.social-links{display:flex;justify-content:center;gap:var(--space-4);margin-bottom:var(--space-8)}.social-link-item{color:var(--text-secondary);transition:all var(--transition-fast)}.social-link-item:hover{color:var(--brand);transform:scale(1.1)}.social-link-item svg{width:24px;height:24px;color:var(--icon-color);transition:color var(--transition-fast)}.social-link-item:hover svg{color:var(--brand)}.section-nav{display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-8)}.section-nav-item{padding:var(--space-3) var(--space-2);border-radius:var(--radius-md);text-decoration:none;color:var(--text-secondary);transition:all var(--transition-fast);border-bottom:1px solid transparent;position:relative;font-weight:var(--font-weight-medium);font-size:var(--font-size-base)}.section-nav-item:hover{color:var(--brand);background-color:var(--hover-overlay);transform:translate(4px)}.section-nav-item[aria-current=true]{color:var(--brand);font-weight:var(--font-weight-semibold);background-color:var(--active-overlay)}.section-nav-item[aria-current=true]:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background-color:var(--brand);border-radius:1px 1px 0 0}.section-nav-item:focus{outline:2px solid var(--focus-ring);outline-offset:2px}.quick-facts{border-top:1px solid var(--border-hairline);padding-top:var(--space-6)}.facts-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--space-3);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.facts-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-2)}.fact-item{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:var(--line-height-normal);position:relative;padding-left:var(--space-4)}.fact-item:before{content:"▸";position:absolute;left:0;color:var(--brand);font-weight:var(--font-weight-bold)}@media(max-width:767px){.section-rail{padding:var(--component-padding-md)}.member-name{font-size:var(--font-size-xl)}.section-nav-item{padding:var(--space-2) var(--space-1);font-size:var(--font-size-sm)}.quick-facts{padding-top:var(--space-4)}}@media(prefers-contrast:high){.section-nav-item[aria-current=true]{border:2px solid var(--brand);border-radius:var(--radius-md)}.avatar-image{border-width:4px}}@media(prefers-reduced-motion:reduce){.section-nav-item:hover{transform:none}}.timeline-item{margin-bottom:2rem}.timeline-item:last-child{margin-bottom:0}.timeline-item header{color:var(--text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.timeline-content{transition:all var(--transition-normal)}.timeline-role{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--text-primary);margin-bottom:var(--space-1);letter-spacing:var(--letter-spacing-tight);line-height:var(--line-height-snug)}.timeline-company{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--brand);margin-bottom:0}.company-name{display:inline-block}.timeline-description{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);margin-bottom:var(--space-4);max-width:100ch}.timeline-tech{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-2)}.tech-chip{background-color:var(--brand);color:var(--text-inverse);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);transition:all var(--transition-fast);opacity:.8}.tech-chip:hover{opacity:1;transform:var(--transform-hover-scale)}.timeline-content{padding:var(--space-6)}@media(max-width:640px){.timeline-item{grid-template-columns:1fr;gap:var(--space-2);margin-bottom:2rem}.timeline-item header{margin-bottom:var(--space-2);padding-bottom:var(--space-2);border-bottom:1px solid var(--border-hairline)}.timeline-content{margin-left:var(--space-4);border-left:2px solid var(--brand);padding-left:var(--space-4)}}@media(min-width:640px)and (max-width:1024px){.timeline-item header{flex:0 0 30%}.timeline-item .z-20:last-child{flex:0 0 65%}}@media(max-width:480px){.timeline-role{font-size:var(--font-size-base)}.timeline-company,.timeline-description{font-size:var(--font-size-sm)}.tech-chip{font-size:11px;padding:2px var(--space-2)}}@media(prefers-contrast:high){.tech-chip{border:1px solid var(--text-primary)}}@media(prefers-reduced-motion:reduce){.timeline-item,.hover-item:hover .hover-overlay,.hover-item:hover .hover-content,.hover-item:hover~.hover-item .hover-overlay,.hover-item:hover~.hover-item .hover-content,.tech-chip:hover{transition:none;transform:none}}.tech-chip:focus{outline:2px solid var(--focus-ring);outline-offset:2px}@media(prefers-color-scheme:dark){.timeline-item header{color:var(--text-muted)}.tech-chip{background-color:var(--brand);opacity:.9}}.prose-container{max-width:100ch;width:85%;min-width:85%;line-height:var(--line-height-relaxed);color:var(--text-primary);box-sizing:border-box}.prose-content{font-size:var(--font-size-base);width:100%;min-width:100%;box-sizing:border-box}.content-section .prose-container .prose-content{width:100%!important;min-width:100%!important}.prose-content p{margin-bottom:var(--space-2);color:var(--text-primary)}.prose-content p:last-child{margin-bottom:0}.prose-content strong,.prose-content b{font-weight:var(--font-weight-semibold);color:var(--brand)}.prose-content em,.prose-content i{font-style:italic;color:var(--brand-600)}.prose-content code{background-color:var(--bg-panel);color:var(--text-primary);padding:2px var(--space-1);border-radius:var(--radius-sm);font-family:var(--font-family-mono);font-size:.875em;border:1px solid var(--border-hairline)}.prose-content br{display:block;margin-bottom:var(--space-2)}.prose-content a{color:var(--brand);text-decoration:underline;text-decoration-color:var(--brand);text-decoration-thickness:var(--text-decoration-thickness);text-underline-offset:var(--text-decoration-offset);transition:color var(--transition-fast)}.prose-content a:hover{color:var(--brand-600);text-decoration-color:var(--brand-600)}.prose-content a:focus{outline:2px solid var(--focus-ring);outline-offset:2px}.prose-content blockquote{border-left:3px solid var(--brand);padding-left:var(--space-4);margin-left:0;margin-right:0;margin-bottom:var(--space-4);font-style:italic;color:var(--text-secondary);background-color:var(--bg-panel);padding:var(--space-4);border-radius:var(--radius-md)}.prose-content ul,.prose-content ol{margin-bottom:var(--space-4);padding-left:var(--space-6)}.prose-content li{margin-bottom:var(--space-1);color:var(--text-secondary)}.prose-content li:last-child{margin-bottom:0}.prose-content ul li{list-style-type:disc}.prose-content ol li{list-style-type:decimal}.prose-content h1,.prose-content h2,.prose-content h3,.prose-content h4,.prose-content h5,.prose-content h6{color:var(--text-primary);margin-top:var(--space-6);margin-bottom:var(--space-3);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight)}.prose-content h1{font-size:var(--font-size-2xl)}.prose-content h2{font-size:var(--font-size-xl)}.prose-content h3{font-size:var(--font-size-lg)}.prose-content h4{font-size:var(--font-size-base)}.prose-content h5,.prose-content h6{font-size:var(--font-size-sm)}.prose-content hr{border:0;height:1px;background-color:var(--border-hairline);margin:var(--space-6) 0}@media(max-width:768px){.prose-container{max-width:var(--content-wide);width:85%;min-width:85%}.prose-content{font-size:var(--font-size-sm);width:100%}.prose-content p{margin-bottom:var(--space-3)}}@media(max-width:480px){.prose-container{max-width:100%;width:85%;min-width:85%}.prose-content blockquote{padding:var(--space-3);margin-left:var(--space-2);margin-right:var(--space-2)}.prose-content ul,.prose-content ol{padding-left:var(--space-4)}}@media(prefers-contrast:high){.prose-content strong,.prose-content b{font-weight:var(--font-weight-bold)}.prose-content blockquote{border-left-width:4px;border-color:var(--text-primary)}.prose-content code{border-width:2px;border-color:var(--text-primary)}.prose-content hr{height:2px}}@media print{.prose-container{max-width:none}.prose-content{font-size:12pt;line-height:1.4}.prose-content a{text-decoration:underline;color:#000}.prose-content a:after{content:" (" attr(href) ")";font-size:10pt;color:#666}.prose-content blockquote{background-color:#f0f0f0;border-left-color:#000}.prose-content code{background-color:#f0f0f0;border:1px solid #ccc}}.chips-container{display:flex;flex-wrap:wrap;gap:var(--space-2)}.chip{display:inline-flex;align-items:center;background-color:var(--chip-bg);color:var(--chip-text);border:1px solid var(--chip-border);transition:all var(--transition-fast);cursor:default;user-select:none}.chip:hover{transform:var(--transform-hover-scale)}.chip-sm{padding:2px var(--space-2);border-radius:var(--radius-sm);font-size:11px;font-weight:var(--font-weight-medium);line-height:var(--line-height-normal)}.chip-md{padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal)}.chip-lg{padding:var(--space-1) var(--space-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal)}.chip-default{background-color:var(--chip-bg);color:var(--chip-text);border-color:var(--chip-border)}.chip-primary{background-color:var(--brand);color:var(--text-inverse);border-color:var(--brand)}.chip-primary:hover{background-color:var(--brand-600);border-color:var(--brand-600)}.chip-secondary{background-color:var(--bg-elevated);color:var(--text-secondary);border-color:var(--border-secondary)}.chip-secondary:hover{background-color:var(--bg-panel);border-color:var(--border-primary)}.chip:focus{outline:2px solid var(--focus-ring);outline-offset:2px}@media(prefers-contrast:high){.chip{border-width:2px}.chip-default{background-color:var(--bg-deep);border-color:var(--text-primary)}.chip-primary{background-color:var(--brand);border-color:var(--text-inverse)}}@media(prefers-reduced-motion:reduce){.chip:hover{transform:none}}@media print{.chip{background-color:transparent!important;border:1px solid #000!important;color:#000!important;padding:2px 6px!important;font-size:10px!important}}.skills-section{margin-top:var(--space-8)}.skills-section h2{color:var(--text-primary);margin-bottom:var(--space-6);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-tight)}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-6);align-items:start}.skill-group-label{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-3)}@media(max-width:640px){.skills-grid{grid-template-columns:1fr;gap:var(--space-4)}}