/* Typography, rhythm, and interaction consistency pass. */
.section-title{line-height:1.15;letter-spacing:-.055em}
.eyebrow,.meta{letter-spacing:.16em;font-weight:400;color:color-mix(in srgb,var(--muted) 78%,transparent)}
.section-header{margin-bottom:48px}
.section-intro,.experience-summary,.detail-copy,.education-item p{color:color-mix(in srgb,var(--muted) 88%,transparent)}
.experience-item{padding-left:47px;padding-bottom:46px}
.experience-item:before{left:-5px;box-shadow:0 0 0 5px var(--bg)}
.experience-top{align-items:flex-start;flex-wrap:wrap}
.experience-top>div{min-width:0;flex:1 1 420px}
.experience-top .button{margin-top:12px;color:var(--accent);border-color:var(--accent);background:transparent}
.experience-top .button:hover{background:var(--accent);color:#0d1110}
.focus-tags{margin-top:16px}
.site-header .nav-links{gap:10px}
.site-header .nav-links a{padding:8px 10px}
.site-header .nav-actions{gap:10px}
.site-header .icon-button,.site-header .button.small{min-height:34px}
.snapshot-label,.snapshot-detail{color:color-mix(in srgb,var(--muted) 84%,transparent)}
.skill-group,.project-detail,.system-visual,.education-item,.experience-item{border-radius:0}
.button,.icon-button,.nav-toggle,.skill-chip,.tag,.status-badge,.arch-node,.workflow-step button{border-radius:2px}
.button:hover,.icon-button:hover,.nav-toggle:hover,.skill-chip:hover,.tag:hover,.arch-node:hover,.workflow-step button:hover{border-color:var(--accent);color:var(--accent)}
.button.primary{background:var(--accent);color:#0d1110;border-color:var(--accent)}
.button.primary:hover{background:var(--accent-2);color:#0d1110}
.project-row.selected{border-left-color:var(--accent)}
.project-row.selected .status-badge,.project-row.selected .tag{border-color:var(--accent);color:var(--accent)}
.detail-block h4,.experience-company,.project-number,.live-dot{color:var(--accent)}
.live-dot{background:var(--accent)}
@media(max-width:800px){.site-header .nav-links a{padding:8px 0}.section-header{margin-bottom:34px}.experience-item{padding-left:35px}.experience-top .button{margin-top:6px}}

/* Header controls share one rhythm; navigation remains text-first. */
.site-header .icon-button,.site-header .button.small,.site-header .theme-toggle{height:38px;min-height:38px;display:inline-flex;align-items:center;justify-content:center;padding-top:0;padding-bottom:0}
.site-header .theme-toggle{width:38px;padding-left:0;padding-right:0}
.site-header .nav-links a{background:transparent;border:0}

/* Hero card finish and accessible primary action contrast. */
.home-page .system-visual{padding-bottom:46px}
.home-page .system-visual::before{bottom:22px}
.home-page .hero-actions .button.primary,.home-page .hero-actions .button.primary:hover{color:#fff}

/* Project links are visible without competing with the inspector. */
.project-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.project-action{position:relative;z-index:2;padding:5px 8px;border:1px solid var(--line);color:var(--muted);font-size:10px;font-weight:600;letter-spacing:.04em}
.project-action:hover,.project-action.live{border-color:var(--accent);color:var(--accent)}

/* Keep a deliberate gap between the section identity and its content. */
.section-header .eyebrow{margin-bottom:12px}