.surface { background: #fff; border-radius: var(--radius); border: 1px solid var(--border); padding: 1.2rem; }
.kicker { color: #7e6546; font-size: .92rem; }
.list-clean { padding: 0; margin: 0; list-style: none; }
.list-clean li { padding: .25rem 0; }
.small-muted { color: var(--muted); font-size: .9rem; }
hr.soft { border: 0; border-top: 1px solid var(--border); margin: 2rem 0; }

.stat-grid, .work-grid, .writing-grid { margin-top: 1rem; }
.stat-card { padding: .95rem 1rem; border-left: 3px solid rgba(212,175,55,.65); }
.stat-number { font-size: 2rem; line-height: 1; margin: .1rem 0; font-weight: 700; color: #3b1120; }
.stat-label { margin: .15rem 0; font-weight: 600; font-size: .92rem; }

.work-card { display: grid; gap: .75rem; align-content: start; min-height: 100%; }
.work-outcome { margin: 0; font-weight: 700; color: #241826; }
.work-problem { margin: 0; color: var(--muted); }
.work-tags { display: flex; flex-wrap: wrap; gap: .35rem; }
.work-cta { margin-top: .2rem; font-weight: 600; }

.writing-card { display: grid; gap: .5rem; align-content: start; }
.writing-meta { display: flex; justify-content: space-between; gap: .7rem; align-items: flex-start; }
.writing-card h3 { font-size: 1.27rem; line-height: 1.25; margin: 0; }
.writing-card .kicker, .writing-card .small-muted { margin: 0; }

.stat-card:hover, .work-card:hover, .writing-card:hover { box-shadow: 0 16px 32px rgba(16,10,22,.12), 0 0 0 1px rgba(212,175,55,.28) inset; }
.writing-card h3 a, .work-cta { transition: color .2s ease; }
.writing-card h3 a:hover, .work-cta:hover { color: #8f6f3d; text-decoration: none; }