/* Coding — blueprint / cyanotype treatment. */
.artifact[data-zone="coding"] { --zone-accent: var(--zone-coding); }
.artifact[data-zone="coding"] .artifact__card {
  background:
    linear-gradient(rgba(53,80,107,0.08) 1px, transparent 1px) 0 0 / 100% 22px,
    linear-gradient(90deg, rgba(53,80,107,0.08) 1px, transparent 1px) 0 0 / 22px 100%,
    var(--parchment-deep);
  border-color: var(--zone-coding);
}
.artifact[data-zone="coding"] .artifact__title { color: var(--zone-coding); font-family: var(--font-mono); font-size: 26px; letter-spacing: 0; }
.artifact[data-zone="coding"] .artifact__body p { font-family: var(--font-mono); font-size: 14px; }

.project-list { display: flex; flex-direction: column; gap: 20px; margin-top: 6px; }
.project { border-left: 2px solid var(--zone-coding); padding-left: 14px; }
.project__title { font-family: var(--font-body); font-weight: 600; font-size: 18px; margin: 0 0 4px; }
.project__desc { font-size: 14px; line-height: 1.55; margin: 0 0 8px; }
.project__tags { display: flex; flex-wrap: wrap; gap: 6px; margin: 0 0 8px; padding: 0; list-style: none; }
.project__tags li {
  font-family: var(--font-mono); font-size: 10.5px; color: var(--zone-coding);
  border: 1px solid var(--zone-coding); padding: 2px 7px; border-radius: 2px;
}
.project__links a { font-family: var(--font-mono); font-size: 11.5px; margin-right: 12px; }