.input-component{height:var(--space-32);border-radius:var(--border-6);border:1px solid var(--border-default);background-color:var(--bg-surface);padding:0;padding-left:var(--space-4);color:var(--fg-base);width:100%}.input-component::placeholder{color:var(--fg-muted);opacity:1}.input-component__wrapper{position:relative}.input-component__label{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.input-component__suggestions-list{background-color:var(--bg-surface);border-radius:var(--border-6);border:1px solid var(--border-default);z-index:1;padding:var(--space-12);margin-top:var(--space-12);color:var(--fg-base);width:80vw;list-style-type:none;position:absolute}.input-component__suggestions-list li{cursor:pointer;padding:var(--space-4);border-radius:var(--border-6);transition:background .5s linear}.input-component__suggestion-item--active,.input-component__suggestions-list li:hover{background:var(--bg-elevated)}@media screen and (width>=640px){.input-component{align-self:center;width:75vw}.input-component__suggestions-list{width:75vw}}@media screen and (width>=1024px){.input-component{width:30vw;margin-left:var(--space-20)}.input-component__suggestions-list{width:100%;left:var(--space-20)}}.vertical-timeline *{box-sizing:border-box}.vertical-timeline{width:95%;max-width:1170px;margin:0 auto;padding:2em 0;position:relative}.vertical-timeline:after{content:"";clear:both;display:table}.vertical-timeline:before{content:"";background:var(--line-color);width:4px;height:100%;position:absolute;top:0;left:18px}.vertical-timeline.vertical-timeline--one-column-right:before{right:18px;left:unset}@media only screen and (width>=1170px){.vertical-timeline.vertical-timeline--two-columns{width:90%}.vertical-timeline.vertical-timeline--two-columns:before{margin-left:-2px;left:50%}}.vertical-timeline-element{margin:2em 0;position:relative}.vertical-timeline-element>div{min-height:1px}.vertical-timeline-element:after{content:"";clear:both;display:table}.vertical-timeline-element:first-child{margin-top:0}.vertical-timeline-element:last-child{margin-bottom:0}@media only screen and (width>=1170px){.vertical-timeline-element{margin:4em 0}.vertical-timeline-element:first-child{margin-top:0}.vertical-timeline-element:last-child{margin-bottom:0}}.vertical-timeline-element-icon{border-radius:50%;width:40px;height:40px;position:absolute;top:0;left:0}.vertical-timeline-element-icon.shadow-size-small{box-shadow:0 0 0 2px #fff,inset 0 1px #00000014,0 2px 0 4px #0000000d}.vertical-timeline-element-icon.shadow-size-medium{box-shadow:0 0 0 3px #fff,inset 0 2px #00000014,0 3px 0 5px #0000000d}.vertical-timeline-element-icon.shadow-size-large{box-shadow:0 0 0 4px #fff,inset 0 2px #00000014,0 4px 0 6px #0000000d}.vertical-timeline--one-column-right .vertical-timeline-element-icon{right:0;left:unset}.vertical-timeline-element-icon svg{width:24px;height:24px;margin-top:-12px;margin-left:-12px;display:block;position:relative;top:50%;left:50%}@media only screen and (width>=1170px){.vertical-timeline--two-columns .vertical-timeline-element-icon{width:60px;height:60px;margin-left:-30px;left:50%}}.vertical-timeline-element-icon{-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0)}.vertical-timeline--animate .vertical-timeline-element-icon.is-hidden{visibility:hidden}.vertical-timeline--animate .vertical-timeline-element-icon.bounce-in{visibility:visible;animation:.6s cd-bounce-1}@keyframes cd-bounce-1{0%{opacity:0;transform:scale(.5)}60%{opacity:1;transform:scale(1.2)}to{transform:scale(1)}}.vertical-timeline-element-content{background:#fff;border-radius:.25em;margin-left:60px;padding:1em;position:relative;box-shadow:0 3px #ddd}.vertical-timeline--one-column-right .vertical-timeline-element-content{margin-right:60px;margin-left:unset}.vertical-timeline-element--no-children .vertical-timeline-element-content{box-shadow:none;background:0 0}.vertical-timeline-element-content:after{content:"";clear:both;display:table}.vertical-timeline-element-content h2{color:#303e49}.vertical-timeline-element-content .vertical-timeline-element-date,.vertical-timeline-element-content p{font-size:.8125rem;font-weight:500}.vertical-timeline-element-content .vertical-timeline-element-date{display:inline-block}.vertical-timeline-element-content p{margin:1em 0 0;line-height:1.6}.vertical-timeline-element-subtitle,.vertical-timeline-element-title{margin:0}.vertical-timeline-element-content .vertical-timeline-element-date{float:left;opacity:.7;padding:.8em 0}.vertical-timeline-element-content-arrow{content:"";border:7px solid #0000;border-right-color:#fff;width:0;height:0;position:absolute;top:16px;right:100%}.vertical-timeline--one-column-right .vertical-timeline-element-content-arrow{content:"";top:16px;right:unset;border:7px solid #0000;border-left-color:#fff;width:0;height:0;position:absolute;left:100%}.vertical-timeline--one-column-right .vertical-timeline-element-content:before{border-left:7px solid #fff;border-right:unset;left:100%}.vertical-timeline-element--no-children .vertical-timeline-element-content-arrow,.vertical-timeline-element--no-children .vertical-timeline-element-content:before{display:none}@media only screen and (width>=768px){.vertical-timeline-element-content h2{font-size:1.25rem}.vertical-timeline-element-content p{font-size:1rem}.vertical-timeline-element-content .vertical-timeline-element-date{font-size:.875rem}}@media only screen and (width>=1170px){.vertical-timeline--two-columns .vertical-timeline-element-content{width:44%;margin-left:0;padding:1.5em}.vertical-timeline--two-columns .vertical-timeline-element-content-arrow{top:24px;left:100%;transform:rotate(180deg)}.vertical-timeline--two-columns .vertical-timeline-element-content .vertical-timeline-element-date{width:100%;font-size:1rem;position:absolute;top:6px;left:124%}.vertical-timeline--two-columns .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content,.vertical-timeline--two-columns .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content{float:right}.vertical-timeline--two-columns .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content-arrow,.vertical-timeline--two-columns .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content-arrow{top:24px;left:auto;right:100%;transform:rotate(0)}.vertical-timeline--one-column-right .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content-arrow,.vertical-timeline--one-column-right .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content-arrow{top:24px;left:100%;right:auto;transform:rotate(0)}.vertical-timeline--two-columns .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content .vertical-timeline-element-date,.vertical-timeline--two-columns .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content .vertical-timeline-element-date{text-align:right;left:auto;right:124%}}.vertical-timeline--animate .vertical-timeline-element-content.is-hidden{visibility:hidden}.vertical-timeline--animate .vertical-timeline-element-content.bounce-in{visibility:visible;animation:.6s cd-bounce-2}@media only screen and (width>=1170px){.vertical-timeline--two-columns.vertical-timeline--animate .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content.bounce-in,.vertical-timeline--two-columns.vertical-timeline--animate .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content.bounce-in{animation:.6s cd-bounce-2-inverse}}@media only screen and (width<=1169px){.vertical-timeline--animate .vertical-timeline-element-content.bounce-in{visibility:visible;animation:.6s cd-bounce-2-inverse}}@keyframes cd-bounce-2{0%{opacity:0;transform:translate(-100px)}60%{opacity:1;transform:translate(20px)}to{transform:translate(0)}}@keyframes cd-bounce-2-inverse{0%{opacity:0;transform:translate(100px)}60%{opacity:1;transform:translate(-20px)}to{transform:translate(0)}}.timeline-component{--line-color:var(--accent)}.timeline-component .vertical-timeline{padding:0 0 var(--space-16) 0}.timeline-component .vertical-timeline-element:last-child{margin-bottom:0}.timeline-component .vertical-timeline-element .vertical-timeline-element-content{box-shadow:none;background:0 0;padding:0}.timeline-component .vertical-timeline-element .vertical-timeline-element-content .bounce-in{border-radius:var(--border-8);overflow:hidden}.timeline-component .vertical-timeline-element .vertical-timeline-element-content h2{color:var(--fg-base)}.timeline-component .vertical-timeline--two-columns:before{background:var(--accent)}.timeline-component .vertical-timeline--two-columns .vertical-timeline-element-content{padding:0}.timeline-component .vertical-timeline--two-columns .vertical-timeline-element-content-arrow{border-right-color:var(--accent)}.timeline-component .vertical-timeline-element-icon,.timeline-component .vertical-timeline-element-icon.shadow-size-large,.timeline-component .vertical-timeline-element-icon.shadow-size-medium,.timeline-component .vertical-timeline-element-icon.shadow-size-small{background:var(--bg-base);color:var(--accent);box-shadow:0 0 0 4px var(--accent),inset 0 2px 0 #00000014,0 3px 0 4px #0000000d}.timeline-component .vertical-timeline-element-icon svg{fill:var(--accent);top:50%;left:50%}.timeline-component__element-link{color:inherit;border-radius:var(--border-10);text-decoration:none}.timeline-component__element-link:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.timeline-component .vertical-timeline--two-columns .vertical-timeline-element-content .vertical-timeline-element-date{opacity:1;color:var(--fg-muted);padding:0;font-family:Monaspace Neon,ui-monospace,SF Mono,monospace;top:24px}@media screen and (width>=640px){.timeline-component .vertical-timeline{max-width:95%}}@media screen and (width>=1024px){.timeline-component .vertical-timeline.vertical-timeline--two-columns{width:100%}}@media screen and (width>=1280px){.timeline-component .vertical-timeline{max-width:100%;margin:0}.timeline-component .vertical-timeline.vertical-timeline--two-columns{width:100%}.timeline-component .vertical-timeline .vertical-timeline-element-icon{height:var(--space-80);width:var(--space-80);margin-left:calc(var(--space-40)*-1)}.timeline-component .vertical-timeline .vertical-timeline-element-icon svg{width:var(--space-40);height:var(--space-40);top:40%;left:40%}.timeline-component .vertical-timeline .vertical-timeline-element-content{padding:var(--space-20) 0 0}.timeline-component .vertical-timeline .vertical-timeline-element-content-arrow{border-right-color:var(--accent);margin-top:var(--space-12)}.timeline-component .vertical-timeline .vertical-timeline-element-date{margin:var(--space-4) 0 0 var(--space-12)}}.tenure-heatmap{align-items:flex-start;gap:var(--space-12);background-color:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--border-8);padding:var(--space-16);flex-direction:column;display:flex;overflow-x:auto}.tenure-heatmap__grid{grid-template-columns:minmax(90px,110px) repeat(var(--years-count),22px);justify-content:start;align-items:center;gap:3px;display:grid}.tenure-heatmap__row{display:contents}.tenure-heatmap__skill{color:var(--fg-base);padding-right:var(--space-4);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.tenure-heatmap__skill,.tenure-heatmap__year-label{font-family:Monaspace Neon,ui-monospace,SF Mono,monospace;font-size:var(--font-12)}.tenure-heatmap__year-label{color:var(--fg-muted);text-align:center}.tenure-heatmap__cell{aspect-ratio:1;border:1px solid #0000;border-radius:2px;transition:transform .12s}.tenure-heatmap__cell:hover{border-color:var(--border-emphasis);transform:scale(1.15)}.tenure-heatmap__cell--level-0{border-color:var(--border-default);background:#2a3530}.tenure-heatmap__cell--level-1{background:#0e4429}.tenure-heatmap__cell--level-2{background:#006d32}.tenure-heatmap__cell--level-3{background:#26a641}.tenure-heatmap__cell--level-4{background:#39d353}.tenure-heatmap__legend{font-family:Monaspace Neon,ui-monospace,SF Mono,monospace;font-size:var(--font-12);color:var(--fg-muted);align-self:flex-end;align-items:center;gap:4px;display:flex}.tenure-heatmap__legend .tenure-heatmap__cell{aspect-ratio:auto;cursor:default;width:12px;height:12px;transform:none}.tenure-heatmap__legend .tenure-heatmap__cell:hover{border-color:#0000;transform:none}.tenure-heatmap__legend-label{margin:0 var(--space-4)}.tenure-heatmap__toggle{color:var(--accent);font-family:Monaspace Neon,ui-monospace,SF Mono,monospace;font-size:var(--font-12);cursor:pointer;background:0 0;border:none;align-self:flex-end;padding:0;text-decoration:none;transition:color .12s}.tenure-heatmap__toggle:focus-visible,.tenure-heatmap__toggle:hover{color:var(--accent-soft);outline:none;text-decoration:underline}@media screen and (width>=1024px){.tenure-heatmap{width:fit-content;max-width:100%}.tenure-heatmap__grid{--cell-size:clamp(18px,calc((100vw - 424px)/var(--skills-count)),36px);grid-template-rows:100px repeat(var(--years-count),var(--cell-size));grid-template-columns:minmax(32px,40px) repeat(var(--skills-count),var(--cell-size))}.tenure-heatmap__skill{grid-row:1;grid-column:calc(var(--skill-idx) + 2);transform-origin:bottom;text-align:left;white-space:nowrap;place-self:end center;width:0;padding:0;overflow:visible;transform:rotate(-45deg)}.tenure-heatmap__skill--head{grid-area:1/1;place-self:end stretch;width:auto;transform:none}.tenure-heatmap__year-label{text-align:right;padding-right:var(--space-4);grid-column:1}.tenure-heatmap__cell,.tenure-heatmap__year-label{grid-row:calc(var(--years-count) - var(--year-idx) + 1)}.tenure-heatmap__cell{grid-column:calc(var(--skill-idx) + 2)}}[data-theme=light] .tenure-heatmap__cell--level-0{background:#ebedf0;border-color:#d0d7de}[data-theme=light] .tenure-heatmap__cell--level-1{background:#9be9a8}[data-theme=light] .tenure-heatmap__cell--level-2{background:#40c463}[data-theme=light] .tenure-heatmap__cell--level-3{background:#30a14e}[data-theme=light] .tenure-heatmap__cell--level-4{background:#216e39}.tech-tree-component{gap:var(--space-20);background-color:var(--bg-surface);border:1px solid var(--border-default);padding:var(--space-20);border-radius:var(--border-8);grid-template-columns:1fr;display:grid}.tech-tree-component__group{gap:var(--space-12);flex-direction:column;display:flex}.tech-tree-component__group-title{color:var(--fg-muted);font-size:var(--font-12);font-weight:var(--weight-700);letter-spacing:.08em;text-transform:uppercase;margin:0}.tech-tree-component__group--future .tech-tree-component__group-title,.tech-tree-component__group--learning .tech-tree-component__group-title{color:var(--accent)}.tech-tree-component__item-list{gap:var(--space-12);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.tech-tree-component__item{padding:4px var(--space-12);border:1px solid var(--border-default);border-radius:var(--border-6);background:var(--bg-elevated);color:var(--fg-base);font-family:Monaspace Neon,ui-monospace,SF Mono,monospace;font-size:var(--font-14);white-space:nowrap;line-height:1.4;transition:border-color .12s,background .12s;display:inline-block}.tech-tree-component__item:hover{border-color:var(--accent);background:var(--accent-muted)}.tech-tree-component__item--future,.tech-tree-component__item--learning{border:1px dashed var(--accent);color:var(--accent);white-space:normal;background:0 0}.tech-tree-component__item--future:hover,.tech-tree-component__item--learning:hover{background:var(--accent-muted)}@media screen and (width>=768px){.tech-tree-component{grid-template-columns:repeat(2,minmax(0,1fr))}}.skills-route{gap:var(--space-32);flex-direction:column;display:flex}.skills-route h2{text-align:center;font-size:var(--font-24)}.skills-route__time-line{gap:var(--space-20);flex-direction:column;padding:0;display:flex}.skills-route__time-line .input-component{box-sizing:border-box;width:100%;padding:0 var(--space-12)}.skills-route__empty-state{padding:var(--space-40) var(--space-20);text-align:center;color:var(--fg-muted);font-family:Monaspace Neon,ui-monospace,SF Mono,monospace;font-size:var(--font-14)}.skills-route__years-of-exp{display:flex}.skills-route__years-of-exp .card-component{text-align:center;width:100%}.skills-route__years-of-exp .card-component__main-text-wrapper{font-family:Monaspace Neon,ui-monospace,SF Mono,monospace;font-size:var(--font-30);font-weight:var(--weight-700);color:var(--accent);letter-spacing:-.02em}.skills-route__skills-and-tools,.skills-route__skills-and-tools-grid{gap:var(--space-20);flex-direction:column;width:100%;display:flex}.skills-route__extra-activities,.skills-route__extra-activities-wrapper{align-items:center;gap:var(--space-20);flex-direction:column;display:flex}.skills-route__extra-activities-wrapper,.skills-route__extra-activities-wrapper .card-component{width:100%}.skills-route__extra-activities-wrapper .card-component__text-container{display:flex}.skills-route__extra-activities-wrapper .card-component__text-container ul{flex-direction:column;justify-content:space-around;display:flex}@media screen and (width>=640px){.skills-route__time-line-controls{justify-content:space-between;gap:var(--space-20);flex-direction:column;display:flex}.skills-route__extra-activities .card-component{width:80%}.skills-route__extra-activities .card-component__text-container{justify-content:center;align-items:stretch;height:100%}}@media screen and (width>=1024px){.skills-route__time-line{gap:var(--space-20);margin:0;display:flex}.skills-route__time-line-controls{flex-direction:row}.skills-route .input-component__wrapper{width:45%}.skills-route__extra-activities-wrapper{flex-direction:row;justify-content:center;align-items:stretch}}@media screen and (width>=1280px){.skills-route__time-line{gap:var(--space-20);margin:0;display:flex}.skills-route__years-of-exp{justify-content:center;display:flex}.skills-route__years-of-exp .card-component{width:80%}}
