.card-component{background-color:var(--bg-surface);border:1px solid var(--border-default);border-radius:8px;color:var(--fg-base);display:flex;flex-direction:column;justify-content:center;overflow:hidden}.card-component h2,.card-component--styleless div h2{font-size:20px}.card-component--styleless:hover{background:var(--bg-elevated);border-color:var(--accent);cursor:pointer;transition:border-color .2s ease,background .2s ease}.card-component__title-wrapper{background-color:var(--bg-elevated);box-shadow:inset 0 -1px 0 var(--border-default);padding:16px 4px;text-align:center}.card-component__text-container{padding:20px}.card-component__main-text-wrapper{margin-bottom:12px}.card-component__texts-label{font-weight:700}.card-component__list{padding:0}.card-component__list-item{list-style-type:none}.card-component__divider{border:0;border-bottom:1px solid var(--border-default);margin:12px auto;width:80%}.card-component__skills-container{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-top:12px}.card-component__skills-label{font-weight:700}.card-component__chip-list{align-items:center;display:flex;flex-wrap:wrap;gap:4px;list-style:none;margin:0;padding:0}.card-component__chip{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:10px;color:var(--fg-base);display:inline-block;font-family:Monaspace Neon,ui-monospace,SF Mono,monospace;font-size:14px;line-height:1.4;padding:2px 12px;transition:border-color .12s ease,background .12s ease;white-space:nowrap}.card-component__chip--more{background:transparent;border-color:var(--accent);color:var(--accent)}.card-component__chip:hover{border-color:var(--accent)}.card-component__chip--more:hover,.card-component__chip:hover{background:var(--accent-muted)}@media screen and (min-width:1076px){.card-component--styleless div h2{font-size:20px}}.projects-id-route{display:flex;flex-direction:column;gap:20px;line-height:2rem;padding:0}.projects-id-route__back-link{align-self:flex-start;border-radius:10px;color:var(--fg-muted);font-size:14px;margin-left:-8px;padding:4px 8px;text-decoration:none;transition:color .12s ease,background .12s ease}.projects-id-route__back-link:focus-visible,.projects-id-route__back-link:hover{background:var(--bg-surface);color:var(--fg-base)}.projects-id-route__title{margin:0;text-align:center}.projects-id-route__meta{align-items:center;color:var(--fg-muted);display:flex;flex-wrap:wrap;font-family:Monaspace Neon,ui-monospace,SF Mono,monospace;font-size:14px;gap:12px;justify-content:center;margin:0}.projects-id-route__meta-sep{color:var(--accent);font-weight:700}.projects-id-route__date-arrow{color:var(--accent)}.projects-id-route__sections{display:flex;flex-direction:column;gap:20px}.projects-id-route__tech-list{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}.projects-id-route__tech-chip{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:6px;color:var(--fg-base);display:inline-block;font-family:Monaspace Neon,ui-monospace,SF Mono,monospace;font-size:14px;line-height:1.4;padding:4px 12px;transition:border-color .12s ease,background .12s ease;white-space:nowrap}.projects-id-route__tech-chip:hover{background:var(--accent-muted);border-color:var(--accent)}.projects-id-route__error{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;margin:0 auto;max-width:600px;min-height:50vh;padding:40px 20px;text-align:center}.projects-id-route__error-code{color:var(--accent);font-family:Monaspace Neon,ui-monospace,SF Mono,monospace;font-size:5rem;font-weight:700;letter-spacing:-.02em;line-height:1;margin:0}.projects-id-route__error-title{color:var(--fg-base);font-size:24px;font-weight:700;line-height:1.3;margin:0}.projects-id-route__error-body{color:var(--fg-muted);line-height:1.5;margin:0;max-width:480px}.projects-id-route__error-action{border:1px solid var(--accent);border-radius:6px;color:var(--accent);font-size:14px;padding:8px 16px;text-decoration:none;transition:color .12s ease,background .12s ease}.projects-id-route__error-action:focus-visible,.projects-id-route__error-action:hover{background:var(--accent);color:var(--fg-on-accent);outline:none}@media screen and (min-width:768px){.projects-id-route{padding:0 20px}}@media screen and (min-width:1076px){.projects-id-route{padding:0 20px}}
