body { font-family: system-ui, -apple-system, sans-serif; margin: 1.5rem; background: #f8fafc; }
header { display: flex; align-items: center; margin-bottom: 2rem; }
header img { height: 60px; margin-right: 1rem; }
.container { margin-bottom: 2rem; padding: 1rem; padding-top: 0.5rem; background: #ffffff; border-radius: 12px; box-shadow: 0 1px 3px rgba(0,0,0,0.08); }
.line-container { margin-bottom: 2rem; padding: 1rem; background: #ffffff; border-radius: 12px; box-shadow: 0 1px 3px rgba(0,0,0,0.08); }
.line-title { font-size: 1.2rem; margin-bottom: 0.75rem; }
.flow { display: flex; align-items: center; flex-wrap: wrap; gap: 0.5rem; }
.station-node { min-width: 120px; padding: 0.75rem 1rem; border-radius: 10px; background: #e0f2fe; border: 1px solid #93c5fd; text-align: center; text-decoration: none; color: #0f172a; font-weight: 500; position: relative; }
.station-node.active { background: #fef9c3; border-color: #facc15; }
.station-node.active:hover { background: #fef3c7; }
.station-node:hover { background: #bae6fd; }
.station-node.qc:hover { background: #fef3c7; }
.arrow { font-size: 1.5rem; color: #64748b; }
.subtitle { color: #64748b; margin-top: 0.2rem; }
        
.container h1 { color: #64748b; margin-top: 0.2rem;  font-size: 18pt; } 
       
table.liste {
	border-collapse: collapse;
}

table.liste td, table.liste th {
	padding: 8px;
	border: solid 1px #d0d0d0;
}