.project-card { min-width:0; background:transparent; padding:24px; }
.project-card .project-title { font-size:1.15rem; letter-spacing:0; line-height:1.35; color:#eee; }
.project-story { margin:6px 0 24px; line-height:1.65; }
.project-story div + div { margin-top:14px; }
.project-story dt { color:#888; font-size:.68rem; letter-spacing:.12em; text-transform:uppercase; }
.project-story dd { margin:4px 0 0; color:#bbb; font-size:.9rem; }
.project-card .project-tech { padding-top:16px; }
.project-card a { align-self:flex-start; }
.project-overview { width:min(820px,calc(100% - 40px)); margin:64px auto; text-align:left; line-height:1.75; }
.project-overview h1 { font-size:clamp(2rem,6vw,3.5rem); line-height:1.2; }
.project-overview p { color:#bbb; }
@media(max-width:540px){.project-card{padding:20px}.project-overview{width:calc(100% - 32px);margin:40px auto}}
.project-card .project-title { margin:0 0 10px; font-weight:400; overflow-wrap:anywhere; }
.project-description { white-space:pre-wrap; overflow-wrap:anywhere; color:#d0d0d0; font-size:.95rem; }
.project-links { display:flex; flex-wrap:wrap; align-items:center; gap:14px; }
.project-github-link { display:inline-flex; align-items:center; gap:7px; color:#a8a8a8; text-decoration:none; font-size:.85rem; }
.project-github-link:hover,.project-github-link:focus-visible { color:#d0d0d0; }
.project-github-link .github-icon { width:17px; height:17px; fill:currentColor; flex:none; }
.project-story dd,.project-overview h1 { overflow-wrap:anywhere; }
.project-overview .project-tech { margin:24px 0; }
.project-overview-section p { white-space:pre-wrap; overflow-wrap:anywhere; }
.projects-state,.projects-empty { margin:64px auto; text-align:left; color:#aaa; }
.projects-retry { display:block; padding:10px 16px; margin-top:16px; color:#bbb; border:1px solid #555; background:transparent; cursor:pointer; font:inherit; }
.projects-retry:hover,.projects-retry:focus-visible { color:#111; background:#eee; }
.project-tech .skill-chip { max-width:100%; min-width:0; overflow-wrap:anywhere; line-height:1.3; }
.project-tech .skill-chip img { flex:none; }
.project-github-link { min-width:0; max-width:100%; font-weight:700; }
.project-github-link span,.project-status,.project-overview-section h2 { overflow-wrap:anywhere; }
.project-status { max-width:100%; }