/* style.css — inspiration-only overrides on top of /shell/shell.css.
 * Tokens, reset, base typography, topbar, page wrapper come from the shell.
 */

/* Section header */
.ins-section-h {
  font: 500 var(--t-eyebrow)/1 var(--font-mono);
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--dim);
  margin-bottom: var(--space-3);
}

main .ins-section-h:not(:first-child) {
  margin-top: var(--space-6);
}

/* About section (the placeholder copy) */
.ins-about {
  margin-top: var(--space-4);
}

.ins-about p {
  color: var(--muted);
  font: 400 13px/1.55 var(--font-sans);
  margin-bottom: var(--space-3);
}

.ins-about p:last-child { margin-bottom: 0; }

code {
  background: var(--surface);
  border: 1px solid var(--line);
  padding: 0.1em 0.45em;
  border-radius: var(--r-sm);
  font: 400 0.85em var(--font-mono);
}

/* Projects list — built from .shell-feed-item entries */
.ins-projects {
  margin-top: var(--space-6);
}

#projects-list {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
}

.ins-feed-title {
  font: 500 var(--t-h2)/1.25 var(--font-sans);
  color: var(--fg);
  letter-spacing: -0.015em;
  display: block;
  margin-bottom: var(--space-1);
}

.ins-feed-meta {
  font: 500 var(--t-eyebrow)/1 var(--font-mono);
  color: var(--dim);
  letter-spacing: 0.18em;
  text-transform: uppercase;
  display: flex;
  gap: var(--space-2);
  align-items: baseline;
}

.ins-feed-meta .count { color: var(--muted); }

.ins-feed-empty {
  font: 400 13px/1.5 var(--font-sans);
  color: var(--muted);
  padding: var(--space-3) 0 var(--space-3) var(--space-5);
  border-left: 2px solid var(--line);
}

/* Footer */
.ins-footer {
  margin-top: var(--space-7);
  padding: var(--space-5) var(--space-4) var(--space-4);
  border-top: 1px solid var(--line);
  text-align: center;
  font: 400 var(--t-meta)/1 var(--font-mono);
  color: var(--dim);
  letter-spacing: 0.05em;
}

.ins-footer a { color: var(--muted); }